-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathindex.html
101 lines (95 loc) · 5.51 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
<html>
<head>
<title>OpenBazaar</title>
<link rel="stylesheet" href="assets/css/ui-kit.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
$(function() {
setInterval(function() {
var id = parseInt($('.section-main').attr('id'));
switch(id){
case 1:
$('.section-main').attr('id', 2).css('background', '#1F231D');
$('.screenshot').fadeOut(400, function(){
$('.screenshot').css('background', 'url(assets/img/screen-1.png) top left / cover no-repeat');
}).fadeIn(400);
$('body').animate({backgroundColor: '#2B3328'}, 'fast');
$('.overlay').fadeTo('slow', 0.0, function(){
$('.overlay').css('background', 'url(assets/img/background-1.jpg) 0 50% / cover no-repeat');
}).fadeTo('slow', 0.06);
break;
case 2:
$('.section-main').attr('id', 3).css('background', '#201520');
$('.screenshot').fadeOut(400, function(){
$('.screenshot').css('background', 'url(assets/img/screen-2.png) top left/ cover no-repeat');
}).fadeIn(400);
$('body').animate({backgroundColor: '#201520'}, 'fast');
$('.overlay').fadeTo('fast', 0.0, function(){
$('.overlay').css('background', 'url(assets/img/background-2.jpg) 0 50% / cover no-repeat');
}).fadeTo('slow', 0.1);
break;
case 3:
$('.section-main').attr('id', 1).css('background', '#785A19');
$('.screenshot').fadeOut(400, function(){
$('.screenshot').css('background', 'url(assets/img/screen-3.png) top left/ cover no-repeat');
}).fadeIn(400);
$('body').animate({backgroundColor: '#785A19'}, 'fast');
$('.overlay').fadeTo('fast', 0.0, function(){
$('.overlay').css('background', 'url(assets/img/background-3.jpg) 0 50% / cover no-repeat');
}).fadeTo('slow', 0.06);
break;
}
}, 6000);
});
</script>
</head>
<body>
<div class="site">
<div class="section-main" id="2">
<div class="gradient"></div>
<div class="overlay"></div>
<div class="section-left">
<div class="icon position-float-left"></div>
<div class="site-name position-float-left">OpenBazaar</div>
</div>
<div class="section-right">
<div class="headline-area">
<h1>A Free Market for all.</h1>
<h2>No Fees. No Restrictions.</h2>
</div>
<div class="cta-area">
<div class="main-cta">Opening Soon</div>
<a href="https://github.com/openbazaar" target="_blank" title="View open source code on Github">It's open source. View the code.</a>
</div>
<div class="screenshot" style="background: url(assets/img/screen-1.png) no-repeat; background-size: 100%; width: 780px; height: 495px; position: absolute; bottom: 71px; "></div>
</div>
<div class="section-bottom">
<div class="questions-area position-float-left">
<h3>FAQ</h3>
<ul>
<li><a href="https://github.com/OpenBazaar/OpenBazaar/wiki/09.-Frequently-Asked-Questions#how-does-openbazaar-work" target="_blank">How does OpenBazaar work? <span class="answer">It's a peer-to-peer marketplace...</span></a></li>
<li><a href="https://github.com/OpenBazaar/OpenBazaar/wiki/09.-Frequently-Asked-Questions#how-are-there-no-fees-or-restrictions" target="_blank">How are there no fees/restrictions?<span class="answer">OpenBazaar isn't a company...</span></a></li>
<li><a href="https://github.com/OpenBazaar/OpenBazaar/wiki/09.-Frequently-Asked-Questions#why-is-bitcoin-the-only-supported-payment-method" target="_blank">Is Bitcoin the only supported payment method? <span class="answer">Yes, currently...</span></a></li>
<li><a href="https://github.com/OpenBazaar/OpenBazaar/wiki/09.-Frequently-Asked-Questions#how-do-i-create-a-store-and-sell-items" target="_blank">How do I create a store and sell items? <span class="answer">Download the OpenBaz...</span></a></li>
</ul>
</div>
<div class="links-area position-float-left">
<h3>Links</h3>
<ul>
<li><a href="https://blog.openbazaar.org/" target="_blank">Blog</a></li>
<li><a href="https://docs.openbazaar.org/" target="_blank">Documentation</a></li>
<li><a href="https://blockchain.info/address/3MXYUBLWNETa5HTewZp1xMTt7AW9kbFNqs" target="_blank">Project donations</a></li>
<li style="line-height: 0">
<a href="https://openbazaar-slackin-drwasho.herokuapp.com/" target="_blank" title="Join us on Slack"><div class="icon-social icon-slack"></div></a>
<a href="https://twitter.com/openbazaar" target="_blank" title="Twitter"><div class="icon-social icon-twitter"></div></a>
<a href="https://reddit.com/r/openbazaar" target="_blank" title="Reddit"><div class="icon-social icon-reddit"></div></a>
<a href="mailto:[email protected]" title="Contact us at [email protected]"><div class="icon-social icon-email"></div></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>