website/contact.html at main · 0x20/website · GitHub

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
<!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/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/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>
                            <span>
                                <colored>Space status: </colored>
                                <colored id="status">loading...</colored>
                            </span>
                        </h1>

                        <p>
                            We hold a weekly social every thursday during which the space is open to visitors.
                            <br>
                            Usually people start arriving at 21h00m.
                            <br><br>
                            We are 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.
                            If the gate is closed you can ring the space phone at
                            <a href="tel:0032456870215"><b>+32 456 87 02 15</b></a>.
                            The phone is physically in the space so if we're closed no one will answer.
                        </p>

                        <!-- <button type="button" class="btn mt-3" onclick="window.location.href='https://www.youtube.com/watch?v=xvFZjo5PgG0';">Press to ring bell</button> -->

                        <img src="./i/contact/map.png" alt="Map" class="img-fluid" width="400em">
                        <br>
                        <small><a href="https://www.openstreetmap.org/node/10779879231">View Larger Map</a></small>
                    </div>
                </div>
                <div class="col-xl-4 col-md-12">
                    <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:info@hackerspace.gent">info@hackerspace.gent</a><br>
                    <colored>Instagram:</colored> <a
                        href="https://www.instagram.com/hackerspace.gent/">hackerspace.gent</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"> @hsg@chaos.social</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<br />
                    <colored>Phone number:</colored> <a href="tel:0032456870215">+32 456 87 02 15</a> (only when the
                    space is open)
                </div>

            </div>
        </div>
    </div>
</body>

</html>