mirror of
https://github.com/seigler/presentation-blockchains
synced 2025-07-27 01:26:11 +00:00
lots more work
This commit is contained in:
Joshua Seigler
parent
5726d4b133
commit
e45e446a58
20 changed files with 395 additions and 67 deletions
152
index.html
152
index.html
|
|
@ -30,35 +30,39 @@
|
|||
<section class="row title-page">
|
||||
<div class="col">
|
||||
<img src="styles/blocks.jpg" alt="" class="cover">
|
||||
<h1 style="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;">Block</h1>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img src="styles/chains.jpg" alt="" class="cover">
|
||||
<h1 style="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;">Chain</h1>
|
||||
</div>
|
||||
<div class="notes">Blockchain is this hot new buzzword.
|
||||
We have to start with the big one, Bitcoin.</div>
|
||||
</section>
|
||||
|
||||
<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.
|
||||
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)">
|
||||
<h1>What is money?</h1>
|
||||
<ul>
|
||||
<li janus-timeline>Durable</li>
|
||||
<li janus-timeline>Portable</li>
|
||||
<li janus-timeline>Divisible</li>
|
||||
<li janus-timeline>Fungible</li>
|
||||
<li janus-timeline>Store of value</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="notes">Durable
|
||||
Portable
|
||||
Divisible
|
||||
Fungible
|
||||
Scarce</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<img src="styles/seashells.jpg" alt="" class="cover">
|
||||
<table class="yesnomaybe" style="border: 0px solid transparent; border-width: 3em 2.5em 0 0; text-shadow: 0 0 1em black, 0 0 1em black;">
|
||||
<div class="cover" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
||||
<table class="yesnomaybe">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
|
|
@ -66,7 +70,7 @@
|
|||
<th><div>Portable</div></th>
|
||||
<th><div>Divisible</div></th>
|
||||
<th><div>Fungible</div></th>
|
||||
<th><div>Store of<br>value</div></th>
|
||||
<th><div>Scarce</div></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -80,11 +84,13 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="notes">Used on most continents, still a legal currency in Papua New Guinea alongside their paper money.</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<img src="styles/Yap_Stone_Money.jpg" alt="" class="cover">
|
||||
<table class="yesnomaybe" style="border: 0px solid transparent; border-width: 3em 2.5em 0 0; text-shadow: 0 0 1em black, 0 0 1em black;">
|
||||
<div class="cover" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
||||
<table class="yesnomaybe">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
|
|
@ -92,12 +98,12 @@
|
|||
<th><div>Portable</div></th>
|
||||
<th><div>Divisible</div></th>
|
||||
<th><div>Fungible</div></th>
|
||||
<th><div>Store of<br>value</div></th>
|
||||
<th><div>Scarce</div></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Yap Stones (Rai)</th>
|
||||
<th>Rai stones</th>
|
||||
<td class="yes"></td>
|
||||
<td class="no"></td>
|
||||
<td class="no"></td>
|
||||
|
|
@ -106,11 +112,14 @@
|
|||
</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">
|
||||
<table class="yesnomaybe" style="border: 0px solid transparent; border-width: 3em 2.5em 0 0; text-shadow: 0 0 1em black, 0 0 1em black;">
|
||||
<div class="cover" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0))"></div>
|
||||
<table class="yesnomaybe">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
|
|
@ -118,7 +127,7 @@
|
|||
<th><div>Portable</div></th>
|
||||
<th><div>Divisible</div></th>
|
||||
<th><div>Fungible</div></th>
|
||||
<th><div>Store of<br>value</div></th>
|
||||
<th><div>Scarce</div></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -132,10 +141,13 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="notes">Pretty popular. Still used today.</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<table class="yesnomaybe" style="border: 0px solid transparent; border-width: 3em 2.5em 0 0; text-shadow: 0 0 1em black, 0 0 1em black;">
|
||||
<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>
|
||||
<table class="yesnomaybe">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
|
|
@ -143,7 +155,7 @@
|
|||
<th><div>Portable</div></th>
|
||||
<th><div>Divisible</div></th>
|
||||
<th><div>Fungible</div></th>
|
||||
<th><div>Store of<br>value</div></th>
|
||||
<th><div>Scarce</div></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -157,35 +169,96 @@
|
|||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="notes">Used to be a currency form of gold and silver, after World War 1 pretty much everybody decided to switch to unbacked "floating money" so they could fuel government expenses with inflation.</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<table class="yesnomaybe" style="border: 0px solid transparent; border-width: 3em 2.5em 0 0; text-shadow: 0 0 1em black, 0 0 1em black;">
|
||||
<thead>
|
||||
<h1>How could we make<br><em>digital</em> currency?</h1>
|
||||
<img src="styles/heath.png" alt="" janus-timeline janus-past="hidden" style="position: absolute; height: 60vh; bottom: -5vh; right: 0; transform: rotate(-30deg)">
|
||||
<div janus-timeline></div>
|
||||
<div class="notes">If I send you a file, I still have the file. Digital items can be duplicated; how can I send you something the way I do in the physical world? The Yapanese people had the right idea: use a ledger.</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<table>
|
||||
<tbody style="text-align: right;">
|
||||
<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>Store of<br>value</div></th>
|
||||
<th>Joshua</th>
|
||||
<td>25</td>
|
||||
<td><span janus-timeline style="color: #F00;"> - 15</span></td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Gift Cards</th>
|
||||
<td class="yes"></td>
|
||||
<td class="yes"></td>
|
||||
<td class="yes"></td>
|
||||
<td class="no"></td>
|
||||
<td class="no"></td>
|
||||
<th>Jack</th>
|
||||
<td>12</td>
|
||||
<td><span janus-timeline style="color: #090;"> + 15</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Dave</th>
|
||||
<td>9</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>George</th>
|
||||
<td>40</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="notes">We can use a ledger to keep track of how much money each person has. If I want to send money, we reduce my account and increase someone else's account.
|
||||
This is similar to how Paypal works at a simple level.
|
||||
Problems:
|
||||
Everyone has to trust whoever maintains the ledger, since they can monitor it and change it.</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h1>How can you make a<br><em>digital</em> currency?</h1>
|
||||
<img src="styles/padlock.jpg" alt="" class="cover">
|
||||
<h1 style="color: #f7931a; font-weight: 900; text-shadow: 0 0 2em black, 0 0 1em black">Cryptography</h1>
|
||||
<div class="notes">We can use public and private keys to control balances in an anonymous ledger.</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<table>
|
||||
<tbody style="text-align: right; font-size: 0.8rem">
|
||||
<tr>
|
||||
<th><code>1D4FA353C82B4</code></th>
|
||||
<td>11.5</td>
|
||||
<td><span janus-timeline style="color: #F00;"> - 11</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>37563EA8932FB</code></th>
|
||||
<td>6.0</td>
|
||||
<td><span janus-timeline style="color: #090;"> + 15</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>D163512ECD12E</code></th>
|
||||
<td>9.0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>D15F73E98432A</code></th>
|
||||
<td>13.5</td>
|
||||
<td><span janus-timeline style="color: #F00;"> - 4</span></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>333BCBA13A54C</code></th>
|
||||
<td>9.7</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>8DBDA78D8BEF2</code></th>
|
||||
<td>1.1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>C5F83ED13497A</code></th>
|
||||
<td>6.0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><code>92A1E683111A2</code></th>
|
||||
<td>30.2</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="notes">Then instead of sending a payment from "Joshua" to "Jack", it's a payment from "private keys A and B" to "public key C".</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<img src="styles/headstone.svg" style="height: 60vh; margin: 0.5em auto 0" alt="">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
|
@ -200,6 +273,10 @@
|
|||
<h1>Hash Pointers</h1>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h1>Proof of Work</h1>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h1>Applications</h1>
|
||||
</section>
|
||||
|
|
@ -249,12 +326,9 @@
|
|||
<h1>Credits</h1>
|
||||
<ul style="font-size: 0.5rem">
|
||||
<li><a href="https://www.flickr.com/photos/stevendepolo/5644838033/"><img src="styles/blocks.jpg" alt="" class="thumbnail">Steven Depolo, Flickr</a></li>
|
||||
<li><a href="https://pixabay.com/en/chain-rust-past-bondage-history-232930/"><img src="styles/chains.jpg" alt="" class="thumbnail">Pixabay</a></li>
|
||||
<li><a href="https://pixabay.com/en/money-cat-wealth-canadian-money-1144553/"><img src="styles/cat-money.jpg" alt="" class="thumbnail">Pixabay</a></li>
|
||||
<li><a href="https://commons.wikimedia.org/w/index.php?curid=161923"><img src="styles/Yap_Stone_Money.jpg" alt="" class="thumbnail">Eric Guinther, English Wikipedia</a></li>
|
||||
<li><a href="https://pixabay.com/en/gold-treasure-rich-golden-money-207585/"><img src="styles/gold.jpg" alt="" class="thumbnail">Pixabay</a></li>
|
||||
<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://pixabay.com/en/mall-shopping-interior-store-sale-591337/"><img src="styles/shopping-mall.jpg" alt="" class="thumbnail">Pixabay</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://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</li>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue