forked from Progressbar/Progressbar-Donor-Web
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (182 loc) · 10.1 KB
/
index.html
File metadata and controls
187 lines (182 loc) · 10.1 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Progressbar Donor Web</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" type="image/png" href="./src/assets/img/progressbar_square.png"/>
<link rel="stylesheet" href="./dist/main.css">
</head>
<body>
<div id="app"></div>
<header class="my-navbar">
<img class="my-navbar__main-logo my-navbar__main-logo__white" src="./src/assets/img/logo-progressbar.png" alt="prog">
<img class="my-navbar__main-logo my-navbar__main-logo__black hidden" preload src="./src/assets/img/logo-progressbar-black.png" alt="">
<button class="my-navbar__action-btn" id="donate">Donate ↓ </button>
<ul class="my-navbar__lang-switcher">
<li class="my-navbar__lang-switcher__current"><a id="english">EN</a></li>
<li> / </li>
<li class="my-navbar__lang-switcher__unactive"><a id="slovak">SK</a></li>
<hr class="my-navbar__lang-switcher__hr" />
</ul>
</header>
<section class="main-pic">
<h1 class="main-pic__main-title">We do: <br/>
<span
class="txt-rotate"
data-period="2000"
data-rotate='[ "CryptoParties", "Open source", "Demos", "Meetups", "Biohacking", "Open data", "Bitcoin", "Travel hacking", "Nootropics", "Art", "Live streaming" ]'></span>
</h1>
<p id="donate-1" class="main-pic__donate-us en">Donate ↓</p>
<p id="donate-1" class="main-pic__donate-us sk">Podpor nás ↓</p>
</section>
<section class="why-progressbar">
<h1 class="en">Why Progressbar</h1>
<h1 class="sk">Prečo Progressbar</h1>
<div class="why-progressbar__icons">
<div class="row">
<div class="col-sm why-progressbar__icons__icon">
<img class="icons animate-icon-first" src="./src/assets/img/apple-and-books.svg" alt="">
<h3 class="en">Education</h3>
<h3 class="sk">Vzdelanie</h3>
<p class="en icon-paragraph">Progressbar empowers free peer-driven knowledge</p>
<p class="sk icon-paragraph">Progressbar umožnuje vzájomné zdielanie vedomostí</p>
</div>
<div class="col-sm why-progressbar__icons__icon">
<img class="icons" src="./src/assets/img/startup.svg" alt="">
<h3 class="en">Start-ups</h3>
<h3 class="sk">Začínajúce projekty</h3>
<p class="en icon-paragraph">We offer space for incubation of projects</p>
<p class="sk icon-paragraph">Ponúkame miesto pre inkubáciu projektov</p>
</div>
</div>
<div class="row">
<div class="col-sm why-progressbar__icons__icon">
<img class="icons" src="./src/assets/img/monitor.svg" alt="">
<h3 class="en">Coworking space</h3>
<h3 class="sk">Cowork</h3>
<p class="en">We offer affordable 24/7 cowork in downtown with high speed internet</p>
<p class="sk">Ponúkame 24/7 prístupný coworkingový priestor v centre mesta s vysokorýchlym internetom</p>
<p class="en"><a href="https://cowork.progressbar.sk">More info...</a></p>
<p class="sk"><a href="https://cowork.progressbar.sk">Viac info...</a></p>
</div>
<div class="col-sm why-progressbar__icons__icon">
<img class="icons animate-icon-second" src="./src/assets/img/bitcoin.svg" alt="">
<h3 class="en">Crypto ready</h3>
<h3 class="sk">Kryptomeny</h3>
<p class="en">We support payments via cryptocurrencies for drinks and snacks</p>
<p class="sk">Podporujeme platby bitcoinami za občerstvenie</p>
</div>
</div>
</div>
</section>
<section id="support" class="support">
<h1 class="support-pb-headline en">How to support Progressbar?</h1>
<h1 class="support-pb-headline sk">Ako môžete podporiť Progressbar?</h1>
<h3 class="donation-desc en">~ Choose an amount:</h3>
<h3 class="donation-desc sk">~ Vyberte hodnotu:</h3>
<div class="donation-things__buttons">
<div class="button-wrap en">
<button class="donation-things__buttons__btn active" type="button" name="button" value="5">5€</button>
</div>
<div class="button-wrap sk">
<button class="donation-things__buttons__btn active" type="button" name="button" value="5">5€</button>
</div>
<div class="button-wrap en">
<button class="donation-things__buttons__btn" type="button" name="button" value="10">10€</button>
</div>
<div class="button-wrap sk">
<button class="donation-things__buttons__btn" type="button" name="button" value="10">10€</button>
</div>
<div class="button-wrap en">
<button class="donation-things__buttons__btn" type="button" name="button" value="20">20€</button>
</div>
<div class="button-wrap sk">
<button class="donation-things__buttons__btn" type="button" name="button" value="20">20€</button>
</div>
<div class="button-wrap">
<button class="donation-things__buttons__btn other en" type="button" name="button" value="">
Other: <input class="donate-amount" pattern="\d{1,5}" type="number" name="other" value=""> €
</button>
</div>
<div class="button-wrap">
<button class="donation-things__buttons__btn other sk" type="button" name="button" value="">
Iné: <input class="donate-amount" pattern="\d{1,5}" type="number" name="other" value=""> €
</button>
</div>
</div>
<h3 class="donation-desc en">~ Scan one of QR codes:</h3>
<h3 class="donation-desc sk">~ Oskenujte jeden z QR kódov:</h3>
<div class="row support__crypto">
<div class="col-sm support__crypto__box">
<img class="qr-code btc" src="./src/assets/img/default-qr-btc.png" alt="">
<h3>BTC</h3>
<p class="en">Address →<br> <p class="en address"><a href="https://blockchain.info/address/1pbarBA4zP1bbCRydBUxweQxVfsaAHqDo">1pbarBA4zP1bbCRydBUxweQxVfsaAHqDo</a></p>
<p class="sk">Adresa →<br> <p class="sk address"><a href="https://blockchain.info/address/1pbarBA4zP1bbCRydBUxweQxVfsaAHqDo">1pbarBA4zP1bbCRydBUxweQxVfsaAHqDo</a></p>
</div>
<div class="col-sm support__crypto__box">
<img class="qr-code eth" src="./src/assets/img/default-qr-eth.png" alt="">
<h3>ETH</h3>
<p class="en">Address →<br> <p class="en address"><a href="https://etherscan.io/address/0x363a4300d6800e1a45673255928d00c8b2dc7845">0x363A4300D6800E1a45673255928d00c8b2DC7845</a></p>
<p class="sk">Adresa →<br> <p class="sk address"><a href="https://etherscan.io/address/0x363a4300d6800e1a45673255928d00c8b2dc7845">0x363A4300D6800E1a45673255928d00c8b2DC7845</a></p>
</div>
<div class="col-sm support__crypto__box">
<img class="qr-code ltc" src="./src/assets/img/default-qr-ltc.png" alt="">
<h3>LTC</h3>
<p class="en">Address →<br> <p class="en address"><a href="https://live.blockcypher.com/ltc/address/LSDNJopkWAgEuhrD1ucKiFD6ybhoEeTRWH/">LSDNJopkWAgEuhrD1ucKiFD6ybhoEeTRWH</a></p>
<p class="sk">Adresa →<br> <p class="sk address"><a href="https://live.blockcypher.com/ltc/address/LSDNJopkWAgEuhrD1ucKiFD6ybhoEeTRWH/">LSDNJopkWAgEuhrD1ucKiFD6ybhoEeTRWH</a></p>
</div>
</div>
<div class="row fiat">
<div class="col-sm-8">
<h3 class="en">Bank account</h3>
<h3 class="sk">Bankové spojenie</h3>
<p>
IBAN: <tt>SK1583300000002600121198</tt> <br>
<span class="en">Payment reference</span><span class="sk">Variabilný symbol</span>: <tt>102017</tt> <br>
SWIFT: <tt>FIOZSKBAXXX</tt>
</p>
</div>
<div class="crop-text col-sm-4">
<img class="paybysquare" src="./src/assets/img/pbsqr-5e.png" alt="">
</div>
</div>
</section>
<section class="donation-things">
<h1 class="title-white en">What will your donation go to?</h1>
<h1 class="title-white sk">Ako použijeme váš dobrovoľný príspevok?</h1>
<p class="donation-things__desc en">Everything marked with ✓ already accomplished</p>
<p class="donation-things__desc sk">Na všetko označené s ✓ sa podarilo vyzbierať</p>
<div class="row donation-things__icons">
<div class="col-sm">
<img class="donation-icons" src="./src/assets/img/space-rent.svg" alt="">
<h3 class="donation-things__icons__title en">Space Rent</h3>
<h3 class="donation-things__icons__title sk">Prenájom priestorov</h3>
</div>
<div class="col-sm">
<img class="donation-icons" src="./src/assets/img/projector.svg" alt="">
<h3 class="donation-things__icons__title en">✓ Projector</h3>
<h3 class="donation-things__icons__title sk">✓ Premietací projektor</h3>
</div>
<div class="col-sm">
<img class="donation-icons" src="./src/assets/img/air-conditioning.svg" alt="">
<h3 class="donation-things__icons__title en">Air conditioning</h3>
<h3 class="donation-things__icons__title sk">Klimatizácia</h3>
</div>
<div class="col-sm">
<img class="donation-icons" src="./src/assets/img/microphone.svg" alt="">
<h3 class="donation-things__icons__title en">Presentation equipment</h3>
<h3 class="donation-things__icons__title sk">Prezentačné vybavenie</h3>
</div>
<div class="col-sm">
<img class="donation-icons" src="./src/assets/img/door-lock.svg" alt="">
<h3 class="donation-things__icons__title en">✓ Electronic door lock</h3>
<h3 class="donation-things__icons__title sk">✓ Elektronické zamykanie dverí</h3>
</div>
</div>
</section>
<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="./dist/build.js"></script>
</body>
</html>