-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
361 lines (352 loc) · 19.2 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
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Хаклаб КИКА</title>
<meta name="twitter:dnt" content="on">
<meta name="twitter:widgets:csp" content="on">
<link rel="me" href="https://twitter.com/2cmk">
<link rel="stylesheet" href="css/style.css">
<meta name="description" content="Проверете каква е состојбата во хаклабот КИКА. Дали е отворен или затворен, каква е температурата во КИКА итн.">
<meta property="og:url" content="http://status.spodeli.org/">
<meta property="og:title" content="Хаклаб КИКА, сега">
<meta property="og:description" content="Проверете каква е состојбата во хаклабот КИКА. Дали е отворен или затворен, каква е температурата во КИКА итн.">
<meta property="og:image" content="http://status.spodeli.org/img/kika-hacklab-favicon-512x512.png">
<meta property="fb:app_id" content="962423030498745">
<!-- Favicons -->
<link rel="shortcut icon" href="img/kika-hacklab-favicon.ico" sizes="16x16 32x32 48x48" type="image/x-icon">
<link rel="shortcut icon" href="img/kika-hacklab-favicon-192x192.png" sizes="192x192" type="image/png">
<link rel="apple-touch-icon" href="img/kika-hacklab-favicon-512x512-ios.png" sizes="512x512" type="image/png">
<!--<link rel="icon" href="svg/kika-logo-symbol-favicon-c2b.svg" sizes="any" type="image/svg+xml">-->
</head>
<body>
<div class="container-flex">
<div class="row">
<header class="col header row">
<figure class="logo-wrap">
<a rel="home" href="http://status.spodeli.org/">
<img class="logo" width="120" height="120" src="svg/kika-logo-symbol-only-c2b.svg" alt="лого на хаклаб КИКА">
</a>
</figure>
<div>
<h1>
<a rel="home" href="http://status.spodeli.org/">Xаклаб КИКА, сега</a>
</h1>
<p class="text-muted">КИКА е јавен простор на ул. Коста Шахов бр. 7/5 во центарот на Скопје. Постои од
<strong>17-ти октомври 2009</strong> година.</p>
<p>
<a rel="external" href="http://kika.spodeli.org/">Дознајте повеќе</a>
</p>
</div>
</header>
<div class="col panel panel-default tweets">
<a class="twitter-timeline" data-chrome="noheader nofooter noborders" data-dnt="true" href="https://twitter.com/2cmk"></a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<nav class="col main-navigation">
<ul class="list-unstyled list-related-pages call-to-action">
<li>
<a class="btn btn-block btn-default" rel="external" href="http://kika.spodeli.org/">Блог на КИКА</a>
</li>
<li>
<a class="btn btn-block btn-default" rel="external" href="https://wiki.spodeli.org/%D0%A5%D0%B0%D0%BA%D0%BB%D0%B0%D0%B1/%D0%90%D0%BA%D1%82%D0%B8%D0%B2%D0%BD%D0%BE%D1%81%D1%82%D0%B8">Активности</a>
</li>
<li>
<a class="btn btn-block btn-default" rel="external" href="https://kika.spodeli.org/%d0%ba%d0%be%d0%bd%d1%82%d0%b0%d0%ba%d1%82/">Контакт</a>
</li>
</ul>
</nav>
</div>
<div class="row">
<div class="panel panel-default status col">
<div class="info-block">
<span id="status" class="value text-uppercase" data-influx-query="SELECT doorstatus FROM doorstatus WHERE location='hacklab' ORDER BY time DESC LIMIT 1">се вчитува</span>
<span id="status-time" class="description">се вчитува</span>
</div>
</div>
<div class="panel panel-default col devices">
<div class="info-block current-devices">
<span id="currentDevices" class="value" data-influx-query="SELECT value,total FROM landevices WHERE location='hacklab' ORDER BY time DESC LIMIT 1">се вчитува</span>
<span class="description">се вчитува</span>
</div>
</div>
<div class="col call-to-action">
<a role="button" class="btn btn-member btn-info modal-toggle" href="#/zachleneteSe">Зачленете се</a>
<a role="button" class="btn btn-donate btn-success modal-toggle" href="#/donirajte">Донирајте</a>
</div>
</div>
<div class="row">
<div class="col devices panel panel-default">
<div class="panel-heading flex align-center justify-space-between">
<h4 class="panel-title">Уреди во КИКА</h4>
<div class="panel-controls">
<button title="Дополнителни визуелизации" class="btn btn-xs btn-primary btn-grafana">
<span class="fa fa-dashboard"></span>
</button>
</div>
</div>
<div class="panel-body">
<iframe class="graph devices" src="https://grafana.softver.org.mk/dashboard-solo/db/khaklab?orgId=1&panelId=2&theme=light&refresh=5m"
frameborder="0"></iframe>
</div>
</div>
<div class="col temperature panel panel-default">
<div class="panel-heading flex align-center justify-space-between">
<h4 class="panel-title">Температурата во КИКА</h4>
<div class="panel-controls">
<button title="Дополнителни визуелизации" class="btn btn-xs btn-primary btn-grafana">
<span class="fa fa-dashboard"></span>
</button>
</div>
</div>
<div class="panel-body">
<iframe class="graph temperature" src="https://grafana.softver.org.mk/dashboard-solo/db/khaklab?orgId=1&panelId=1&theme=light&refresh=5m"
frameborder="0"></iframe>
</div>
</div>
</div>
<footer class="footer text-small text-muted text-center row">
<p class="col">
<a rel="external" href="http://blog.spodeli.org/p/blog-page.html">Хаклаб КИКА</a>, ул. Коста Шахов бр. 7/5, 1000 Скопје</p>
<p class="col">Сметка за донации во Република Македонија:
<a class="modal-toggle" href="#/donirajte">210057088340110</a>
</p>
</footer>
</div>
<div id="/zachleneteSe" class="col-12 modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header flex align-center justify-space-between">
<h2 class="modal-title">Зачленете се во хаклабот КИКА</h2>
<a href="#/" class="btn btn-default align-self-center modal-close">
<span class="fa fa-times"></span>
</a>
</div>
<div class="modal-body">
<p>Член на хаклабот КИКА се станува со плаќање на
<strong>месечна членарина од 20 евра</strong>, којашто не е задолжителна за останатите посетители на КИКА. Хаклабот КИКА
има свој
<a href="https://wiki.spodeli.org/%D0%A5%D0%B0%D0%BA%D0%BB%D0%B0%D0%B1/%D0%9A%D1%83%D1%9C%D0%B5%D0%BD%D0%A0%D0%B5%D0%B4"
rel="external">Куќен ред</a> чиешто почитување е неопходно и задолжително.</p>
<p>Членарината се собира од 20-ти до 27-ми во месецот. Парите се трошат за кирија и функционирање на хаклабот.</p>
<hr>
<figure>
<img class="img-responsive" src="img/kika-hacklab-hardware-room.jpg" alt="просторија за хардвер во хаклаб КИКА">
<figcaption class="figure-caption">Просторијата за хардвер во хаклабот КИКА</figcaption>
</figure>
<hr>
<div class="row">
<div class="col col-half">
<p>За уплата на членарината ви се потребни истите информации како и за уплатата на донација.</p>
<p>За готовинско плаќање можете да го користите образецот
<strong>ПП10</strong> (уплатница), а за безготовинско плаќање, образецот
<strong>ПП30</strong> (налог за пренос).</p>
<ol class="list-pp10-legend">
<li>
<span>Вашето име и презиме и адреса или име и адреса на вашата фирма</span>
</li>
<li>
<span>Полето останува празно</span>
</li>
<li>
<span>ЕМБГ</span>
</li>
<li>
<span>Донација за проект КИКА</span>
</li>
<li>
<span>Ваш потпис</span>
</li>
<li>
<span>Слободен софтвер Македонија
<br>ул. Злате Михајловски бр.26 1000 Скопје</span>
</li>
<li>
<span>НЛБ Тутунска Банка</span>
</li>
<li>
<span>210057088340110</span>
</li>
<li>
<span>562</span>
</li>
<li>
<span>1.230 ден.</span>
</li>
</ol>
</div>
<div class="col col-half">
<figure>
<a href="img/kika-hacklab-uplatnica-pp10.jpg">
<img class="img-responsive" src="img/kika-hacklab-uplatnica-pp10.jpg" alt="уплатница ПП10 со ознаки">
</a>
<figcaption class="figure-caption">Образец ПП10 за уплата на членарина на хаклабот КИКА</figcaption>
</figure>
</div>
</div>
</div>
<div class="modal-footer">
<a href="#/" class="btn btn-member modal-close">
<span aria-hidden="true">Затвори</span>
</a>
</div>
</div>
</div>
</div>
<div id="/donirajte" class="col-12 modal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header flex align-center justify-space-between">
<h2 class="modal-title">Донирајте за хаклабот КИКА</h2>
<a href="#/" class="btn btn-default align-self-center modal-close">
<span class="fa fa-times"></span>
</a>
</div>
<div class="modal-body">
<p>Хаклабот КИКА има
<strong>фиксни месечни трошоци од 15.879 денари</strong> за кирија, данок и комуналии.</p>
<p>На жиро сметката на Слободен софтвер Македонија можете да донирате средства за поддршка на КИКА.
<strong>Во моментов најпотребни ни се финансиски средства</strong> за да можеме да продолжиме да ги оддржуваме активностите
коишто се и секогаш ќе останат отворени за јавноста.</p>
<hr>
<figure>
<img class="img-responsive" src="img/kika-hacklab-geoloshki-institut.jpg" alt="активности во хаклаб КИКА">
<figcaption class="figure-caption">Активности во хаклабот КИКА</figcaption>
</figure>
<hr>
<div class="row">
<div class="col col-half">
<h3>Донации во Република Македонија</h3>
<p>За готовинско плаќање можете да го користите образецот
<strong>ПП10</strong> (уплатница), а за безготовинско плаќање, образецот
<strong>ПП30</strong> (налог за пренос).</p>
<p>Без разлика дали ни уплаќате еднократно, или повеќекратно на траен налог, ова се информациите кои треба да
ги знаете:</p>
<dl>
<dt>Назив и седиште на примачот:</dt>
<dd>Слободен софтвер Македонија
<br>ул. Злате Михајловски бр. 26
<br> 1000 Скопје</dd>
<dt>Банка на примачот:</dt>
<dd>НЛБ Тутунска Скопје</dd>
<dt>Трансакциска сметка:</dt>
<dd>210057088340110</dd>
<dt>Приходна шифра:</dt>
<dd>Приходна шифра: 562 (Уплати за донации)</dd>
<dt>Цел на дознака:</dt>
<dd>Донација за проект КИКА</dd>
</dl>
<h3>Донации надвор од Република Македонија</h3>
<p>За уплати, надвор од Република Македонија ќе ви требаат и кодовите IBAN и SWIFT.</p>
<dl>
<dt>IBAN:</dt>
<dd>MK07210057088340110</dd>
<dt>SWIFT:</dt>
<dd>TUTNMK22</dd>
</dl>
</div>
<div class="col col-half">
<h4>Пополнување на образец ПП10 за донација за хаклабот КИКА</h4>
<figure>
<a href="img/kika-hacklab-uplatnica-pp10.jpg">
<img class="img-responsive" src="img/kika-hacklab-uplatnica-pp10.jpg" alt="уплатница ПП10 со ознаки">
</a>
<figcaption class="figure-caption">Образец ПП10 за уплата на донација за хаклабот КИКА</figcaption>
</figure>
<hr>
<ol class="list-pp10-legend">
<li>
<span>Вашето име и презиме и адреса или име и адреса на вашата фирма</span>
</li>
<li>
<span>Доколку сте напишале име на фирма во претходното поле, во ова поле внесете ја банката каде што ви е сметката
</span>
</li>
<li>
<span>Даночен број (за фирма) или ЕМБГ</span>
</li>
<li>
<span>Донација за проект КИКА</span>
</li>
<li>
<span>Ваш потпис</span>
</li>
<li>
<span>Слободен софтвер Македонија
<br>ул. Злате Михајловски бр.26 1000 Скопје</span>
</li>
<li>
<span>НЛБ Тутунска Банка</span>
</li>
<li>
<span>210057088340110</span>
</li>
<li>
<span>562</span>
</li>
<li>
<span>Сумата којашто сакате да ја донирате</span>
</li>
</ol>
</div>
</div>
<hr>
<h3>Ви благодариме</h3>
<p>Ви благодариме за вашата донација и искрено се надеваме дека и понатаму ќе го поддржувате хаклабот КИКА и активностите
коишто се одржуваат во него.</p>
</div>
<div class="modal-footer">
<a href="#/" class="btn btn-donate modal-close">
<span aria-hidden="true">Затвори</span>
</a>
</div>
</div>
</div>
</div>
<p>
<a rel="external" href="https://github.com/gocemitevski/status.spodeli.org" class="github-corner">
<svg width="80" height="80" viewBox="0 0 250 250" style="fill:#808080; color:#fff; position: absolute; top: 0; border: 0; right: 0;">
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
fill="currentColor" class="octo-body"></path>
</svg>
</a>
</p>
<!-- Implementation from https://damjan.softver.org.mk/status.spodeli.org/ -->
<script defer src="js/status.min.js"></script>
<script async>
// Load Roboto from Google Fonts
WebFontConfig = {
google: {
families: ['Roboto+Condensed:400,700&subset=cyrillic']
}
};
(function () {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
// Don't load Twitter widget if screen size is lower than 768px
if (screen && screen.width > 767) {
! function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
}
</script>
</body>
</html>