forked from OutCast3k/coinbin
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.php
267 lines (258 loc) · 11 KB
/
index.php
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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
<!DOCTYPE HTML>
<!--
Miniport by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Loki Online Ledger</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="#top">Loki</a></li>
<li><a href="#about">About Trustless Transactions</a></li>
<li><a href="send.php">Send BTC</a></li>
</ul>
</nav>
<!-- Home -->
<div class="wrapper style1 first">
<article class="container" id="top">
<div class="row">
<div class="4u 12u(mobile)">
<span class="image fit"><img src="images/pic00.jpg" alt="" /></span>
</div>
<div class="8u 12u(mobile)">
<header>
<h1>Hi, I'm <strong>Loki</strong> Online Ledger</h1>
</header>
<p>I help you keep track of, as well as spend your <strong>bitcoin</strong>.</p>
<p>But because only mortal fools would trust the Norse god of trickery
(or any third party) with the private keys to their riches, I'm not a wallet.
<a href="#about" class="scrolly">Learn about</a> how I work.</p>
<a href="send.php" class="button big">Get Started!</a>
</div>
</div>
</article>
</div>
<!-- Section 1 -->
<div class="wrapper style2">
<article id="about">
<div>
<h2>Why you shouldn't trust me (or anyone)</h2>
<p>Bitcoin was designed to be a decentralized currency, one of it's main
advantages to other forms of currency is that the money held in Bitcoin
can only be claimed by those with the private keys to access the funds.</p>
<p>The issue with most existing wallets and exchanges, is that you have to give
them your private key to make transactions, or worse, they never let you have
your keys in the first place. The issue here is trust. Sites that claim
to do their processing of transactions "offline" in your browser, can at any
point be compromised (ether internally or externally) and updated to instead
use your private keys to empty your wallet into their own.</p>
<p>And this kind of thing does
<a href="https://en.wikipedia.org/wiki/Mt._Gox#Security_breach_and_invalid_addresses_(2011)">happen</a>.</p>
</div>
<div>
<h2>Whats wrong with using a hardware wallet?</h2>
<p>Hardware wallets which range in cost offer extra protection over software
or web based wallets, however, if they connect to a computer then they can
still be compromised, either by the wallet manufacturer or third party exploits.</p>
</div>
<div>
<h2>Trustless Transfers</h2>
<p>Loki is designed to facilitate trustless bitcoin transfers. The only way to be sure
that your private keys are safe is to never connect them to the internet or a device
capable of accessing the internet in the first place. Loki accomplishes this by using
a cold wallet that is built with no ability to connect to other devices, and shares
information using QR-codes. You create your paper wallet, scan the private key into your
cold wallet, and use a website like Loki to make the transfers in an easy process:</p>
</div>
<div class="container">
<div class="row">
<div class="4u 12u(mobile)">
<section class="box style1">
<span class="icon featured fa-list"></span>
<h3>Setup Transaction</h3>
<p>Scan your <i>public</i> address into Loki, and see how much funds
you have available to send. Scan the address that you'd like to send
funds to and Loki will output your "Transaction" barcode</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="box style1">
<span class="icon featured fa-qrcode"></span>
<h3>Sign the Transaction</h3>
<p>Scan the transaction code into your cold wallet (using the wallets camera)
and the wallet will verify and sign the transaction, and generate a QR Code for
the now signed transaction.</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="box style1">
<span class="icon featured fa-btc"></span>
<h3>Send Transaction</h3>
<p>Scan the signed transaction back into Loki and it will be sent for processing
in the Bitcoin network</p>
</section>
</div>
</div>
</div>
<footer>
<a href="send.php" class="button big">Get Started!</a>
</footer>
</article>
</div>
<!-- Portfolio -->
<!-- <div class="wrapper style3">
<article id="portfolio">
<header>
<h2>Here’s some stuff I made recently.</h2>
<p>Proin odio consequat sapien vestibulum consequat lorem dolore feugiat lorem ipsum dolore.</p>
</header>
<div class="container">
<div class="row">
<div class="4u 12u(mobile)">
<article class="box style2">
<a href="#" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
<h3><a href="#">Magna feugiat</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u 12u(mobile)">
<article class="box style2">
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
<h3><a href="#">Veroeros primis</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u 12u(mobile)">
<article class="box style2">
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
<h3><a href="#">Lorem ipsum</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
</div>
<div class="row">
<div class="4u 12u(mobile)">
<article class="box style2">
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
<h3><a href="#">Tempus dolore</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u 12u(mobile)">
<article class="box style2">
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
<h3><a href="#">Feugiat aliquam</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
<div class="4u 12u(mobile)">
<article class="box style2">
<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
<h3><a href="#">Sed amet ornare</a></h3>
<p>Ornare nulla proin odio consequat.</p>
</article>
</div>
</div>
</div>
<footer>
<p>Lorem ipsum dolor sit sapien vestibulum ipsum primis?</p>
<a href="#contact" class="button big scrolly">Get in touch with me</a>
</footer>
</article>
</div> -->
<!-- Contact -->
<div class="wrapper style4">
<!-- <article id="contact" class="container 75%">
<header>
<h2>Have me make stuff for you.</h2>
<p>Ornare nulla proin odio consequat sapien vestibulum ipsum sed lorem.</p>
</header>
<div>
<div class="row">
<div class="12u">
<form method="post" action="#">
<div>
<div class="row">
<div class="6u 12u(mobile)">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="6u 12u(mobile)">
<input type="text" name="email" id="email" placeholder="Email" />
</div>
</div>
<div class="row">
<div class="12u">
<input type="text" name="subject" id="subject" placeholder="Subject" />
</div>
</div>
<div class="row">
<div class="12u">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
</div>
<div class="row 200%">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
<li><input type="reset" value="Clear Form" class="alt" /></li>
</ul>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row">
<div class="12u">
<hr />
<h3>Find me on ...</h3>
<ul class="social">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon fa-tumblr"><span class="label">Tumblr</span></a></li>
<li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-rss"><span>RSS</span></a></li>
<li><a href="#" class="icon fa-instagram"><span>Instagram</span></a></li>
<li><a href="#" class="icon fa-foursquare"><span>Foursquare</span></a></li>
<li><a href="#" class="icon fa-skype"><span>Skype</span></a></li>
<li><a href="#" class="icon fa-soundcloud"><span>Soundcloud</span></a></li>
<li><a href="#" class="icon fa-youtube"><span>YouTube</span></a></li>
<li><a href="#" class="icon fa-blogger"><span>Blogger</span></a></li>
<li><a href="#" class="icon fa-flickr"><span>Flickr</span></a></li>
<li><a href="#" class="icon fa-vimeo"><span>Vimeo</span></a></li>
</ul>
<hr />
</div>
</div>
</div> -->
<footer>
<ul id="copyright">
<li>© Logic High Software. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</article>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>