-
Notifications
You must be signed in to change notification settings - Fork 4
/
rooms.html
181 lines (178 loc) · 11 KB
/
rooms.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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="UTF-8">
<title>metalab | Location</title>
<link rel="stylesheet" href="fonts/fonts.css">
<link rel="stylesheet" href="metalab.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="scripts.js" defer></script>
</head>
<body>
<div class="content">
<header>
<video autoplay loop muted playsinline poster="images/header.webp">
<source src="videos/header.mp4" type="video/mp4">
<div class="heading">
<h1>metalab</h1>
<h2>Hackspace in the Heart of Vienna</h2>
</div>
</video>
<img class="heading reducedmotion" src="images/header.webp" alt="Picture of the entrance to Metalab">
<div class="playpause">
<svg class="pausesymbol" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 478.125 478.125">
<path d="M201.654,127.525h-31.9c-10.557,0-19.125,8.645-19.125,19.125v184.9c0,10.558,8.645,19.125,19.125,19.125h31.9
c10.557,0,19.125-8.645,19.125-19.125v-184.9C220.779,136.094,212.211,127.525,201.654,127.525z" />
<path d="M308.448,127.525h-31.9c-10.558,0-19.125,8.645-19.125,19.125v184.9c0,10.558,8.645,19.125,19.125,19.125h31.9
c10.557,0,19.125-8.645,19.125-19.125v-184.9C327.573,136.094,318.929,127.525,308.448,127.525z" />
<path d="M239.062,0C107.023,0,0,107.023,0,239.062s107.023,239.062,239.062,239.062s239.062-107.023,239.062-239.062
S371.102,0,239.062,0z M239.292,409.811c-94.171,0-170.519-76.424-170.519-170.519S145.197,68.773,239.292,68.773
c94.095,0,170.519,76.424,170.519,170.519S333.54,409.811,239.292,409.811z" />
</svg>
<svg class="playsymbol" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140">
<path d="M142.411,68.9C141.216,31.48,110.968,1.233,73.549,0.038c-20.361-0.646-39.41,7.104-53.488,21.639
C6.527,35.65-0.584,54.071,0.038,73.549c1.194,37.419,31.442,67.667,68.861,68.861c0.779,0.025,1.551,0.037,2.325,0.037
c19.454,0,37.624-7.698,51.163-21.676C135.921,106.799,143.033,88.377,142.411,68.9z M111.613,110.336
c-10.688,11.035-25.032,17.112-40.389,17.112c-0.614,0-1.228-0.01-1.847-0.029c-29.532-0.943-53.404-24.815-54.348-54.348
c-0.491-15.382,5.122-29.928,15.806-40.958c10.688-11.035,25.032-17.112,40.389-17.112c0.614,0,1.228,0.01,1.847,0.029
c29.532,0.943,53.404,24.815,54.348,54.348C127.91,84.76,122.296,99.306,111.613,110.336z" />
<path d="M94.585,67.086L63.001,44.44c-3.369-2.416-8.059-0.008-8.059,4.138v45.293
c0,4.146,4.69,6.554,8.059,4.138l31.583-22.647C97.418,73.331,97.418,69.118,94.585,67.086z" />
</svg>
</div>
<aside class='door-overlay'>Door is <span id="door">loading</span></aside>
</header>
<nav aria-label="Main Navigation">
<ul>
<li class="atomic"><img src="images/atomic.svg"
alt="Metalab Logo: a telephone booth in front of a Rutherford atomic model"></li>
<li><a href="index.html">Home</a></li>
<li><a href="rooms.html" class="active">Rooms</a></li>
<!-- <li><a href="events.html">Events</a></li> -->
<li><a href="location.html">Location</a></li>
<li><a href="https://metalab.at/calendar/">Calendar</a></li>
<li><a href="https://dome.metalab.at">The Dome</a></li>
<li><a href="https://metalab.at/wiki/Code_of_Conduct/en">Code of Conduct</a></li>
<li><a href="https://metalab.at/mos">Regulars Area</a></li>
<li><a href="https://metalab.at/wiki/Sponsoren">Supporters</a></li>
<li><a href="https://metalab.at/wiki/Impressum">Imprint</a></li>
<li><a href="#">🇬🇧</a></li>
<li><a href="rooms-de.html">🇦🇹</a></li>
</ul>
</nav>
<main>
<section>
<h3>Floor Plan</h3>
<div class="text">
<p> The Metalab features 220m² of education, recreation, and workspace for grown-ups and younger
people. It is located just below the ground floor (Souterrain) in the first district of Vienna,
with various rooms for interruption-free parallel pursuit of activities. </p>
</div>
<img class="transparent" src="images/floorplan.png" alt="Metalab Floor Plan">
</section>
<section>
<h3>Otter Space</h3>
<div class="text">
<p> The Otter Space (formerly called the Main Room) is the largest room at Metalab. Here we host our
large talks, user groups, and sometimes parties. It fits up to 50 people and is stocked with
tables, sofas, whiteboards, a projector, and a setup for recording and playing audio. </p>
<p> Outside of events, people usually use the room to work on their laptops and to socialize. </p>
</div>
<img src="images/otterspace.webp" alt="The Otter Space with a few people sitting and chatting">
</section>
<section>
<h3>Library</h3>
<div class="text">
<p> Our Library has an extensive collection of technical literature, non-fiction, and fiction. It is
also a space where you can work on your projects, separate from the hustle and bustle of the
other rooms. </p>
<p> Smaller user groups and smaller meetups can take advantage of our projector, whiteboards, and
audio system. </p>
</div>
<img src="images/library.webp"
alt="The library with computer screens, projector and two people working on computers">
</section>
<section>
<h3>Whatever Lab</h3>
<div class="text">
<p> The Whatever Lab (usually called WEL) is our workshop area for electronics, laser cutting, 3D
printing, T-shirt printing, and much more. Besides instruments necessary for hacking
electronics, such as oscilloscopes, function generators, bench power supplies, electronic loads,
etc., it features a well-stocked assortment of hardware and electronic components available for
purchase. </p>
<p> Limited-time storage boxes are available for members to store their work-in-progress projects.
</p>
</div>
<img src="images/wel.webp" alt="A person soldering at the Whatever Lab">
</section>
<section>
<h3>Laser Cutter Room</h3>
<div class="text">
<p> Going by its namesake, this room features the laser cutter, a BRM 90130. It also features a PC
with the requisite software to convert the graphics files you want to cut or engrave. </p>
</div>
<img src="images/lasercutter.webp" alt="The BRM 90130 laser cutter with its accompanying computer">
</section>
<section>
<h3>Photo Lab</h3>
<div class="text">
<p> The Photo Lab is our designated area for analog photography and dark room. Here you can develop
film, make stencils for screenprinting, or conduct chemical experiments (within reason). </p>
</div>
<img src="images/photolab.webp" alt="An image projected onto a table using photo equipment">
</section>
<section>
<h3>Heavy Machinery</h3>
<div class="text">
<p> Here you can find our “heavier” tools, such as the CNC mill, the lathe, a drill press, welding
equipment, and various wood- and metalworking tools. Working with large machines is dangerous if
safety procedures are not followed, so an introduction is required before using them. </p>
<p> If your project is likely to leave a mess, such as dust or filings, or generate bad smells, such
as spray painting, this is the go-to area. Please clean up afterwards anyways. </p>
</div>
<img src="images/hm.webp" alt="A Metalab member grinding metal with flying sparks">
</section>
<section>
<h3>HEL</h3>
<div class="text">
<p> The HEL (short for However lab) is our dedicated area for creating artwork, sewing, and
handicrafts. It features a button maker, sewing machines, a graphics tablet, and art supplies.
</p>
</div>
<img src="images/hel.webp" alt="A button machine and a few sewing machines on a shelf">
</section>
<section>
<h3>Lounge</h3>
<div class="text">
<p> Our Lounge is the slacking area. Equipped with screens, a projector, an audio system, and
multiple gaming consoles. Come here to chill with others and escape the constraints of
productivity. However, you can also use the comfy sofas to be productive; nobody is watching.
</p>
</div>
<img src="images/lounge.webp" alt="A closed door showing an Out of Order sign">
</section>
<section>
<h3>Kitchen</h3>
<div class="text">
<p> In our kitchen, it's possible to cook (un)healthy meals day and night using Metalab's cooking
equipment. Bring your own food or buy it from the groceries store across the street. </p>
</div>
<img src="images/kitchen.webp" alt="Two people cooking food for a large group">
</section>
<section>
<h3>Bar</h3>
<div class="text">
<p> Gather drinks from our beverage fridge or ramen from our vending machine. </p>
</div>
<img src="images/kitchen_front.webp"
alt="A glass-front fridge carrying beverages with a box of stacked ramen packages next to it">
</section>
</main>
</div>
<footer>
<p>©2022-2023 Metalab. Created in <a href='http://vanilla-js.com/'>Vanilla JS</a>.<a
href='https://metalab.at/wiki/Datenschutzerkl%C3%A4rung'>Privacy policy</a>.</p>
</footer>
</body>
</html>