-
Notifications
You must be signed in to change notification settings - Fork 32
/
index.html
executable file
·350 lines (349 loc) · 17.2 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
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
---
layout: index
script: main.js
---
<html lang="en">
<body id="page-top">
<!-- Header -->
<div id="intro">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<h1 class="topshadow">MAKE SOMETHING AMAZING<br /><span class="brand-heading">AT HSBNE</span></h1>
<p class="intro-text">We are a community workshop run by volunteer members located in Brisbane.</p>
<div class="banner" style="background: #00ab66; border: #00ab66;">
<p>HSBNE has re-opened at a new site in Sumner. Please visit the <a href="https://chat.hsbne.org/">HSBNE Discord channel</a> for the latest updates.</p>
</div>
<p> </p>
<a href="/visit" style="background: #d2d2d2; color: #000000;" class="btn btn-default page-scroll">Visit Us</a>
<a href="join.html" class="btn btn-default page-scroll">Join Us</a>
</div>
</div>
</div>
</div>
</div>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="assets/img/carousel/00.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/01.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/02.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/03.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/06.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/07.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/08.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="assets/img/carousel/09.jpg" class="img-responsive">
<div class="carousel-caption">
</div>
</div>
</div>
</div>
<br />
</div>
<div class="col-md-6">
<div class="about-text">
<p class="text-justify">HSBNE Inc. is Brisbane"s largest community workshop and maker collective. We facilitate an amazing community and workshop to enable anyone to build amazing things (or learn how to!).</p>
<h5>We have people interested in:</h5>
<ul>
<li><a href="explore/woodworking">Woodworking</a></li>
<li><a href="explore/digifab">Laser cutting & 3D printing</a></li>
<li><a href="explore/metalworking">Metalworking</a></li>
<li><a href="explore/electronics">Electronics</a></li>
<li><a href="explore/craftpunk">Arts & Crafts</a></li>
<li>And much more..</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="links">
<div class="container">
<hr>
<div class="row">
<div class="col-sm-offset-1 col-md-offset-1 col-sm-2 col-md-2">
<a href="https://chat.hsbne.org/" target="_blank">
<div class="thumbnail">
<div class="image">
<img src="/assets/img/links/discord.png">
</div>
<h3>Discord</h3>
<div class="caption">
<p>Come hang out and chat with us. Everyone is welcome to the community.</p>
</div>
</div>
</a>
</div>
<div class="col-sm-2 col-md-2">
<a href="https://forum.hsbne.org/" target="_blank">
<div class="thumbnail">
<div class="image">
<img src="/assets/img/links/discourse.png">
</div>
<h3>Forum</h3>
<div class="caption">
<p>Post on our forum, share your project, get help and ideas, keep your finger on the pulse of whats happening.</p>
</div>
</div>
</a>
</div>
<div class="col-sm-2 col-md-2">
<a href="https://facebook.hsbne.org/" target="_blank">
<div class="thumbnail">
<div class="image">
<img src="https://upload.wikimedia.org/wikipedia/commons/f/fb/Facebook_icon_2013.svg">
</div>
<h3>Facebook</h3>
<div class="caption">
<p>Follow us on Facebook for the freshest memes and to know whats on!</p>
</div>
</div>
</a>
</div>
<div class="col-sm-2 col-md-2">
<a href="https://instagram.hsbne.org/" target="_blank">
<div class="thumbnail">
<div class="image">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png">
</div>
<h3>Instagram</h3>
<div class="caption">
<p>Show us the love and follow us on instagram to see all the creative things happening.</p>
</div>
</div>
</a>
</div>
<div class="col-sm-2 col-md-2">
<a href="https://launch.hsbne.org/" target="_blank">
<div class="thumbnail">
<div class="image">
<img src="/assets/img/links/rocket.png">
</div>
<h3>Launcher</h3>
<div class="caption">
<p>Check out our launcher to discover all the other tools and ways you can interact with us.</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- Space Areas -->
<div id="areas">
<div class="container">
<hr>
<div class="row">
<div class="portfolio-items">
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/greenroom1.jpg" title="Our clean building has a large common area devoted as a general workspace and hangout zone, and we call this the Green Room." rel="prettyPhoto[GreenRoom]">
<div class="hover-text">
<h4>Green Room</h4>
</div>
<img src="/assets/img/site/greenroom1.jpg" class="img-responsive" alt="Green Room">
</a>
<div class="hidden">
<a href="/assets/img/site/greenroom2.jpg" rel="prettyPhoto[GreenRoom]" alt="Green Room"></a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/classroom1.jpg" title="Our clean building has a large area devoted to running Inductions, Workshops and Classes and has a pretty chill library too.." rel="prettyPhoto[classroom]">
<div class="hover-text">
<h4>Classroom</h4>
</div>
<img src="/assets/img/site/classroom1.jpg" class="img-responsive" alt="Classroom">
</a>
<div class="hidden">
<a href="/assets/img/site/classroom2.jpg" rel="prettyPhoto[classroom]" alt="Classroom"></a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/hipster1.jpg" title="Hipster Lounge is our front entryway and is the first part of the space you'll see after coming through our front doors. It contains displays of things made at the space and is a great area to relax in." rel="prettyPhoto[HipsterLounge]">
<div class="hover-text">
<h4>Hipster Lounge</h4>
</div>
<img src="/assets/img/site/hipster1.jpg" class="img-responsive" alt="Hipster lounge">
</a>
<div class="hidden">
<a href="/assets/img/site/hipster2.jpg" rel="prettyPhoto[HipsterLounge]" alt="Hipster lounge"></a>
<a href="/assets/img/site/hipster3.jpg" rel="prettyPhoto[HipsterLounge]" alt="Hipster lounge"></a>
<a href="/assets/img/site/hipster4.jpg" rel="prettyPhoto[HipsterLounge]" alt="Hipster lounge"></a>
<a href="/assets/img/site/hipster5.jpg" rel="prettyPhoto[HipsterLounge]" alt="Hipster lounge"></a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/kitchen1.jpg" title="Our clean building has a large area devoted to running Inductions, Workshops and Classes and has a pretty chill library too.." rel="prettyPhoto[kitchen]">
<div class="hover-text">
<h4>Kitchen</h4>
</div>
<img src="/assets/img/site/kitchen1.jpg" class="img-responsive" alt="Kitchen">
</a>
<div class="hidden">
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/members1.jpg" title="We devote an entire, locked to non-members room for members to temporarily store their tools and projects in 55L tubs." rel="prettyPhoto[MembersStorage]">
<div class="hover-text">
<h4>Members Storage</h4>
</div>
<img src="/assets/img/site/members1.jpg" class="img-responsive" alt="Members Storage">
</a>
</div>
<div class="hidden">
<a href="/assets/img/site/members2.jpg" rel="prettyPhoto[MembersStorage]" alt="Members Storage"></a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/blacksmithing1.jpg" title="Our Blacksmithing and Forging group provide a self maintained and intuitive area to practise the art of blacksmithing, metal forging and sand casting." rel="prettyPhoto[Blacksmithing]">
<div class="hover-text">
<h4>Forge </h4>
</div>
<img src="/assets/img/site/blacksmithing1.jpg" class="img-responsive" alt="Blacksmithing">
</a>
<div class="hidden">
<a href="/assets/img/site/blacksmithing2.jpg" rel="prettyPhoto[Blacksmithing]" alt="Blacksmithing"></a>
<a href="/assets/img/site/blacksmithing4.jpg" rel="prettyPhoto[Blacksmithing]" alt="Blacksmithing"></a>
</div>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/craftpunk1.jpg" title="Craft Punk is home to many crafts, from costuming all the way to sewing and even geekier things. It houses equipment for heat press transfer onto shirts, mugs and plates as well as screen printing gear. Additionally, it is the home for our retro-fitted vacuum former which is a repurposed industrial Vacuum Sealer." rel="prettyPhoto[CraftPunk]">
<div class="hover-text">
<h4>Craft Punk</h4>
</div>
<img src="/assets/img/site/craftpunk1.jpg" class="img-responsive" alt="Craft Punk">
</a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/digifab1.jpg" title="Our Digital Fabrication room houses several useful machines, from our retrofitted chinese Laser Cutters to an A0 plotter and several 3d Printers. Need to prototype something? This is the spot." rel="prettyPhoto[DigitalFabrication]">
<div class="hover-text">
<h4>Digital Fabrication</h4>
</div>
<img src="/assets/img/site/digifab1.jpg" class="img-responsive" alt="Digital Fabrication">
</a>
</div>
<div class="hidden">
<a href="/assets/img/site/digifab2.jpg" rel="prettyPhoto[DigitalFabrication]" alt="Digital Fabrication"></a>
<a href="/assets/img/site/digifab3.jpg" rel="prettyPhoto[DigitalFabrication]" alt="Digital Fabrication"></a>
<a href="/assets/img/site/digifab4.jpg" rel="prettyPhoto[DigitalFabrication]" alt="Digital Fabrication"></a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/electronics1.jpg" title="Electronics area provides considerable amounts of both common and highly specialised Electronics related equipment and supplies. From soldering irons all the way through to oscilliscopes and even a reflow oven." rel="prettyPhoto[Electronics]">
<div class="hover-text">
<h4>Electronics</h4>
</div>
<img src="/assets/img/site/electronics1.jpg" class="img-responsive" alt="Electronics">
</a>
</div>
<div class="hidden">
<a href="/assets/img/site/electronics2.jpg" rel="prettyPhoto[Electronics]" alt="Electronics"></a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/metalworking1.jpg" title="Metal Working houses a machine shop with lathes, mills and other common tooling as well as a Welding Area and Hulk, the big green VMC." rel="prettyPhoto[Metalworking]">
<div class="hover-text">
<h4>Metalworking</h4>
</div>
<img src="/assets/img/site/metalworking1.jpg" class="img-responsive" alt="Metalworking">
</a>
</div>
<div class="hidden">
<a href="/assets/img/site/metalworking2.jpg" rel="prettyPhoto[Metalworking]" alt="Metalworking"></a>
<a href="/assets/img/site/metalworking3.jpg" rel="prettyPhoto[Metalworking]" alt="Metalworking"></a>
<a href="/assets/img/site/metalworking4.jpg" rel="prettyPhoto[Metalworking]" alt="Metalworking"></a>
</div>
</div>
</div>
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4">
<div class="portfolio-item">
<div class="hover-bg">
<a href="/assets/img/site/woodworking0.jpg" title="Woodworking provides a large wood shop filled with woodworking tools and supplies, where many a pallet has gone to die.." rel="prettyPhoto[Woodworking]">
<div class="hover-text">
<h4>Woodworking</h4>
</div>
<img src="/assets/img/site/woodworking0.jpg" class="img-responsive" alt="Woodworking">
</a>
</div>
<div class="hidden">
<a href="/assets/img/site/woodworking1.jpg" rel="prettyPhoto[Woodworking]" alt="Woodworking"></a>
<a href="/assets/img/site/woodworking2.jpg" rel="prettyPhoto[Woodworking]" alt="Woodworking"></a>
<a href="/assets/img/site/woodworking3.jpg" rel="prettyPhoto[Woodworking]" alt="Woodworking"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>