-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
212 lines (206 loc) · 11.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
---
layout: default
---
<!-- THE CAROUSEL -->
<div id="homepage-slider" class="carousel slide" data-ride="carousel" data-interval="10000" data-pause="hover">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#homepage-slider" data-slide-to="0" class="active"></li>
<li data-target="#homepage-slider" data-slide-to="1"></li>
<li data-target="#homepage-slider" data-slide-to="2"></li>
<li data-target="#homepage-slider" data-slide-to="3"></li>
<li data-target="#homepage-slider" data-slide-to="4"></li>
<li data-target="#homepage-slider" data-slide-to="5"></li>
<li data-target="#homepage-slider" data-slide-to="6"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img style="width:100%;" src="/assets/images/carousel/balloon.jpg" alt="Weather Balloon Launch">
<div class="carousel-caption">
<h1>Santa Barbara Hackerspace</h1>
<p class="carousel-text">The World's Greatest Hackerspace In Santa Barbara</p>
<ul class="actions">
<li><a href="https://signup.sbhackerspace.com" class="button big special">Sign Up</a></li>
</ul>
</div>
</div>
<div class="item">
<img style="width:100%;" src="/assets/images/carousel/eagle_cad_class.jpg" alt="Swiss teaching an Eagle CAD class">
<div class="carousel-caption">
<h1>Santa Barbara Hackerspace</h1>
<p class="carousel-text">The World's Greatest Hackerspace In Santa Barbara</p>
<ul class="actions">
<li><a href="https://signup.sbhackerspace.com" class="button big special">Sign Up</a></li>
</ul>
</div>
</div>
<div class="item">
<img style="width:100%;" src="/assets/images/carousel/sem_operation.jpg" alt="A visitor checking out the SEM in operation">
<div class="carousel-caption">
<h1>Santa Barbara Hackerspace</h1>
<p class="carousel-text">The World's Greatest Hackerspace In Santa Barbara</p>
<ul class="actions">
<li><a href="https://signup.sbhackerspace.com" class="button big special">Sign Up</a></li>
</ul>
</div>
</div>
<div class="item">
<img style="width:100%;" src="/assets/images/carousel/old_space.jpg" alt="A general meeting at our previous location">
<div class="carousel-caption">
<h1>Santa Barbara Hackerspace</h1>
<p class="carousel-text">The World's Greatest Hackerspace In Santa Barbara</p>
<ul class="actions">
<li><a href="https://signup.sbhackerspace.com" class="button big special">Sign Up</a></li>
</ul>
</div>
</div>
<div class="item">
<img style="width:100%;" src="/assets/images/carousel/sbhx_class.jpg" alt="An class from the Old Hackerspace">
<div class="carousel-caption">
<h1>Santa Barbara Hackerspace</h1>
<p class="carousel-text">The World's Greatest Hackerspace In Santa Barbara</p>
<ul class="actions">
<li><a href="https://signup.sbhackerspace.com" class="button big special">Sign Up</a></li>
</ul>
</div>
</div>
<div class="item">
<img style="width:100%;" src="/assets/images/carousel/sem_inside.jpg" alt="A perspective shot of Swiss working on the SEM">
<div class="carousel-caption">
<h1>Santa Barbara Hackerspace</h1>
<p class="carousel-text">The World's Greatest Hackerspace In Santa Barbara</p>
<ul class="actions">
<li><a href="https://signup.sbhackerspace.com" class="button big special">Sign Up</a></li>
</ul>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#homepage-slider" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#homepage-slider" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- One -->
<section id="one" class="wrapper style1">
<header class="major">
<h3>hackerspace</h3>
<p>Be inspired, bring your ideas, lend a hand. We provide the space, tools and knowledge to help you fullfil your vision.</p>
</header>
<div class="container">
<div class="row">
<div class="4u" style="min-height:385px;">
<section class="special box" style="min-height:461.667px;">
<i class="icon fa-lightbulb-o major"></i>
<h3>Think It</h3>
<p>Collaborate with our diverse community of hackers, makers, engineers, and artists of all skill levels.</p>
</section>
</div>
<div class="4u" style="min-height:385px;">
<section class="special box" style="min-height:461.667px;">
<i class="icon fa-gear major"></i>
<h3>Build It</h3>
<p>We are equipped with laser cutters, CNC machines, 3D printers, chemistry, and electronics labs, a machine shop, and even a scanning electron microscope.</p>
</section>
</div>
<div class="4u" style="min-height:385px;">
<section class="special box" style="min-height:461.667px;">
<i class="icon fa-warning major"></i>
<h3>Break It</h3>
<p>Utilize our tools and community to build a better understanding of how things work by reverse engineering and voiding warranties.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2">
<header class="major">
<h2>Why Should You Become A Member?</h2>
</header>
<div class="container">
<div class="row">
<div class="6u">
<section class="special">
<div class="image fit" style='position:relative;padding-bottom:57%'><iframe src='https://gfycat.com/ifr/WholeTastyHoneybadger' frameborder='0' scrolling='no' width='100%' height='100%' style='position:absolute;top:0;left:0;' allowfullscreen></iframe></div>
<h3>High-Tech Facilities</h3>
<p>Our building is filled with helpful robots that are always willing to lend a hand. Even if you'd rather they didn't.</p>
</section>
</div>
<div class="6u">
<section class="special">
<div class="image fit" style='position:relative;padding-bottom:57%'><iframe src='https://gfycat.com/ifr/PessimisticAllAustralianfurseal' frameborder='0' scrolling='no' width='100%' height='100%' style='position:absolute;top:0;left:0;' allowfullscreen></iframe></div>
<h3>Diverse Toolset</h3>
<p>We are equipped with laser cutters, CNC machines, 3D printers, chemistry and electronics labs, a machine shop, and even an electron microscope.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1">
<div class="container">
<div class="row">
<div class="8u">
<section>
<h2>History Of SBHX</h2>
<a href="#" class="image fit"><img src="/assets/images/sbhx-logo.jpg" alt="" /></a>
<p>The Santa Barbara Hackerspace was founded in August of 2010 by Steve Phillips and Mike "Swiss" Bales. The goal was to build a space to allow the community to access tools and especially space, a real commodity in Santa Barbara. Our first meetings were held at Swiss' garage and quickly grew. Six months later we rented our first official space, 400 square feet of awesome. We grew from 12 members to over 20 and quickly ran out of space. A year later we upgraded to a new office, 2000 square feet and within a year managed to fill it with tools and added an additional 2000 square feet. By this time we had 40 plus members, a respectable collection of tools and equipment, and offices for co-workers. Today we have a 4000 square foot shop, with a machine shop, electronics room, co-worker offices, classroom, an awesome membership of 50+, and an amazing team of volunteers to keep things running.</p>
</section>
</div>
<div class="4u">
<section>
<h3>Our Location</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3290.8339792438705!2d-119.82807528418451!3d34.43097198050462!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e9409b426d0929%3A0x48d1c291e5c4e747!2sSanta+Barbara+Hackerspace!5e0!3m2!1sen!2sus!4v1518924436639" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</br>
<p>5782 Thornwood Drive</br>Goleta, CA 93117</p>
</section>
<hr/>
<section>
<h3>We Support Open Source!</h3>
<p>We support Open Source hardware and software. We work on a wide variety of Open Source projects and when we do document them we put them on GitHub. Checkout some of our projects and contribute!</p>
<ul class="actions">
<li><a href="https://github.com/sbhackerspace" class="button alt">SBHX GitHub</a></li>
</ul>
</section>
</div>
</div>
</div>
</section>
<hr/>
<section>
<div class="container">
<div class="row double">
<div class="6u">
<div class="row collapse-at-2">
<div class="6u">
<h3>Contact Us</h3>
<ul class="actions">
<li>General Inquiries: info@sbhackerspace.com</li>
</br>
<li>5782 Thornwood Drive</br> Goleta, CA</li>
</ul>
</div>
<div class="6u">
<h3>Hours of Operation </h3>
<h3>for non-members:</h3>
<ul class="actions">
<li>Monday - Friday: By appointment</li>
</br>
<li>Saturday: Open meeting 2:00 pm until midnight</li>
</ul>
</div>
</div>
</div>
<div class="6u">
<h2>Charitable Contributions</h2>
<p>Santa Barbara Hackerspace is a 501(c)(3) federally recognized non-profit. Donations are tax deductible in The United States except where prohibited by law.</p>
</div>
</div>
</div>
<section>