-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
430 lines (417 loc) · 28.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
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
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
<!DOCTYPE html>
<!--[if IE 9 ]>
<html class="ie ie9 no-js" lang="en">
<![endif]-->
<!--[if gt IE 9 | !IE]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FLO - Build Blockchain Applications</title>
<meta name="description" content="Build Blockchain Applications">
<meta name="keywords" content="blockchain, metadata, api, sdk">
<meta name="author" content="FLO">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="apple-touch-icon" href="">
<link rel="icon" href="static/assets/img/favicon-v2.png"/>
<link rel="stylesheet" href="static/assets/css/style.min.c928158a.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script type="text/javascript" src="static/assets/js/all.min.js"></script>
<script src="static/assets/js/home.min.js"></script>
<!-- <script src="static/assets/js/pricefeed.js"></script> -->
<!--[if lte IE 9]><!-->
<script src='static/assets/js/html5shiv.min.js'></script>
<!--<![endif]-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-110994620-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-110994620-1');
</script>
</head>
<body>
<div class="site">
<div class="site-loader">
<div class="site-loader-spinner"></div>
</div>
<!-- .site-loader -->
<div class="site-canvas">
<header class="site-header">
<nav class="navbar navbar-theme">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-brand-wrap">
<a class="navbar-brand" href="">
<img src="static/assets/img/logo-with-name-v2.png" alt="">
</a>
</div>
</div>
<!-- .navbar-header -->
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#dapps">Dapps</a></li>
<li><a href="#network">Network</a></li>
<li><a href="docs/index.html" class="js-analytic">Docs</a></li>
<li><a href="https://forum.flo.cash" class="js-analytic">Forum</a></li>
<li><a href="https://medium.com/flo-cash">News</a></li>
<li><script type="text/javascript" src="static/assets/js/pricefeed.js"></script><div class="coinmarketcap-currency-widget" style="" data-currency="florincoin" data-base="USD" data-secondary="" data-ticker="true" data-rank="false" data-marketcap="false" data-volume="false" data-stats="USD" data-statsticker="false"></div></li>
</ul>
</div>
<!-- .navbar-collapse -->
</div>
</nav>
</header>
<!-- .site-header -->
<main class="site-main">
<div id="home" class="section block-primary position-r align-c-xs-max">
<div id="particles-js" class="site-bg">
<div class="site-bg-img"></div>
<div class="site-bg-video"></div>
<div class="site-bg-overlay"></div>
<div class="site-bg-effect layer" data-depth=".30"></div>
<canvas class="site-bg-canvas layer" data-depth=".30"></canvas>
</div>
<!-- .site-bg -->
<div class="container">
<div class="row row-table">
<div class="col-sm-6">
<div class="col-inner" data-sr="left">
<div class="section-heading">
<h1 style="font-size:36px">Build Blockchain Applications</h1>
<!-- <h2 style="font-size:28px; font-style: italic"> A decentralized metadata layer </h2> -->
<p>FLO is a scrypt based coin with quick transaction processing that introduces a useful new feature called "transaction comments". These transaction comments enable FLO to facilitate a number of unique applications and enhancements within the blockchain. </p>
</div>
<!-- .section-heading -->
<div class="section-content">
<div class="systems-button">
<div class="systems">
<div class="download"><a href="static/assets/wallet/florincoin-0.10.4.6-qt-win64.zip">Download for Windows</a></div>
<div class="systems-options">
<span class="systems-available">Also available for:</span>
<a href="static/assets/wallet/florincoin-0.10.4.6-osx.dmg" onclick="ga('send', 'event', { eventLabel: 'Mac', eventCategory: 'Download', eventAction: 'App'});">Mac</a>
<a href="static/assets/wallet/florincoin-0.10.4.6.zip">Source</a>
</div>
</div>
</div>
</div>
<!-- .section-content -->
</div>
</div>
<div class="col-sm-6 col-md-p-l-1 m-t-60-xs-max">
<div class="col-inner clearfix">
<img class="img-responsive float-r-sm-min m-x-auto-xs-max" src="static/assets/img/home_02.png" alt=""
data-sr="right">
</div>
</div>
</div>
</div>
</div>
<!-- #home -->
<div class="index-features-files index-app clearfix">
<div class="container2">
<div class="container1">
<div class="col col-left">
<div class="features">
<div class="feature clearfix">
<div class="image">
<img alt="icon speed" height="37" src="static/assets/img/features_icon_fast.png" width="39">
</div>
<div class="info">
<strong>Speed</strong>
<div class="rich-text">
<p></p>
<p>
FLO is a scrypt minable crypto-currency with quick transaction processing. (40 second block time)
</p>
<p></p>
</div>
</div>
</div>
<div class="feature clearfix">
<div class="image">
<img alt="icon messages" height="38" src="static/assets/img/features_icon_messages.png" width="39">
</div>
<div class="info">
<strong>Messages</strong>
<div class="rich-text">
<p></p>
<p>
You can attach a comment of up to 528 characters to every transaction and store it permanently on the FLO network.
</p>
<p></p>
</div>
</div>
</div>
<div class="feature clearfix">
<div class="image">
<img alt="icon security" height="50" src="static/assets/img/features_icon_secure.svg" width="40">
</div>
<div class="info">
<strong>Security</strong>
<div class="rich-text">
<p></p>
<p>
It is based on the Bitcoin (+ Litecoin) source code and therefore secured by the overall robustness of the protocol
</p>
<p></p>
</div>
</div>
</div>
</div>
</div>
<div class="col col-right">
<div class="info">
<!-- <h3>Read more</h3> -->
<h4> FLO Community Update December 2017 </h4>
<div class="rich-text">
<p></p>
<p>
It’s been a very exciting year for FLO and we wanted to start by thanking everyone in the community for their support over the years. It’s hard to imagine FLO has been around for over 4 years. The last few months have been especially productive and we are looking forward to a breakout year in 2018.
</p>
<p>
The most exciting part is the growth of our community. We have nearly 1,000 members in our telegram chat, and our twitter has almost 10,000 followers! In addition...
</p>
<p></p>
</div>
<div class="download"><a href="https://medium.com/flo-cash/flo-community-update-december-2017-c60c54583f81" target="_blanks">Read Blog Post</a></div>
<!-- </div> -->
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
<div data-step='1' class="sectiondapps gray_section stepSection" id="dapps">
<div class="section_inner">
<div class="deploy_dapps">
<!-- <div class="section_caption text_center">Dapps built on the FLO blockchain</div> -->
<div class="sub_caption text_gray_2 text_center">Dapps built on the FLO blockchain</div>
<div class="deploy_steps">
<div class="deploy_step stepBtn step_1">
<div class="alexandria" style="background-image:url(static/assets/img/alexandria-1.png); height:90px; width:90px; margin:0 auto;"></div>
<div class="deploy_step_name"><br/>Alexandria</div>
</div>
<div class="deploy_step stepBtn step_2">
<div class="alexandria" style="background-image:url(static/assets/img/oip-1.png); height:90px; width:58px; margin:0 auto;"></div>
<div class="deploy_step_name"><br/>Open Index Protocol</div>
</div>
<div class="deploy_step stepBtn step_3">
<div class="alexandria" style="background-image:url(static/assets/img/tokenly-1.png); height:90px; width:101px; margin:0 auto;"></div>
<div class="deploy_step_name"><br/>TokenFM</div>
</div>
<div class="deploy_step stepBtn step_4">
<div class="alexandria" style="background-image:url(static/assets/img/flotorizer-1.png); height:90px; width:90px; margin:0 auto;"></div>
<div class="deploy_step_name"><br/>Flotorizer</div>
</div>
<div class="deploy_step stepBtn step_5">
<div class="alexandria" style="background-image:url(static/assets/img/sharedsecret-1.png); height:90px; width:90px; margin:0 auto;"></div>
<div class="deploy_step_name"><br/>SharedSecret</div>
</div>
</div>
</div>
</div>
</div>
<div class="sectiondapps step_section stepSlider">
<div class="step_unit step_1">
<div class="abs_container">
<div class="gl_table_cell">
<div class="section_inner">
<div class="step_description">
<h2 class="step_caption fw_600"> ΛLΞXΛNDRIΛ</h2>
<p>The app was named as an homage to the ancient Library of Alexandria, a tragic example of the problem with centralization. Web information architecture in 2017 is similarly vulnerable because it relies on centralized hubs to store and distribute info whereas apps like Alexandria can offer transparent access to any digital content, and resist censorship and info access entropy.</p>
<a href="https://alexandria.io/browser/media" target="_blank" class="btn_v2 fw_600 wide_btn white_btn">Browse</a>
<!-- <div class="download" style="width:50%; font-color:#3A9CBB!important; background-color: #bbb;" ><a href="https://alexandria.io/browser/media">Browse</a></div> -->
</div>
</div>
<div class="step_code_block">
<div class="code_window">
<!-- <div class="code_window_btns"></div> -->
<div class="code_container">
<!-- <pre class="line-numbers"></pre> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div class="step_unit step_2">
<div class="abs_container">
<div class="gl_table_cell">
<div class="section_inner">
<div class="step_description">
<h2 class="step_caption fw_600">Open Index Protocol</h2>
<p>Open Index Protocol is a specification for decentralized publishing, distribution and payments for any digital content. OIP uses distributed networking and peer-to-peer technology to operate with no central authority: content indexing, file storage/distribution and transaction management are carried out collectively by the network.</p>
<a href="https://github.com/oipwg" target="_blank" class="btn_v2 fw_600 wide_btn white_btn">Learn more</a>
</div>
<figure class="step_figure">
<p><img class="img-responsive" src="static/assets/img/cover-oip.jpg"></p>
</figure>
</div>
</div>
</div>
</div>
<div class="step_unit step_3">
<div class="abs_container">
<div class="gl_table_cell">
<div class="section_inner">
<div class="step_description">
<h2 class="step_caption fw_600">Token FM</h2>
<p>Token.FM is a blockchain-based music distribution service developed by Tokenly, a blockchain technology solutions company. Using token.FM, artists can tokenize any number of songs into a digital package and set exactly the terms they want for that release, including pricing and quantity for limited/exclusive releases.</p>
<a href="https://token.fm/" target="_blank" class="btn_v2 fw_600 wide_btn white_btn">Learn more</a>
</div>
<figure class="step_figure">
<p><img class="img-responsive" src="static/assets/img/cover-tokenly.jpg"></p>
</figure>
</div>
</div>
</div>
</div>
<div class="step_unit step_4">
<div class="abs_container">
<div class="gl_table_cell">
<div class="section_inner">
<div class="step_description">
<h2 class="step_caption fw_600">Flotorizer</h2>
<p>This website will notarize any file within the FLO blockchain using the tx-comment field. It also provides you with a handy PDF with all the relevant file information as well as blockchain information needed to prove that the file exists in the chain. </p>
<a href="http://www.flotorizer.net/" target="_blank" class="btn_v2 fw_600 wide_btn white_btn">Visit</a>
<a href="http://flo.cash/docs/building-dapps/flotorizer.net/" target="_blank" class="btn_v2 fw_600 wide_btn white_btn">Documentation</a>
</div>
<ul class="work_process">
<li class="work_process_step">
<figure class="work_process_fig">
<p class="fig_img"><img class="img-responsive" src="static/assets/img/cover-flotorizer.jpg"></p>
<figcaption>Join the Tamper Proof Revolution</figcaption>
</figure>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="step_unit step_5">
<div class="abs_container">
<div class="gl_table_cell">
<div class="section_inner">
<div class="step_description">
<h2 class="step_caption fw_600">SharedSecret</h2>
<p>This app let you save encrypted secret in the FLO blockchain and produces a number of keys that must be combined to be able to decrypt the secret. </p>
<a href="http://www.sharedsecret.net/" target="_blank" class="btn_v2 fw_600 wide_btn white_btn">Visit</a>
</div>
<ul class="work_process">
<li class="work_process_step">
<figure class="work_process_fig">
<p class="fig_img"><img class="img-responsive" src="static/assets/img/cover-sharedsecret.jpg"></p>
<figcaption>Zero knowledge application</figcaption>
</figure>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="section-exchange" id="network">
<div class="containerex">
<div class="col-sm-3 col-md-2">
<h6>Exchanges</h6>
</div>
<div class="col-md-10 col-sm-9">
<ul>
<li class="fadeIn wow" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;"> <a href="https://poloniex.com/exchange/#btc_flo" title="Poloniex" target="_blank"><img src="static/assets/img/logo-poloniex.png" alt="Poloniex" class="img-responsive"></a> </li>
<li class="fadeIn wow" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;"> <a href="https://bittrex.com/Market/Index?MarketName=BTC-FLO" title="Bittrex" target="_blank"><img src="static/assets/img/logo-bittrex.png" alt="Bittrex" class="img-responsive"></a> </li>
<li class="fadeIn wow" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"> <a href="https://novaexchange.com/market/BTC_FLO/" title="NovaExchange" target="_blank"><img src="static/assets/img/logo-novaexchange.png" alt="NovaExchange" class="img-responsive"></a> </li>
</ul>
</div>
</div>
</div>
<section class="feature vector_vs_raster_feature">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" viewBox="0 0 1630 400" class="vector_bg_graphic">
<path id="LrmGtdbLEY" fill="#f2f5f7" d="M0 300 C67.91666666666666 333.3333333333333 144.32291666666666 350 229.21875 350 C356.5625 350 483.90625 250 611.25 250 C738.59375 250 713.125 300 840.46875 300 C967.8125 300 1069.6875 225 1197.03125 225 C1281.9270833333333 225 1358.3333333333333 241.66666666666666 1426.25 275 L1426.25 400 L0 400 L0 300 Z " class="" style="transform: scaleY(1);"></path>
<path id="KdqfGvfzmF" fill="#e7ecf0" d="M0 400 C67.91666666666666 333.3333333333333 135.83333333333331 300 203.75 300 C305.625 300 382.03125 350 483.90625 350 C585.78125 350 636.71875 250 738.59375 250 C840.46875 250 815 300 967.8125 300 C1120.625 300 1222.5 200 1324.375 200 C1426.25 200 1451.71875 250 1528.125 250 C1579.0625 250 1613.0208333333333 233.33333333333331 1630 200 L1630 400 L0 400 Z " class="" style="transform: scaleY(1);"></path>
</svg>
<div class="wrapper">
<div class="feature_text">
<div class="feature_text_cont format_text">
<h2 class="bottom_tick" style="color:#4B4B4B">Network & Market Stats</h2>
<p>An easy way to view all the data that flows through the FLO network. From tx metadata and network behavior all the way to exchange volume and market capitalization.
<div class="viewstats" style=""><a href="http://network.flo.cash/" target="_blank">View</a></div>
</div>
</div>
<div class="feature_graphic_wrapper">
<div class="feature_aspect_ratio"></div>
<div class="feature_graphic">
<div class="vector vvr_comparison" style="background: url(./static/assets/img/stats-2.gif) no-repeat;">
</div>
<div class="raster vvr_comparison" style="background: url(./static/assets/img/stats-1.jpg);">
</div>
</div>
</div>
</div>
</section>
<div id="brief_3" class="section block-success align-c-xs-max">
<div class="container">
<div class="row row-table">
<div class="col-sm-6">
<div class="col-inner">
<div class="section-heading">
<h2>Join our community</h2>
</div>
<div class="section-content">
<p>Click on the social networks listed below and join our vibrant community of enthusiastic users, developers and investors.</p>
</div>
</div>
</div>
<div class="col-sm-6 m-t-60-xs-max p-l-60-md-min">
<div class="col-inner clearfix">
<img class="img-responsive float-r-sm-min m-x-auto-xs-max" src="static/assets/img/social.png" alt=""
data-sr="right">
</div>
</div>
</div>
</div>
</div>
<section class="section-community">
<div class="containercom">
<div class="col-sm-3 col-md-2">
<h6>Community</h6>
</div>
<div class="col-md-10 col-sm-9">
<ul>
<li class="fadeIn wow" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeIn;"> <a href="https://t.me/FLOblockchain" title="Telegram" target="_blank"><img src="static/assets/img/logo-telegram.png" alt="Telegram" class="img-responsive"></a> </li>
<li class="fadeIn wow" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeIn;"> <a href="https://t.co/0V001QZYUg" title="Slack" target="_blank"><img src="static/assets/img/logo-slack.png" alt="Slack" class="img-responsive"></a> </li>
<li class="fadeIn wow" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"> <a href="https://medium.com/flo-cash" title="Medium" target="_blank"><img src="static/assets/img/logo-medium.png" alt="Medium" class="img-responsive"></a> </li>
<li class="fadeIn wow" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeIn;"> <a href="https://www.youtube.com/channel/UCDAELSdJelys5VkE1FuXo2A" title="Youtube" target="_blank"><img src="static/assets/img/logo-youtube.png" alt="Medium" class="img-responsive"></a> </li>
<li class="fadeIn wow" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeIn;"> <a href="https://github.com/flo-blockchain" title="Github" target="_blank"><img src="static/assets/img/logo-gitub.png" alt="Github" class="img-responsive"></a> </li>
</ul>
</div>
</div>
</section>
<footer class="site-footer block-invert">
<div class="container">
<img class="site-footer-logo img-responsive" src="static/assets/img/logo-v1.png" data-sr="bottom">
<ul class="site-footer-social-list">
<li><a href="https://www.facebook.com/floblockchain" target="_blank">Facebook</a></li>
<li><a href="https://twitter.com/FLOblockchain" target="_blank">Twitter</a></li>
</ul>
<p class="site-footer-copyright">2013-2017 © <a href="#home">FLO</a> | All Rights Reserved.</p>
</div>
</footer>
<!-- .site-footer -->
</div>
</div>
<script type="text/javascript" src="static/assets/js/script.min.8cf8fe3e.js"></script>
<script src='static/assets/js/scripts.js'></script>
</body>
</html>