-
-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
149 lines (141 loc) · 8.1 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en-US" dir="ltr" class="no-js" data-ffo-opensans="false" data-ffo-zillaslab="false">
<head prefix="og: http://ogp.me/ns#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>CryptoLights</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
<link rel="canonical" href="http://cryptolights.info"/>
<meta property="og:site_name" content="CryptoLights"/>
<meta property="og:title" content="CryptoLights.info"/>
<meta property="og:url" content="http://cryptolights.info"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="Bitcoin, Ethereum, Litecoin, Ripple and Nano transactions visualized as pretty meteors. See unconfirmed transactions and blocks as they are broadcast to the internet."/>
<meta property="og:image" content="http://cryptolights.info/img/thumb.png"/>
<meta property="og:image:width" content="600"/>
<meta property="og:image:height" content="600"/>
<meta itemprop="name" content="CryptoLights.info"/>
<meta itemprop="url" content="http://cryptolights.info"/>
<meta itemprop="description" content="Bitcoin, Ethereum, Litecoin, Ripple and Nano transactions visualized as pretty meteors. See unconfirmed transactions and blocks as they are broadcast to the internet."/>
<meta itemprop="thumbnailUrl" content="http://cryptolights.info/img/thumb.png"/>
<link rel="image_src" href="http://cryptolights.info/img/thumb.png" />
<meta itemprop="image" content="http://cryptolights.info/img/thumb.png"/>
<meta name="twitter:title" content="CryptoLights.info"/>
<meta name="twitter:image" content="http://cryptolights.info/img/thumb.png"/>
<meta name="twitter:url" content="http://cryptolights.info"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="Bitcoin, Ethereum, Litecoin, Ripple and Nano transactions visualized as pretty meteors. See unconfirmed transactions and blocks as they are broadcast to the internet."/>
<meta name="description" content="Bitcoin, Ethereum, Litecoin, Ripple and Nano transactions visualized as pretty meteors. See unconfirmed transactions and blocks as they are broadcast to the internet." />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="img/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="img/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<link href="https://fonts.googleapis.com/css?family=Oswald:500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="styles.css" rel="stylesheet" type="text/css"/>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="currencies/btc.js"></script>
<script type="text/javascript" src="currencies/eth.js"></script>
<script type="text/javascript" src="currencies/ltc.js"></script>
<script type="text/javascript" src="currencies/nano.js"></script>
<script type="text/javascript" src="currencies/xrp.js"></script>
<script type="text/javascript" src="engine.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<div class="currencies">
<div class="btc">
<div class="text">
<span class="stats"></span>
<a href="https://bitcoin.org" target="_blank" class="label">Bitcoin</a>
<span class="price"></span>
<a class="donate">Donate</a>
</div>
</div>
<div class="eth">
<div class="text">
<span class="stats"></span>
<a href="https://ethereum.org/" target="_blank" class="label">Ethereum</a>
<span class="price"></span>
<a class="donate">Donate</a>
</div>
</div>
<div class="xrp">
<div class="text">
<span class="stats"></span>
<a href="https://ripple.com/xrp/" target="_blank" class="label">Ripple</a>
<span class="price"></span>
<a class="donate">Donate</a>
</div>
</div>
<div class="ltc">
<div class="text">
<span class="stats"></span>
<a href="https://litecoin.org/" target="_blank" class="label">Litecoin</a>
<span class="price"></span>
<a class="donate">Donate</a>
</div>
</div>
<!-- <div class="nano">
<div class="text">
<span class="stats"></span>
<a href="https://nano.org/" target="_blank" class="label">Nano</a>
<span class="price"></span>
<a class="donate">Donate</a>
</div>
</div>-->
</div>
<div class="marketcap"></div>
<nav>
<i class="material-icons left">chevron_left</i>
<i class="material-icons right">chevron_right</i>
<i class="material-icons help">help_outline</i>
</nav>
<div class="overlay">
<div class="help box">
<b>Welcome to CryptoLights!</b><br><br>
Here's a little explanation for what you're looking at:<br>
You will see all live, <i>unconfirmed</i> transactions (except for NANO) being propagated to the net.
Each transaction "meteor" will have a color and size according to its monetary value and
a trail according to the amount of fees paid for it. The higher the value of the
transaction, the bigger / redder the meteor. While higher fees make meteors go faster, the speed is not
the actual transaction speed, because those can vary wildly between different coins.
You can click on a meteor to see the transaction details behind it.<br>
<br>
Blue bars are mined blocks that turn unconfirmed transactions into confirmed transactions.<br><br>
This project is <a href="https://github.com/bra1n/cryptolights" target="_blank"><b>open source</b></a>!
A more detailed explanation (including how to set up a CryptoLights screensaver) can be found on the GitHub project.<br>
<br>
If you like what you see, feel free to send a donation to one of the donation addresses and watch it sparkle.<br>
</div>
<div class="donation box">
Enjoying the lights? Feel free to send a donation to<br>
<img src="" alt="Donation QR code"><br>
<b class="address"></b><br>
Donations meteors will have a <i>special effect</i>. :-)
</div>
</div>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114592532-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114592532-1');
</script>
</body>
</html>