feat: added consistent text-shadows

index.html

@@ -32,11 +32,11 @@
       <section class="row title-page">
         <div class="col">
           <img src="styles/blocks.jpg" alt="" class="cover">
-          <h1 style="font-weight: 900; background-color: black; color: white; display: inline-block; align-self: flex-end;">Block</h1>
+          <h1 style="font-weight: 900; background-color: black; color: white; display: inline-block; align-self: flex-end; text-shadow: none">Block</h1>
         </div>
         <div class="col">
           <img src="styles/chains.jpg" alt="" class="cover">
-          <h1 style="font-weight: 900; background-color: white; color: black; display: inline-block; align-self: flex-start;">Chain</h1>
+          <h1 style="font-weight: 900; background-color: white; color: black; display: inline-block; align-self: flex-start; text-shadow: none">Chain</h1>
         </div>
         <div class="notes">Blockchain is this hot new buzzword.
           We have to start with the big one, Bitcoin.</div>
@@ -296,7 +296,7 @@
         <h1>How to decentralize?</h1>
       </section>
 
-      <section janus-future="up" janus-past="up" style="text-shadow: 0.1em 0.1em 0.2em black;">
+      <section janus-future="up" janus-past="up" class="shadow">
         <img src="styles/oprah-giveaway.jpg" alt="" class="cover">
         <h2><em>You</em> get a ledger! <em>You</em> get a ledger!</h2>
         <h1>YOU ALL GET A LEDGER!!</h1>
@@ -311,7 +311,7 @@
           Analogous problem:</div>
       </section>
 
-      <section style="text-shadow: 0.1em 0.1em 0.2em black;">
+      <section class="shadow">
         <img src="styles/byzantine-fresca.jpg" alt="" class="cover">
         <h2>the</h2>
         <h1><em>Byzantine Generals&rsquo;</em></h1>
@@ -361,11 +361,11 @@
       </section>
 
       <section>
-        <h1 style="text-shadow: 0.1em 0.1em 0.2em black">Trusted Third Parties</h1>
+        <h1 class="shadow">Trusted Third Parties</h1>
         <img janus-timeline janus-future="big" src="styles/no_sign.svg" alt="" class="contain">
       </section>
 
-      <section>
+      <section class="shadow">
         <img src="styles/bank.jpg" alt="" class="cover">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>Central banks &amp;<br>payment services</h1>
@@ -376,37 +376,40 @@
           <i class="cc LTC"></i>
           <i class="cc XRP"></i>
         </div>
-        <div class="notes">Blockchains' value as money is at the heart of their incentives. Private blockchains that don't try to be money face serious challenges. The ability to transfer value globally without using or trusting a third party can save money and time, especially for traditionally burdensome cases like international remittance.</div>
+        <div class="notes">Blockchains' value as money is at the heart of their incentives. Private blockchains that don't try to be money face serious challenges. The ability to transfer value globally without using or trusting a third party can save money and time, especially for traditionally burdensome cases like international remittance.
+        (Bitcoin, Dash, Monero, Litecoin, Ripple)</div>
       </section>
 
-      <section>
+      <section class="shadow">
         <img src="styles/copyright-office.jpg" alt="" class="cover">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
-        <h1>Register of deeds,<br>copyright office</h1>
+        <h1>Register of deeds,<br>copyright office,<br>notary</h1>
         <div class="coins">
           <i class="cc BTC"></i>
           <i class="cc ETC"></i>
           <i class="cc FCT"></i>
           <i class="cc EMC"></i>
         </div>
-        <div class="notes">Embedding a hash in the blockchain demonstrates an item's existence at point in the past.
+        <div class="notes">Embedding a hash in the blockchain demonstrates an item's existence at point in the past. Easy to do, not a tremendous improvement for consumers yet.
-          (Bitcoin [Stampery, others], Ethereum Classic [Stampery, others], Factoids, Emercoin)</div>
+          (Stampery [using Bitcoin and Ethereum Classic], Factoids, Emercoin)</div>
       </section>
 
-      <section>
+      <section class="shadow">
         <img src="styles/clouds.jpg" alt="" class="cover">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>Cloud storage providers</h1>
         <div class="coins">
-          <i class="cc MAID"></i>
           <i class="cc SJCX"></i>
+          <i class="cc MAID"></i>
           <i class="cc SIA"></i>
           <i class="cc NXT"></i>
         </div>
-        <div class="notes">(Maidsafe, Storjcoin, SIAcoin, NXT)</div>
+        <div class="notes">
+          Cloud storage is just one step further than proof-of-existence.
+          (Storj, Maidsafe, SIAcoin, NXT)</div>
       </section>
       
-      <section>
+      <section class="shadow">
         <img src="styles/servers.jpg" alt="" class="cover">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>DNS providers</h1>
@@ -417,7 +420,7 @@
         <div class="notes">(Namecoin, Emercoin)</div>
       </section>
       
-      <section>
+      <section class="shadow">
         <img src="styles/user%20faces.png" alt="" class="contain">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>Social networks</h1>
@@ -429,7 +432,7 @@
         <div class="notes">(Steem, Synereo, Akasha [using Ethereum])</div>
       </section>
       
-      <section>
+      <section class="shadow">
         <img src="styles/music.jpg" alt="" class="cover">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>Media rights &amp;<br>compensation</h1>
@@ -439,7 +442,7 @@
         <div class="notes">(UJO Music using Ethereum, LBRY)</div>
       </section>
       
-      <section>
+      <section class="shadow">
         <img src="styles/fingerprint.jpg" alt="" class="cover">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>Identity providers</h1>
@@ -450,7 +453,7 @@
         </div>
       </section>
       
-      <section>
+      <section class="shadow">
         <img src="styles/certificate.svg" alt="" class="contain">
         <div class="cover" style="background-color: rgba(0,0,0,0.5)"></div>
         <h1>SSL certificate authorities</h1>

styles/blockchain.css

@@ -1,3 +1,7 @@
+section {
+  text-shadow: 0.15rem 0.15rem 0.3rem black;
+}
+
 .title-page h1 {
   font-size: 2em;
   padding: 0.25em;
@@ -20,6 +24,7 @@
   display: block;
   padding: 0.125em 0.25em;
   margin: 0.25em auto;
+  text-shadow: none;
 }
 .highlighted:before {
   content: '';