joshua/presentation-blockchains
1
0
Fork 0
mirror of https://github.com/seigler/presentation-blockchains synced 2025-07-27 01:26:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: added consistent text-shadows

Browse source
This commit is contained in:
Joshua Seigler 2017-01-26 17:25:36 -05:00
parent 6f42b97627
commit 0c0364c979
2 changed files with 27 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

41
index.html
View file

@ -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.
(Bitcoin [Stampery, others], Ethereum Classic [Stampery, others], Factoids, Emercoin)</div>
<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.
(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>

5
styles/blockchain.css
View file

@ -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: '';