-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
90 lines (78 loc) · 5.17 KB
/
contact.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
<!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 defer src="scripts/contact.js"></script>
</head>
<body>
<div class="wrapper">
<div class="container sticky-top ">
<div class="header row sticky-top d-flex">
<div data-active="Contact" 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" alt="logo hackerspace"></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">
<div class="not-framed mb-2">
<h1>Visit the space</h1>
We hold a weekly social every thursday during which the space is open to visitors.
<br>
We're located at the <colored>Stadsmakers, Wiedauwkaai 51</colored>.
Enter through the gate and follow the road to the parking. Take the stairs on your left to enter the building.
The space is opposite the main entrance behind the glass door. Usually people start arriving at 21h00m.
<br><br>
Live tracker: <colored id="status">loading...</colored>
</div>
<div class="not-framed mb-2">
<h1>Ring the bell</h1>
If the gate is closed you can ring the space by pressing the button below (WIP):
<button type="button" class="btn mt-3" onclick="window.location.href='https://www.youtube.com/watch?v=xvFZjo5PgG0';">Press to ring bell</button>
</div>
<div class="not-framed">
<h1>Contact information</h1>
<colored>Address:</colored> <a href="https://www.openstreetmap.org/node/10779879231">Wiedauwkaai 51, 9000 Gent</a><br>
<colored>Email:</colored> <a href="mailto:[email protected]">[email protected]</a><br>
<colored>[Matrix]:</colored> <a href="https://matrix.to/#/#hackerspacegent:matrix.org">#hackerspacegent:matrix.org</a><br>
<colored>Mattermost:</colored> <a href="https://chat.hackerspace.gent">chat.hackerspace.gent</a><br>
<colored>Mastodon:</colored> <a href="https://chaos.social/@hsg"> @[email protected]</a><br>
<colored>Twitter:</colored> <a href="https://twitter.com/hsghent">@hsghent</a><br>
<colored>Github:</colored> <a href="https://github.com/0x20/">https://github.com/0x20/</a><br/>
<colored>Bank:</colored> IBAN: BE68 7310 5962 2134 BIC: KREDBEBB
</div>
</div>
<div class="col-xl-4 col-md-12">
<h1>Map</h1>
<!-- <img src="i/contact/map.png" alt="Map" style="max-width: 100%; height: auto;"> -->
<iframe width="425" height="350"
src="https://www.openstreetmap.org/export/embed.html?bbox=3.721452355384827%2C51.073341339479235%2C3.7273907661437993%2C51.07618266674003&layer=mapnik&marker=51.07476202491782%2C3.7244215607643127"
style="border: 1px solid black"></iframe>
<br>
<small><a href="https://www.openstreetmap.org/node/10779879231">View Larger Map</a></small>
</div>
</div>
<div style="height:2000px;"></div>
</div>
</div>
</body>
</html>