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

improved hash image, shell image, added transition

Browse source
This commit is contained in:
Joshua Seigler 2017-01-16 17:49:15 -05:00
parent a8f76ca48b
commit 1bcfc84024
5 changed files with 21 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

30
index.html
View file

@ -98,8 +98,8 @@
</section>
<section>
<img src="styles/seashells.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
<img src="styles/shell-money.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 18em)"></div>
<table class="yesnomaybe">
<tbody>
<tr>
@ -115,10 +115,7 @@
<th>Fungible</th><td class="no"></td>
</tr>
<tr>
<th>Scarce</th><td class="no"></td>
</tr>
<tr>
<th>Acceptable</th><td class="maybe"></td>
<th>Scarce</th><td class="maybe"></td>
</tr>
</tbody>
</table>
@ -129,7 +126,7 @@
<section>
<img src="styles/Yap_Stone_Money.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 18em)"></div>
<table class="yesnomaybe">
<tbody>
<tr>
@ -147,9 +144,6 @@
<tr>
<th>Scarce</th><td class="yes"></td>
</tr>
<tr>
<th>Acceptable</th><td class="no"></td>
</tr>
</tbody>
</table>
@ -162,7 +156,7 @@
<section>
<img src="styles/gold.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 18em)"></div>
<table class="yesnomaybe">
<tbody>
<tr>
@ -180,9 +174,6 @@
<tr>
<th>Scarce</th><td class="yes"></td>
</tr>
<tr>
<th>Acceptable</th><td class="maybe"></td>
</tr>
</tbody>
</table>
<div class="notes">
@ -193,7 +184,7 @@
<section>
<img src="styles/dollars.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
<div class="cover" style="background-image: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0) 18em)"></div>
<table class="yesnomaybe">
<tbody>
<tr>
@ -211,9 +202,6 @@
<tr>
<th>Scarce</th><td class="no"></td>
</tr>
<tr>
<th>Acceptable</th><td class="yes"></td>
</tr>
</tbody>
</table>
<div class="notes">Cash
@ -329,11 +317,12 @@
<section>
<h1>How to decentralize?</h1>
<div janus-timeline class="cover" style="z-index: 1;">
</section>
<section janus-future="up" janus-past="up">
<img src="styles/oprah-giveaway.jpg" alt="" class="cover">
<h2>You get a ledger! You get a ledger!</h2>
<h1>YOU ALL GET A LEDGER!!</h1>
</div>
</section>
<section>
@ -454,6 +443,7 @@
<li><a href="https://www.flickr.com/photos/ishtaure-dawn/14297543026"><img src="styles/seashells.jpg" alt="" class="thumbnail">Ishataure Dawn, Flickr</a></li>
<!-- <li><a href="https://www.flickr.com/photos/68751915@N05/6710868859"><img src="styles/giftcards.jpg" alt="" class="thumbnail">401(K) 2010, Flickr</a></li>-->
<li><a href="https://www.flickr.com/photos/imtfi/5875765289"><img src="styles/money-transaction.jpg" alt="" class="thumbnail">Institute for Money, Technology and Financial Inclusion, Flickr</a></li>
<li><a href="https://www.flickr.com/photos/106853342@N04/10721964235"><img src="styles/shell-money.jpg" alt="" class="thumbnail">Australian DFAT photo library, Flickr</a></li>
<!-- <li><a href="https://commons.wikimedia.org/wiki/File:The_Velveteen_Rabbit_pg_37.jpg"><img src="styles/make-it-real.png" alt="" class="thumbnail">Velveteen Rabbit, Margery Williams 1922</a></li>-->
<li><a href="https://www.flickr.com/photos/ammichaels/7159593410"><img src="styles/hashbrowns.jpg" alt="" class="thumbnail">cheeseslave, Flickr</a></li>
<li>Emoji art supplied by <a href="http://emojione.com/">EmojiOne</a></li>

BIN
styles/hashbrowns.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 865 KiB

Before After
Before After

BIN
styles/hashbrowns.xcf Normal file
View file

Binary file not shown.

8
styles/main.css
View file

@ -438,6 +438,14 @@ body.show-notes section[janus-timeline='future'] [janus-timeline='future'] {
opacity: 1;
}
body:not(.show-notes) [janus-timeline='past'][janus-past='up'], body:not(.show-notes) [janus-timeline='future'][janus-future='up'] {
transform: translate3d(0, -100vh, 0);
opacity: 1;
visibility: hidden;
pointer-events: none;
z-index: 2;
}
body:not(.show-notes) [janus-timeline='past'][janus-past='down'], body:not(.show-notes) [janus-timeline='future'][janus-future='down'] {
transform: translate3d(0, 100vh, 0);
opacity: 1;

BIN
styles/shell-money.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 MiB