77 lines
3.2 KiB
HTML
77 lines
3.2 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Getting Started</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="impress-not-supported">
|
|
|
|
<div class="fallback-message">
|
|
<p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
|
|
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
|
|
</div>
|
|
|
|
<div id="impress" data-transition-duration="2000">
|
|
<div id="intro" class="step" data-scale="2" data-x="-500" data-y="-500">
|
|
<h1>Crypto</h1>
|
|
<h1>Currencies</h1>
|
|
</div>
|
|
<div class="step" id="growth" data-scale="5" data-x="-500" data-y="0">
|
|
<h2>Volume of trades over the years</h2>
|
|
<svg id="intro"></svg>
|
|
</div>
|
|
<div id="market-composition" class="step" data-x="6000" data-y="0" data-z="1500" data-scale="5" data-rotate-y="-45">
|
|
<h2>Market composition of the 10 biggest coins</h2>
|
|
<svg id="composition"></svg>
|
|
</div>
|
|
<div class="step" id="pizza-per-btc" data-x="6000" data-y="6000" data-z="-15000" data-scale="4" data-rotate-y="45">
|
|
<h2>Pizza's per BTC</h2>
|
|
<svg id="pizza-per-btc-svg"></svg>
|
|
<p>In 2013 it was about 10 pizza's for a BitCoin,</p>
|
|
<p>now you will get somewhere around 600 for the same price. <small>*10 USD/BTC</small></p>
|
|
<p>I feel really sorry for the guy that bought a pizza for a 1000BTC when it had even less value...</p>
|
|
</div>
|
|
<div class="step" id="why-it-grew" data-x="0" data-y="5000" data-z="-3000" data-scale="6">
|
|
<h2>Why did it grow so fast in 2017?</h2>
|
|
<ul>
|
|
<li>A bubble</li>
|
|
<li>Hyped in the mainstream-media</li>
|
|
<li>Huge value</li>
|
|
</ul>
|
|
<h2>Then why are some companies worried?</h2>
|
|
<ul>
|
|
<li>Collapse similar to:
|
|
<ul>
|
|
<li>DotCom crash</li>
|
|
<li>Tulip Mania</li>
|
|
</ul>
|
|
</li>
|
|
<li>Not accepted everywhere</li>
|
|
</ul>
|
|
<small>
|
|
sources:
|
|
<ul>
|
|
<li><a href="https://www.theguardian.com/business/2017/dec/02/bitcoin-is-it-a-bubble-waiting-to-burst-or-a-good-investment" target="_blank">The Guardian</a></li>
|
|
<li><a href="https://www.express.co.uk/finance/city/874249/bitcoin-price-record-high-why-is-bitcoin-rising-BTC-value" target="_blank">Express</a></li>
|
|
</ul>
|
|
</small>
|
|
</div>
|
|
<div id="overview" class="step" data-x="3000" data-y="0" data-z="0" data-scale="9" style="pointer-events: none;"></div>
|
|
</div>
|
|
|
|
<div id="impress-toolbar"></div>
|
|
|
|
<div class="impress-progressbar"><div></div></div>
|
|
<div class="impress-progress"></div>
|
|
|
|
<div id="impress-help"></div>
|
|
|
|
|
|
<script src="d3.js"></script>
|
|
<script src="impress.js"></script>
|
|
<script src="index.js"></script>
|
|
<script>
|
|
impress().init();
|
|
</script>
|
|
</body>
|
|
</html> |