-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
112 lines (98 loc) · 4.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bitcoin-RT</title>
<meta name="description" content="Bitcoin-RT plots realtime bitcoin transactions on a modified Mercator projection of the world. Geocoordinates are determined by the first established node to relay respective transactions through the Bitcoin network. All data are fetched from Blockchain.info's WebSocket API, a low latency streaming socket channel.">
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="base.css">
<link href='https://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Sans:400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Changa+One' rel='stylesheet' type='text/css'>
<script src="kinetic.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
<script src="jspgsql.js"></script>
<script src="kinetic-canvas.js"></script>
<script src="controls.js"></script>
<script>
window.addEventListener("load", initCanvas, false);
window.addEventListener("load", setInterval(updateClock, 1000), false);
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47216602-1', 'bitcoin-rt.com');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="container"></div>
<div id="headerTopRight" class="overlay">
<a href="#" onclick="toggleDivDisplay('headerQInfo', 'qInfoHidden');"><img src="images/qmark.png" title="What am I looking at?" /></a>
</div>
<div id="headerQInfo" class="overlay">
<div>
<h1>Bitcoin-RT</h1>
<p>
Bitcoin-RT plots realtime bitcoin transactions on a modified Mercator projection of the world.
Geocoordinates are determined by the first established node to relay each transaction through the Bitcoin p2p network.
All data is fetched from Blockchain.info's WebSocket API, a low latency streaming socket channel.
Optimized for Google Chrome.
</p>
<p>
Bitcoin-RT was created as my first attempt at simple webapp development using JS libraries.
<a href="https://github.com/kyledcline/bitcoin-rt" target="_blank">Code is hosted on GitHub</a>
and freely available for personal and commercial use, with or without attribution.
</p>
<p>
Donations and feedback appreciated.
</p>
</div>
<div>
<span>What is Bitcoin?</span>
<p>
Bitcoin is a completely decentralized peer-to-peer digital currency. From Bitcoin.org:
<blockquote>
Bitcoin uses peer-to-peer technology to operate with no central authority or banks; managing transactions and the
issuing of bitcoins is carried out collectively by the network. Bitcoin is open-source; its design is public, nobody
owns or controls Bitcoin and everyone can take part. Through many of its unique properties, Bitcoin allows exciting
uses that could not be covered by any previous payment system.
</blockquote>
</p>
</div>
<div>
<span>Libraries & APIs</span><br/>
<a href="http://www.kineticjs.com/" target="_blank"><img src="images/kineticjs.png" /></a><br />
<a href="http://prototypejs.org/" target="_blank"><img src="images/prototypejs.png" /></a><br />
<a href="https://blockchain.info/api" target="_blank"><img src="images/blockchaininfo.png" /></a>
</div>
<span>Created by <a href="https://twitter.com/kyledcline" target="_blank">@kyledcline</a> (December 2013)</span>
</div>
<footer>
<div id="footerBtmLeft" class="overlay">
<span>
Time: <a id="pageClock" title="Time since first connection to Bitcoin network">0:00:00</a> |
Blocks: <a id="pageBlocks" title="Number of blocks found since connection">0</a> |
TX: <a id="pageNumofTX" title="Number of transactions since connection">0</a>
</span>
</div>
<div id="footerBtmCtr" class="overlay">
<span id="pageStatus">Initializing...</span>
</div>
<div id="footerBtmRight" class="overlay">
<span>
<a href="https://twitter.com/kyledcline" target="_blank">@kyledcline</a> |
<a href="https://github.com/kyledcline/bitcoin-rt" target="_blank">GitHub</a> |
<a href="#" onclick="toggleDivDisplay('footerDonateQR', 'donateQRHidden');" title="Donate BTC to help me run this site">1NHcFN61jDNXdrUKdeABUoM45u1V8ue1cF</a>
</span>
</div>
<div id="footerDonateQR" class="overlay">
<a href="https://blockchain.info/address/1NHcFN61jDNXdrUKdeABUoM45u1V8ue1cF" target="_blank">
<img src="images/donationqr.png" title="Scan this QR code with your wallet app or click to see address on Blockchain.info" />
</a>
</div>
</footer>
</body>
</html>