-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (79 loc) · 5.13 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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Backfeed Qrate</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<link rel="stylesheet" href="css/normalize.min.css">-->
<link rel="stylesheet" href="css/main.css">
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="vendor/materialize/sass/materialize.css" media="screen,projection"/>
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="vendor/materialize/js/bin/materialize.js"></script>
<script src='http://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
<nav id="backfeed-nav">
<div class="nav-wrapper">
<a href="#!" class="brand-logo"><img src="img/logo.png" alt=""></a>
</div>
<a href="#howToExplain" id="info-button" class="modal-trigger btn-floating btn-large waves-effect waves-light">
<i class="large"><img src="img/info-icon.png" alt=""></i>
</a>
</nav>
<div id="howToExplain" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Qrate</h4>
<p>More information coming soon... Contact us if you'd like ot take part.</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
</div>
</div>
<div id="main-section" class="row">
<div class="col s12 m6 l4">
<img class="responsive-img" src="img/qrate-mockup.png" alt="">
</div>
<div class="col s12 m6 l5 offset-l1">
<div class="odin" style="color: #4285f4; font-weight: 100;">WELCOME TO</div>
<div class="odin" style="font-weight: lighter;text-transform: uppercase;font-size: 33px;">THE DECENTRALIZED LIBRARY</div>
<div style="color: #7e7e7e;font-size: 13px;text-align: right;line-height: 0;">by backfeed</div>
<div id="mc_embed_signup">
<form action="//backfeed.us11.list-manage.com/subscribe/post?u=bd91582a4e889f710affca0e6&id=7fafe07c1a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="input-field">
<input type="email" name="EMAIL" class="email validate" id="mce-EMAIL" placeholder="email address" required>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_bd91582a4e889f710affca0e6_7fafe07c1a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="waves-effect waves-light btn"></div>
</div>
</form>
</div>
<p style="color: #7c7c7c;">People want to know about decentralization, but the learning curve is steep! Let's build together the educational resources that will make the world better.</p>
</div>
</div>
<div id="bottom-section" class="row">
<div style="border-left: 1px #fbbc05 solid;" class="col s8 offset-s2 m6 offset-m3">
The “Decentralized Library” is the first project powered by Qrate, a ÐApp that enable communities to curate Web content. Members submit and tag links, and get rewarded with influence and credits according to their alignment with the community. Credits (QRT tokens) are used to search the Library .
</div>
</div>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='http://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>