-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (112 loc) · 6.46 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
<!doctype html>
<html lang="en">
<head>
<title>hackerspace.gent</title>
<meta name="description" content="Our first page">
<meta name="keywords" content="html tutorial template">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N"
crossorigin="anonymous"></script>
<link href="style.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet"
href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
<script type="module" src="scripts/script.js"></script>
<script type="module" src="scripts/home.js"></script>
<link rel="me" href="https://chaos.social/@hsg">
</head>
<body>
<div class="wrapper">
<div class="container sticky-top ">
<div class="header row sticky-top d-flex">
<div data-active="Home" id="navbar" class="col-5 align-items-center justify-content-start nav">
<!-- Will fill automatically -->
</div>
<div class="col-2 align-items-center justify-content-center nav"><img src="i/0x20i.png"></div>
<div class="col-5 align-items-center justify-content-end nav">
<a href="https://pad.hackerspace.gent/">Pad</a>
<a href="https://docs.hackerspace.gent/">Wiki</a>
<!-- <a href="#">MQTT</a> -->
<a href="https://github.com/0x20/hackerspace-blueprint">Blueprint</a>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-8 col-md-12">
<h1>A place to call home</h1>
<p class="notframed">
Hackerspace Gent (0x20) is a hackerspace in the wonderful city of Ghent, Belgium. It is a
physical space run by a group of people dedicated to various aspects of constructive & creative
tinkering. <br><br>
Don't worry, we won't break into your computer. The hacker subculture consists of, but is not
limited to: computing, networking, programming, music, gaming, electronics, lock picking,
woodworking, robotics, science fiction... However, the defining characteristic of a hacker is
not the activities performed themselves, but the manner in which it is done. A hacker is someone
who invents, constructs, learns, shares, trains basic skills and is willing to think outside the
box to find a creative solution to a problem.
<br><br>
<i>Note: While we are always aiming to be constructive, there is a group of people who loudly
call themselves hackers, but have a different motivation. Unfortunately, some media have
been using the word ‘hacker’ to describe people we do not necessarily agree with.
</i>
</p>
</div>
<div class="col-xl-4 col-md-12">
<h1>Events</h1>
<p class="framed" id="upcomingEvents">
<!-- Script should add upcoming events here -->
</p>
<h1>Past Events</h1>
<p class="framed" id="pastEvents">
<!-- Script should add past events here -->
</p>
</div>
</div>
<div class="row">
<div class="col-12"><img src="i/space-new.jpg" class="img" style="width:100%;"></div>
<div class="col-12">
<h1>Online tools</h1>
</div>
<div class="col-xl-4 col-lg-6 col-md-12" style="margin-bottom:25px;">
<div class="framed" style="height:100%;">
<h2><a href="https://pad.hackerspace.gent">pad.hackerspace.gent</a></h2>
<p>A real-time collaborative text editor, where you can make "pads" in which you can type text
that will be immediatly synchronised to other or future readers of that pad.</p>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-12" style="margin-bottom:25px;">
<div class="framed" style="height:100%;">
<h2><a href="https://docs.hackerspace.gent">docs.hackerspace.gent</a></h2>
<p>Our shiny new wiki, barely in use at the moment, but a nice way of documenting something in a readable and
recognisable format.</p>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-12" style="margin-bottom:25px;">
<div class="framed" style="height:100%;">
<h2><a href="https://hackerspace.design/">hackerspace.design</a></h2>
<p>The Hackerspace Blueprint is a living document which explains how our community works.
Designed to give power to the people who do stuff.</p>
</div>
</div>
</div>
<div style="height:2000px;"></div>
<footer class="footer" style="background:transparent;margin-top:100px;">
<div class="container">
<div class="footer__copyright">
<div class="row">
<div class="col-lg-12 text-center">
<p class="footer__copyright__text">
Made with <i class="la la-heart-o" aria-hidden="true"></i> by <a
href="https://bloemi.st" target="_blank"
style="color:#fff;font-weight:bold;">Bloemist</a>
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>