mirror of
https://github.com/seigler/presentation-blockchains
synced 2025-07-27 01:26:11 +00:00
342 lines
13 KiB
HTML
342 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Tech Talk: Blockchain</title>
|
|
<link rel="stylesheet" href="styles/main.css" charset="utf-8">
|
|
<link rel="stylesheet" href="styles/blockchain.css" charset="utf-8">
|
|
</head>
|
|
<body class="is-loading">
|
|
<nav>
|
|
<label for="commandField">Command:</label>
|
|
<input list="commands" type="text" id="commandField" autocomplete="off" pattern="[0-9]+|[spc]">
|
|
<ul class="help">
|
|
<li>
|
|
<strong>#</strong> - jump to a slide item
|
|
</li>
|
|
<li>
|
|
<strong>s</strong> - toggle projector simulation
|
|
</li>
|
|
<li>
|
|
<strong>p</strong> - toggle presenter mode
|
|
</li>
|
|
<li>
|
|
<strong>c</strong> - clone window
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<main>
|
|
|
|
<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>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
<div class="notes">Durable
|
|
Portable
|
|
Divisible
|
|
Fungible
|
|
Scarce</div>
|
|
</section>
|
|
|
|
<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>
|
|
<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>
|
|
</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">
|
|
<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>
|
|
<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>
|
|
</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>
|
|
<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>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="notes">Pretty popular. Still used today.</div>
|
|
</section>
|
|
|
|
<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>
|
|
<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>
|
|
</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>
|
|
<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>Joshua</th>
|
|
<td>25</td>
|
|
<td><span janus-timeline style="color: #F00;"> - 15</span></td>
|
|
</tr>
|
|
<tr>
|
|
<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>
|
|
<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>
|
|
<img class="cover" src="styles/hashbrowns.jpg" alt="hashbrowns">
|
|
<h1 style="color: black">Hashes</h1>
|
|
</section>
|
|
|
|
<section class="hashpointers">
|
|
<img janus-timeline janus-future="big" src="styles/hashpointers-linked-list.svg" alt="" class="contain" style="object-position: 70% 50%">
|
|
<img janus-timeline janus-future="big" src="styles/hashpointers-hashes.svg" alt="" class="contain" style="object-position: 70% 50%">
|
|
<img janus-timeline janus-future="big" src="styles/hashpointers-new-entry.svg" alt="" class="contain" style="object-position: 70% 50%">
|
|
<h1>Hash Pointers</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Proof of Work</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Applications</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Currency</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Digital Assets</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="notes">
|
|
payment information
|
|
usernames
|
|
DNS
|
|
</div>
|
|
<h1>Identity</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="notes">
|
|
embedding a hash in the blockchain demonstrates an item's existence at point in the past
|
|
</div>
|
|
<h1>Proof of Existence</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/make-it-real.png" alt="" class="contain">
|
|
<h1 style="background: linear-gradient(to bottom, black, rgba(0,0,0,0)); padding: 0.25em 0 1em; margin-bottom: auto">How to Make It Real</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>Payment Infrastructure</h1>
|
|
</section>
|
|
|
|
<section>
|
|
<div class="notes">
|
|
DAO
|
|
Ethereum/RootStock
|
|
</div>
|
|
<h1>Smart Contracts</h1>
|
|
</section>
|
|
|
|
<section class="credits">
|
|
<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://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://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://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>
|
|
</ul>
|
|
</section>
|
|
|
|
</main>
|
|
<script type="text/javascript" src="libs/openjs-shortcut/shortcut.js"></script>
|
|
<script type="text/javascript" src="scripts/app.js"></script>
|
|
</body>
|
|
</html>
|