-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
313 lines (300 loc) · 20.4 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
<!DOCTYPE HTML>
<!--
This page was created for the Hungarian Autonomous Center for Knowledge aka. H.A.C.K.
Author: TesseracT
Mail: tesseract(at)web-developer(dot)hu
Based on the template TXT from n33 on http://html5up.net
-->
<html>
<head>
<title>H.A.C.K. - Hungarian Autonomous Center for Knowledge</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="This webpage was created to serve as a landing page to the H.A.C.K. website's visitors." />
<meta name="keywords" content="hack, hackerspace, hacker, bastya utca, muhely" />
<link href="css/fonts.css" rel="stylesheet" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-ui.min.js"></script>
<script src="js/alapelvek.js"></script>
<script src="js/smoothscroll.js"></script>
<noscript>
<link rel="stylesheet" href="css/noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head><body class="homepage">
<div id="home"></div>
<!-- Felső Menü -->
<nav id="nav" class="skel-ui-fixed">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#rolunk-szekcio">Rólunk</a></li>
<li><a href="#infrastruktura-szekcio">Infrastruktúra</a></li>
<li><a href="#aktualis-szekcio">Aktuális Infók</a></li>
<li><a href="#kapcsolat-szekcio">Kapcsolat</a></li>
<li><a href="https://hsbp.org">Wiki</a></li>
<li><a id="langswitcher" href="index_en.html">English</a></li>
</ul>
</nav>
<!-- /Nav -->
<div id="logo">
<div class="hacksense-mobile"></div>
</div>
<!-- Felső Menü VÉGE-->
<!-- Banner -->
<div id="banner-wrapper">
<section id="banner">
<h2>H.A.C.K.<br>
</h2>
<span class="byline">Hungarian Autonomous Center for Knowledge</span> <span class="byline" style="color:#666"><br>
Független Magyar Tudásközpont<br>
</span> <span class="byline" style="color:#999">KÖZ / MŰ / HELY</span>
<div class="hacksense"> </div>
</section>
</div>
<!-- Banner VÉGE-->
<!-- Az ultimate mindent magában hodorzó megaDIV -->
<div id="main-wrapper">
<div id="main" class="container">
<div class="row">
<div class="12u">
<!-- Karikák Doboz -->
<section class="centered">
<ul class="special">
<li><a href="#rolunk-szekcio" class="rolunk" title="Rólunk"></a></li>
<li><a href="#infrastruktura-szekcio" class="infrastructure"></a></li>
<li><a href="#aktualis-szekcio" class="info"></a></li>
<li><a href="#kapcsolat-szekcio" class="contact"></a></li>
</ul>
</section>
</div>
</div>
<!-- Karikák Doboz VÉGE -->
<div id="rolunk-szekcio"></div>
</div>
<!-- RÓLUNK SZEKCIÓ -->
<div id="rolunk-container">
<div class="container">
<div class="row">
<div class="12u">
<section class="csokkentettsorkoz">
<div class="whitespace"></div>
<h2 class="rolunk"><span>A HACKEREK</span></h2>
<section><span id="idezet">"A hacker olyan személy, aki intellektuális kíváncsiságból, tiszta kreativitásból vagy élvezetből a rendszerek korlátait próbálja felderíteni vagy meghaladni."</span>
<ul id="brucequote" class="idezet rightalign">
<li class="comments"> - <a target="_blank" href="http://www.mediakutato.hu/cikk/2002_03_osz/01_hackerek/03.html">Bruce Schneider</a> </li>
</ul>
</section>
<section> Ebbe a definícióba még Lenardo da Vinci is belefér. Nem csak informatikában jártas emberekre kell gondolni a hacker szó hallatán. Bárki lehet hacker, aki egy eszköz vagy rendszer korlátait próbálja meghaladni, átalakítva azt, hogy az eredeti rendeltetését megváltoztassa.
A hacker szó a hack igéből származik. Jelentése barkácsolni, ácsolni, aprítani. A hacker kifejezést számítógép programozó lelkes diákok és amatőr fejlesztők kezdték használni magukra megnevezésként. Elismerést az kapott, aki minél sikeresebben faragot le a kódokból. Az akkori gépek kevés memóriával rendelkeztek, ezért ez fontos szempont volt. Később átalakult a hacker-kultúra. Ma a hacker jelentése többnyire "kimagasló számítástechnikai tudással bíró személy". Sajnos a köztudatban keverik hackereket a számítógépes bűnözővel. </section>
<section class="centered" style="padding-bottom:2em;"><img alt="hacker glider" height="100" width="100" src="images/glider.png"></section>
<h2 class="rolunk"><span>A HACKERSPACE</span></h2>
<section>A hackerspace (az angol hacker és tér szavakból) egy olyan közösség által működtetett fizikai (azaz nem virtuális) tér, ahol a tudomány, a technika illetve a digitális vagy elektronikus művészet iránt érdeklődők összejöhetnek, ismerkedhetnek és együtt dolgozhatnak.
A hackerspace koncepció alapján több száz kreatív műhely működik sikeresen a világban. Bár a hacker kifejezés használata azt sugallhatja, hogy ezekben a műhelyekben fókusz az informatikai biztonságon van, a legtöbb hasonló intézményben a biokutatásokon át egészen a rakétakísérletekig minden bütykölhető dolgot megpiszkálnak. A koncepció merít az elmúlt évek szabad szoftveres fejlesztő-közösségek működési mintáiból. Ezek az online fejleszői csoportok önkéntesen szerveződtek és dolgoztak olyan célokért mint a Linux, az Apache webszerver és több tízezer egyéb szoftveres megoldás. A sikeres külföldi példák azt mutatják, hogy ezen alapelvek mentén a hús-vér világban is működő, produktív és kreatív munka tud folyni.<br>
<br>
Egy hackerspace-nek két fontos szereplője van: az állandó hely és a közösség. A közösség fentartja és használja a helyet. A közösség a hely fenntartásán túl további közös és megosztott erőforrásokra is szert tehet, ilyenek a közös szerszámok, eszközök, tudás, infrastruktúra, szolgáltatások. Jó példa erre egy drágább Rapid Prototyping eszköz, vagy például egy 3D nyomtató. Egyedül nehezen tudunk egy ilyet finanszírozni magunknak. Ha mégis, a kihasználtsága valószínüleg nem lenne elégséges ahhoz, hogy megtérüljön a beruházás. Nem így, ha többen állunk össze egy ilyen eszközre.</section>
<section class="centered" style="padding-bottom:2em;"><a href="https://hackerspaces.org/wiki/" target="_blank"><img class="pushdown rounded10" id="hackerspaces-img" alt="hackerspaces" src="images/hackerspaces.png"></a></section>
<h2 class="rolunk"><span>A Független Magyar tudásközpont - H.A.C.K. </span></h2>
Egy budapesti hackerpsace. Egy non-profit innovációs közösség. A szabad és hatékony információáramlásnak, online és lehetőség szerint offline infrastruktúrát (helyszínt és eszközöket) biztosít az alapítók, más tagok valamint innovatív és rokonszenves alkotások, projektek számára. </section>
<div>
<div class="row">
<div class="5u">
<section class="is-feature">
<div id="alapelvek_container">
<h2>H.A.C.K. Alapelvek</h2>
<div id="alapelvek">
<ul>
<li><a class="alapelvek_lista" id="fuggetlenseg-button">függetlenség</a></li>
<li><a class="alapelvek_lista" id="fenntarthatosag-button">fenntarthatóság</a></li>
<li><a class="alapelvek_lista" id="onkentesseg-button">önkéntesség</a></li>
<li><a class="alapelvek_lista" id="meritokracia-button">meritokrácia</a></li>
<li><a class="alapelvek_lista" id="belepes-button">belépési korlátok eltörlése</a></li>
<li><a class="alapelvek_lista" id="transzparencia-button">transzparencia</a></li>
<li><a class="alapelvek_lista" id="nyitottsag-button" >nyitottság</a></li>
</ul>
</div>
</div>
</section>
</div>
<div class="6u">
<section class="is-feature">
<div id="fuggetlenseg">
<h2>Függetlenség</h2>
<section>Bármennyire is kényelmes egy nagy szponzor 100%-os finanszírozása, ez olyan erős függőséget jelent, amely nagy mértkében korlátozza a szabad ötletelést (mert ki akarná magára haragítani az eltartóját). Ebből fakad a fenntarthatóság alapelvének sérülése is, egy nagy támogató csődbe mehet, meggondolhatja magát, változhat a politikai helyzet, sok minden történhet, ami veszélyezteti a fentarthatóságot. Ezért fontos, hogy a szervezet önállóságát megőrizze. Belátható, hogy ez erősen szűkítheti a rendelkezésre álló erőforrásokat, ám hosszútávon mindenképpen kifizetödő a folyamatos tanulással is járó fejlődés.</section>
</div>
<div id="fenntarthatosag">
<h2>Fenntarthatóság</h2>
<section>Bármennyire is kényelmes egy nagy szponzor 100%-os finanszírozása, ez olyan erős függőséget jelent, amely nagymértkében korlátozza a szabad ötletelést (nem ki akarná magára haragítani az eltartóját). Ebből fakad a fentarthatóság alapelvének sérülése is, egy nagy támogató csödbe mehet, meggondolhatja magát, változhat a politikai helyzet, sok minden történhet, ami veszélyezteti a fenntarthatóságot. Ezért fontos, hogy a szervezet önállóságát megőrizze. Belátható, hogy ez erősen szűkítheti a rendelkezésre álló erőforrásokat, ám hosszútávon mindenképpen kifizetődő a folyamatos tanulással is járó fejlődés.</section>
</div>
<div id="onkentesseg">
<h2>Önkéntesség- motiváció - (explicit) hierarchia mentesség</h2>
<section>A Függetlenség alapelvéből következik, hogy a tagságnak önkéntes - szimbolikus - anyagi áldozatot kell hoznia a közösség fenntartásáért. Ez az áldozat elkötelezettséget is biztosít. Várható, hogy az anyagi hozzájáruláson túl is részt akarunk venni a közösség életében. Ez a részvétel további - immár nem anyagi - hozzájárulás is. A motivációnak tehát eleve meg kell haladnia egy bizonyos belépési korlátot: "ez annyira fontos nekem, hogy fizetni és tenni is hajlandó vagyok érte"</section>
</div>
<div id="meritokracia">
<h2>Meritokrácia</h2>
<section>Az önkéntesség önmagában azt jelenti, hogy a motiváció belülről fakad. Ez azt vonja maga után, hogy a közösséget nem lehet semmire sem kényszeríteni vagy utasítani. Hiszen az önkéntesek "fogják a labdájukat, és máshol fociznak". Ebből kifolyólag a hagyományos hierarchiák nem működnek az ehhez hasonló önkéntes közösségekben. A közösség ennek ellenére rendelkezik véleményvezérekkel, ez azonban a kiérdemelt tiszteleten és a közösségért való munkában elért eredményeken múlik. Ez a meritokrácia.</section>
</div>
<div id="belepes">
<h2>Belépési korlátok eltörése</h2>
<section>Sok olyan kutatási terület van, ahol az igazi innováció akkor kezdődött el, amikor hobbitudósok a garázsukban tudtak kísérletezni az adott területtel. A belépési korlátok gyakran kezdeti beruházások formájában tornyosulnak elénk. Ilyen például a hardver gyártás, a bio kutatások, a rapid prototyping, a kémiai kísérletek. Teljesen kiépített műhelyt, labort a legkevesebben tudunk magunknak megengedni. Ez a fajta belépési korlát egy közös befektetéssel már finanszírozhatóvá válik, ráadásul a beruházás kihasználtsága is jóval hatékonyabb, hiszen több felhasználó miatt kevesebbet áll üresben. Hasonló belépési korlátot jelent a tudásbeli hiány, a közösség szerteágazó tapasztalatai és ismeretrendszere ezt a korlátot is megpróbálja lerombolni.</section>
</div>
<div id="transzparencia">
<h2>Transzparencia</h2>
<section>Minden projekt, döntés a nyilvánosság előtt zajlik. Ez arra ösztönöz, hogy minden tisztán és korrekten folyjon. A transzparencia fontos alapfeltétele a függetlenségnek is, hiszen meggátolja a függetlenség elvesztését, ezáltal kockáztatva a fentarthatóságot és az egész működést.</section>
</div>
<div id="nyitottsag">
<h2>Nyitottság</h2>
<section>A nyitottság alapvető szükséglet az új dolgok alkotásához, megismeréséhez. Az önkéntesség és a nyitottság bárki számára lehetőséget ad a közösségben való részvételre. A nyitottság azt is jelenti, új dolgokat akarunk kipróbálni, ha megpróbáljuk elhagyni a kitaposott ösvényt, befogadóképesnek kell lennünk, nem szabad ragaszkodnunk a jól bevált módszerekhez. Az improvizációs színházi előadások egyik fontos szabálya, hogy nem szabad tagadni. A tagadással szétesik az előadás. Hasonlóképpen jelenti nálunk is a nyitottság azt, hogy ha egy társ javasol valamit, akkor pozitívan reagáljunk rá, vagy javasoljunk alternatívát, de ne tagadjunk.</section>
</div>
</section>
</div>
</div>
<div class="20u" id="interested">
<h2>Felkeltettük az érdeklődésed?</h2>
<a class="button button-alt button-big pushdown" href="https://hsbp.org" target="_blank">Tudj meg többet!</a></div>
<div id="infrastruktura-szekcio"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Rólunk Szekció VÉGE -->
<!-- Infrastruktúra szekció -->
<div id="infrastruktura-container">
<div class="container">
<div class="row">
<div class="12u">
<div class="whitespace"></div>
<h2 class="infrastruktura"><span>Infrastruktúra</span></h2>
<div class="row">
<div class="6u">
<section class="is-feature">
<div class="infrastructure_list_container" >
<section>A helyszín mellett, minimálisan az alábbi infrastruktúrát fogjuk biztosítani:</section>
<ul>
<li>- Multifunkcionális termek előadásokhoz, workshopokhoz és prezentációkhoz</li>
<li>- Publikus számítógépek Internetelérés és WLAN</li>
<li>- Elektronika és hardverműhely</li>
<li>- Médiaműhely</li>
<li>- Kémia, biotech, képzőművészeti... műhely,</li>
<li>- Könyvtár,</li>
<li>- Felszerelt konyha a kulináris eseményekhez.</li>
</ul>
</div>
</section>
<section class="infrastructure_list_container" >Vannak még érdekes eszközeink, amelyekkel szintén megismerkedhetsz:
<ul>
<li>-<a href="https://hsbp.org/reprap"> 3D Nyomtató - REPRAP PRUSA MENDEL</a></li>
<li>-<a href="https://hsbp.org/silhouette"> Vágógép - GRAPHTEC SILHOUETTE CAMEO</a></li>
<li>-<a href="https://hsbp.org/zoldfal"> Aquapónikus Zöldfal - MONSTERS INCLUDED</a></li>
<li>-<a href="https://hsbp.org/burnstation"> Burn Station - HIGH-TECH BEVÁSÁRLÓKOCSI</a></li>
</ul>
</section>
</div>
<div class="6u">
<div id="infrastruktura-img" class="rounded20"> </div>
</div>
</div>
</div>
<div class="12u" id="visitus"><a class="button pushdown" href="#kapcsolat-szekcio">látogass el hozzánk!</a></div>
</div>
</div>
<div id="aktualis-szekcio"></div>
</div>
<!--Infrastruktúra szekció vége -->
<!-- Aktuális Információk szekció -->
<div id="aktualis-container">
<div class="container">
<div class="whitespace"></div>
<h2 class="aktualis" ><span>Aktuális információk</span></h2>
<div class="row">
<div class="4u">
<div class="rounded20 centered" id="important_container" style="width:30% auto; height:300px; background:#F2F2F2">
<h2><br>
Fontos Dolgok Doboz</h2>
</div>
</div>
<div class="4u">
<div class="rounded20 centered" id="calendar_container" style="width:30% auto; height:300px; background:#CCC">
<h2><br>
Eseménynaptár Doboz</h2>
</div>
</div>
<div class="4u">
<div class="rounded20 centered" id="projects_container" style="width:30% auto; height:300px; background:#DDD">
<h2><br>
Projektek Doboz</h2>
</div>
</div>
</div>
</div>
</div>
<div id="kapcsolat-szekcio"></div>
<!--Aktuális Információk szekció VÉGE -->
<!--Kapocsolat szekció -->
<div id="kapcsolat-container">
<div class="container">
<div class="row">
<div class="12u">
<div class="whitespace"></div>
<h2 class="kapcsolat"><span>Kapcsolat</span></h2>
<div class="row">
<div class="4u" >
<div id="contactinfo-container" style="width:50% auto; height:300px;">
<h4>Elérhetőségeink:</h4>
<section> <span>Cim:</span> 1056 Budapest, Bástya utca 12. <br>
<span>Telefon:</span> +36 (1) / 445-42-25 <br>
<span>IRC:</span> #hspbp @ IRCnet<br>
<span>Email:</span> hack(kukac)hsbp(pont)org </section>
<section>
<h4><span>Közösségi csatornáink:</span></h4>
<ul class="contact">
<li><a href="https://facebook.com/hackerspace.budapest" target="_blank" class="facebook">Facebook</a></li>
<li><a href="https://twitter.com/hackerspacebp" target="_blank" class="twitter">Twitter</a></li>
<li><a href="http://hack.soup.io/" target="_blank" class="soup">Soup</a></li>
</ul>
</section>
</div>
</div>
<div class="4u">
<div id="map_container" style="width:50% auto; height:300px;">
<iframe width="330" height="265" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=19.0466521978%2C47.4841538542%2C19.0727694035%2C47.4935582841&layer=mapquest&marker=47.48906539661954%2C19.059428572654724" style="border: 0px solid #6B7770"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=47.48906&mlon=19.05943#map=16/47.48906/19.05943&layers=Q">Megtekintés nagyobb térképen</a></small>
<br />
</div>
</div>
<div class="4u" >
<div id="messageform-container" style="width:50% auto; height:300px;">
<h4>Küldj üzenetet!</h4>
<section>
<form id="contactform" action="contactform_hander.php" method="get">
<input class="rounded10" value=" Válasz email cím: " type="text" name="emailaddress">
<br>
<input class="rounded10" value=" Tárgy:" type="text" name="mailsubject">
<br>
<textarea class="rounded10" name="mailmsg" rows="8" cols="30" form="contactform"></textarea>
<br>
<input class="rounded10" type="submit" value="Elküld">
</form>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Kapocsolat szekció VÉGE-->
<!-- Footer -->
<footer id="footer">
<div class="row">
<!-- Copyright -->
<div id="copyright"> © 2013 hsbp.org | Hungarian Autonomous Center for Knowledge </div>
<!-- /Copyright -->
<div id="w3valid"><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fhsbp.github.io%2F" target="_blank"><img alt="this site has passed the w3c html5 markup validation service" src="images/w3chtml5.png"></a></div>
</div>
</footer>
<!-- /Footer -->
</body>
</html>