reformat yesno tables, add slide after oprah

This commit is contained in:
Joshua Seigler 2017-01-10 01:20:25 -05:00
parent e45e446a58
commit 91b4008223
4 changed files with 89 additions and 76 deletions

View file

@ -43,16 +43,21 @@
<section>
<img src="styles/bitcoin.svg" alt="" class="contain">
<div class="notes">Bitcoin was started on October 31, 2008. Open-sourced Jan 3, 2009. Creator pseudonym Satoshi Nakamoto.
Technically not first cryptocurrency, DigiCash came in 1994.
Technically not first cryptocurrency, DigiCash came in 1990.
First <em>decentralized</em> virtual currency.</div>
</section>
<section>
<img src="styles/cat-money.jpg" alt="" class="cover">
<div janus-timeline class="cover" style="background-color: rgba(0, 0, 0, 0.8)">
<div class="cover" style="background-color: rgba(0, 0, 0, 0.6)">
<h1>What is money?</h1>
</div>
<div class="notes">Durable
<div class="notes">
Medium of exchange: portable, durable, fungible
Unit of account: divisible, fungible
Store of value: durable, scarce, fungible
Durable
Portable
Divisible
Fungible
@ -61,26 +66,23 @@
<section>
<img src="styles/seashells.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to top, 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))"></div>
<table class="yesnomaybe">
<thead>
<tr>
<th></th>
<th><div>Durable</div></th>
<th><div>Portable</div></th>
<th><div>Divisible</div></th>
<th><div>Fungible</div></th>
<th><div>Scarce</div></th>
</tr>
</thead>
<tbody>
<tr>
<th>Seashells</th>
<td class="maybe"></td>
<td class="yes"></td>
<td class="no"></td>
<td class="no"></td>
<td class="no"></td>
<th>Durable</th><td class="maybe"></td>
</tr>
<tr>
<th>Portable</th><td class="yes"></td>
</tr>
<tr>
<th>Divisible</th><td class="maybe"></td>
</tr>
<tr>
<th>Fungible</th><td class="no"></td>
</tr>
<tr>
<th>Scarce</th><td class="no"></td>
</tr>
</tbody>
</table>
@ -89,55 +91,49 @@
<section>
<img src="styles/Yap_Stone_Money.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to top, 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))"></div>
<table class="yesnomaybe">
<thead>
<tr>
<th></th>
<th><div>Durable</div></th>
<th><div>Portable</div></th>
<th><div>Divisible</div></th>
<th><div>Fungible</div></th>
<th><div>Scarce</div></th>
</tr>
</thead>
<tbody>
<tr>
<th>Rai stones</th>
<td class="yes"></td>
<td class="no"></td>
<td class="no"></td>
<td class="no"></td>
<td class="yes"></td>
<th>Durable</th><td class="yes"></td>
</tr>
<tr>
<th>Portable</th><td class="no"></td>
</tr>
<tr>
<th>Divisible</th><td class="no"></td>
</tr>
<tr>
<th>Fungible</th><td class="no"></td>
</tr>
<tr>
<th>Scarce</th><td class="yes"></td>
</tr>
</tbody>
</table>
<div class="notes">Stone money was made in Micronesia and Guam, transported to the island of <em>Yap</em> as currency. Value from the story of how hard it was to transport. Ownership transferred by oral history, stones not moved.</div>
</section>
<section>
<div class="cover" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
<img src="styles/gold.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to top, 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))"></div>
<table class="yesnomaybe">
<thead>
<tr>
<th></th>
<th><div>Durable</div></th>
<th><div>Portable</div></th>
<th><div>Divisible</div></th>
<th><div>Fungible</div></th>
<th><div>Scarce</div></th>
</tr>
</thead>
<tbody>
<tr>
<th>Gold/Silver</th>
<td class="yes"></td>
<td class="yes"></td>
<td class="maybe"></td>
<td class="yes"></td>
<td class="yes"></td>
<th>Durable</th><td class="yes"></td>
</tr>
<tr>
<th>Portable</th><td class="yes"></td>
</tr>
<tr>
<th>Divisible</th><td class="maybe"></td>
</tr>
<tr>
<th>Fungible</th><td class="yes"></td>
</tr>
<tr>
<th>Scarce</th><td class="yes"></td>
</tr>
</tbody>
</table>
@ -146,26 +142,23 @@
<section>
<img src="styles/dollars.jpg" alt="" class="cover">
<div class="cover" style="background-image: linear-gradient(to top, 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))"></div>
<table class="yesnomaybe">
<thead>
<tr>
<th></th>
<th><div>Durable</div></th>
<th><div>Portable</div></th>
<th><div>Divisible</div></th>
<th><div>Fungible</div></th>
<th><div>Scarce</div></th>
</tr>
</thead>
<tbody>
<tr>
<th>US Dollars</th>
<td class="yes"></td>
<td class="yes"></td>
<td class="yes"></td>
<td class="maybe"></td>
<td class="no"></td>
<th>Durable</th><td class="yes"></td>
</tr>
<tr>
<th>Portable</th><td class="yes"></td>
</tr>
<tr>
<th>Divisible</th><td class="yes"></td>
</tr>
<tr>
<th>Fungible</th><td class="maybe"></td>
</tr>
<tr>
<th>Scarce</th><td class="no"></td>
</tr>
</tbody>
</table>
@ -225,7 +218,6 @@
<tr>
<th><code>37563EA8932FB</code></th>
<td>6.0</td>
<td><span janus-timeline style="color: #090;">&nbsp;+ 15</span></td>
</tr>
<tr>
<th><code>D163512ECD12E</code></th>
@ -247,6 +239,7 @@
<tr>
<th><code>C5F83ED13497A</code></th>
<td>6.0</td>
<td><span janus-timeline style="color: #090;">&nbsp;+ 15</span></td>
</tr>
<tr>
<th><code>92A1E683111A2</code></th>
@ -259,6 +252,20 @@
<section>
<img src="styles/headstone.svg" style="height: 60vh; margin: 0.5em auto 0" alt="">
<div class="notes">There's a company that actually did this, called DigiCash. they maintained a ledger with cryptographically controlled balances. Consumers weren't concerned enough about security or privacy and they ran out of money.</div>
</section>
<section>
<h1>How to decentralize?</h1>
<div janus-timeline class="cover" style="z-index: 1;">
<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>
</section>
<section>
@ -322,6 +329,13 @@
<h1>Smart Contracts</h1>
</section>
<section>
<h1>Further reading:</h1>
<ul>
<li><a href="http://money.visualcapitalist.com/infographic-the-properties-of-money/">Infographic: The Properties of Money</a></li>
</ul>
</section>
<section class="credits">
<h1>Credits</h1>
<ul style="font-size: 0.5rem">

View file

@ -16,8 +16,7 @@
table.yesnomaybe {
border: 0px solid transparent;
border-width: 3em 2.5em 0 0;
margin: auto auto 5% auto;
margin: auto 0.5rem auto auto;
}
table.yesnomaybe .yes, table.yesnomaybe .no, table.yesnomaybe .maybe {

View file

@ -479,7 +479,7 @@ section[janus-timeline='future'] {
}
body.show-notes {
background-color: #777;
background-color: #333;
}
body.show-notes section {

BIN
styles/oprah-giveaway.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 68 KiB