mirror of
https://github.com/seigler/presentation-blockchains
synced 2025-07-27 01:26:11 +00:00
187 lines
6.3 KiB
HTML
187 lines
6.3 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="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>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="styles/bitcoin.svg" alt="" class="contain">
|
|
</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>Transferrable</li>
|
|
<li janus-timeline>Store of value</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section>
|
|
<table style="border: 0px solid transparent; border-width: 3em 2.5em 0 0">
|
|
<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>Store of<br>value</div></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>Seashells</th>
|
|
<td>?</td>
|
|
<td>y</td>
|
|
<td>n</td>
|
|
<td>n</td>
|
|
<td>n</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Gold/Silver</th>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
</tr>
|
|
<tr>
|
|
<th>US Dollars</th>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>?</td>
|
|
<td>n</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Gift Cards</th>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>y</td>
|
|
<td>n</td>
|
|
<td>n</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<section>
|
|
<h1>How can you make a<br>digital currency?</h1>
|
|
</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>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>
|
|
<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://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://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>
|