-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
120 lines (101 loc) · 8.26 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
<meta name="description" content="Watch in real-time, every Nano transaction gently fall to the ground as a snowflake in the SomeNano Snow transaction visualization. Nano transactions are fast and can come in at any rate. Whether a trickle or blizzard of snow, this calming visualization will show them all.">
<meta name="nano" content="nano_1somenanerzdzdbyr4y6x996qbo764ifxk8beuhphydmwn1agpzkwquqqick" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>SomeNano Snow</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/switch.css">
<link rel="stylesheet" href="css/flyby.css">
<link rel="stylesheet" href="css/nano_font.css">
</head>
<body>
<div id="menu">
<table>
<tr>
<td rowspan="2" align="center"><a href="https://www.somenano.com" target="_new"><img src="images/somenano.png" id="logo"></a></td>
<td>SomeNano Snow</td>
</tr>
<tr>
<td>Every snowflake (<img src="images/snowflake.png" id="snowflake-example">) is a fully confirmed <a href="https://www.nano.org" target="_new">Nano</a> transaction</td>
</tr>
<tr>
<td align="center">
<label class="switch">
<input type="checkbox" id="bg-flakes-check" onclick="toggle_bg_flakes();" checked>
<span class="slider round"></span>
</label>
</td>
<td>
Background snowflakes are <span id="flakes-enabled">enabled</span>
</td>
</tr>
<tr>
<td> </td>
<td><a href="#" onclick="toggle_options();" id="options-link">Show more options...</a></td>
</tr>
<tr class="additional-option">
<td align="center">
<label class="switch">
<input type="checkbox" id="adverts-check" onclick="toggle_adverts();" checked>
<span class="slider round"></span>
</label>
</td>
<td>
Flyby advertisements are <span id="adverts-enabled">enabled</span>
</td>
</tr>
<tr class="additional-option">
<td align="center"><i class="fas fa-ad"></i></td>
<td><a href="https://somenano.com/advertise" target="_new">Advertise on SomeNano Snow</a></td>
</tr>
<tr class="additional-option">
<td align="center"><i class="fas fa-hand-holding-usd"></i></td>
<td><a href="#" onclick="toggle_donate_qr();">Donate for a colorful show</a></td>
</tr>
<tr class="additional-option">
<td align="center"><i class="fas fa-tachometer-alt"></i></td>
<td>No snow? Run a <a href="https://www.nanospeed.live/" target="_new">Nano Speed Test</a></td>
</tr>
<tr class="additional-option">
<td align="center"><span class="icon-nano-mark"></span></td>
<td><a href="https://node.somenano.com" target="_new">SomeNano Node</a></td>
</tr>
</table>
</div>
<div id="buildings"><!-- https://www.asciiart.eu/buildings-and-places/houses --> /\<br>
/\ //\\<br>
/\ //\\///\\\ /\<br>
//\\ ///\////\\\\ /\ //\\<br>
/\ / ^ \/^ ^/^ ^ ^ \/^ \/ ^ \<br>
/ ^\ /\ / ^ / ^/ ^ ^ ^ ^\ ^/ ^^ \<br>
/^ \ / ^\/ ^ ^ ^ / ^ ^ ^ \/ ^ ^ \ *<br>
/ ^ ^ \/^ ^\ ^ ^ ^ ^ ^ ^ ____ ^ ^ \ /|\<br>
/ ^ ^ ^ \ ^ _\___________________| |_____^ ^ \ /||o\<br>
/ ^^ ^ ^ ^\ /______________________________\ ^ ^ \ /|o|||\<br>
/ ^ ^^ ^ ^ /________________________________\ ^ /|||||o|\<br>
/^ ^ ^ ^^ ^ ||___|___||||||||||||___|__||| /||o||||||\<br>
/ ^ ^ ^ ^ ||___|___||||||||||||___|__||| | |<br>
/ ^ ^ ^ ^ ^ ^ ||||||||||||||||||||||||||||||oooooooooo| |oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo<br>
<i class="fas fa-stopwatch"></i> <a href="https://docs.nano.org/glossary/#confirmations-per-second-cps" target="_new">CPS</a>: <span id="cps">0.00/sec --</span> <a href="#" onclick="toggle_donate_qr();">Donate for a colorful show</a> oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo</div>
<div id="donate">Donate for a colorful show<a href="#" onclick="go_donate();" target="_new"><img src="images/donate_qrcode.png" id="qrcode"></a>We appreciate your support!<div id="donation-account"></div><div id="qrcode-close">(<a href="#" onclick="toggle_donate_qr();">Close QRCode</a>)</div></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script defer src="js/all.min.js"></script>
<script src="js/snowflakes.js"></script>
<script src="js/flyby_listings.js"></script>
<script src="js/flyby.js"></script>
<script src="js/index.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-139394210-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-139394210-2');
</script>
</body>
</html>