-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
395 lines (356 loc) · 19.9 KB
/
index.php
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
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<?php get_header(); ?>
<div class="ms-header d-none d-lg-block">
<div style="background-image: url(<?php echo header_image() ?>); background-position: center;" class="ms-header-title-image"></div>
<div class="ms-header-prism"></div>
<div class="ms-header-blog-info d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-6 text-light text-uppercase">
<span style="font-size: 30px; ">Der Maker Space <br />in der Experimenta Heilbronn</span>
<h1 style="font-size: 55px;">
<?php bloginfo('description'); ?>
</h1>
</div>
</div>
</div>
</div>
</div>
<?php
$announcements = get_posts(array(
'post_type' => 'announcement',
'posts_per_page' => -1
));
?>
<?php foreach ($announcements as $announcement) : ?>
<?php if (!get_post_meta($announcement->ID, 'announcement_option_show_global', true)) : ?>
<div class="" style="background-color: #ea5b0c;">
<div class="container">
<div class="row">
<div class="col">
<div class="alert alert-warning border-0" role="alert" style="background-color: #ea5b0c; color: #fff;">
<h3><?php echo get_the_title($announcement); ?></h3>
<p>
<?php echo $announcement->post_content; ?>
</p>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php endforeach; ?>
<!--<div class="pt-5">
<div class="container">
<div class="row">
<div class="col d-flex justify-content-center">
<img style="max-height: 250px" src="<?php echo get_template_directory_uri(); ?>/images/MMF_2020_rundesIcon.png" />
</div>
<div class="col">
<h2>Mini Maker Faire Heilbronn</h2>
<p>
„Dein Space, deine Projekte“ ist das Motto des Maker Space der experimenta. Nun, knapp ein Jahr nach der Eröffnung,
können die entstandenen Projekte auf der ersten „Mini Maker Faire Heilbronn“ bewundert werden. Hier dreht sich alles um Technologie, Kunst und Kreativität.
</p>
<p>
<a href="/mini-maker-faire-2020/">
<button type="button" class="btn btn-outline-secondary">Mehr erfahren</button>
</a>
</p>
</div>
</div>
</div>
</div>
<hr class="" />
-->
<div class="pt-5">
<div class="container">
<div class="row">
<div class="col pt-5 pt-md-0">
<h1>Die Werkstatt für alle Maker und Kreativen</h1>
<p>
Willkommen beim Maker Space der experimenta Heilbronn. Wir sind eine offene Werkstatt, mit vielfältiger Ausstattung.
Bei uns treffen sich Menschen ab 14 Jahre zum Werken, Austauschen und Lernen. Neben regelmäßigen Workshops zu verschiedenen Themen,
wird hier an eigenen Projekten gearbeitet. Der Maker Space bietet hierfür eine Vielzahl an Geräten, Werkzeugen und Materialien.
</p>
</div>
</div>
<div class="row">
<div class="col order-2 order-lg-1">
<p>
Der Maker Space, mit einer Fläche von 450 m², befindet sich im Erdgeschoss des historischen Gebäudes „Hagenbucher“ am Experimenta-Platz.
Hier ist jeder eingeladen mitzumachen oder einfach mal vorbei zu schauen, um sich zu informieren und die Möglichkeiten auszukundschaften.
</p>
<p>
Unsere Öffnungszeiten erlauben es auch in den Abendstunden aktiv und kreativ zu sein.
</p>
<p>
<h4>Öffnungszeiten</h4>
<table>
<tr>
<td class="pr-2 align-text-top">Dienstag bis Samstag</td>
<td class="align-text-top">15:00 - 22:00 geöffnet <br />(auch an Feiertagen und Ferien)</td>
</tr>
<tr>
<td class="align-text-top">Sonntag und Montag</td>
<td class="align-text-top">geschlossen</td>
</tr>
</table>
</p>
</div>
<div class="col-12 col-lg-6 order-1 order-lg-2 mb-5">
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<?php use_image("Löten lernen", "Leon Hellmich", "cc-by-nc") ?>
<img src="<?php echo get_template_directory_uri() ?>/images/b1.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block w-100" style="left: 0; right: 0; background: rgba(0,0,0,0.5)">
<h5>löten lernen</h5>
<p>In kleinen Workshops können alle den Umgang mit dem Lötkolben lernen.</p>
</div>
</div>
<div class="carousel-item">
<?php use_image('LED-Wolf', 'Leon Hellmich', 'cc-by-nc') ?>
<img src="<?php echo get_template_directory_uri() ?>/images/b2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block w-100" style="left: 0; right: 0; background: rgba(0,0,0,0.5)">
<h5>kleine Projekte</h5>
<p>Für den Einstieg haben wir verschiedene Kleinstprojekte in der Schublade.</p>
</div>
</div>
<div class="carousel-item">
<?php use_image('Mate-Hovercraft', 'Leon Hellmich', 'cc-by-nc') ?>
<img src="<?php echo get_template_directory_uri() ?>/images/b3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block w-100" style="left: 0; right: 0; background: rgba(0,0,0,0.5)">
<h5>eigene Projekte</h5>
<p>Ein fliegender Getränkekasten? Kein Problem.</p>
</div>
</div>
<div class="carousel-item">
<?php use_image('WLAN-RSSI-Visualizer', 'Franz Imschweiler', 'cc-by-nc') ?>
<img src="<?php echo get_template_directory_uri() ?>/images/b4.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block w-100" style="left: 0; right: 0; background: rgba(0,0,0,0.5)">
<h5>kreativ sein</h5>
<p>Ein Gerät, dass WLAN-Stärke auf farbigen LEDs anzeigt.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="pt-5 bg-white">
<div class="container">
<div class="row pb-5">
<div class="col-12 col-xl-4 p-0 d-flex flex-column" style="background: rgb(161, 198, 57);">
<div class=" p-4 d-flex flex-column flex-fill">
<h2 class="text-white" style="z-index: 20;">Workshops</h2>
<p class="text-white flex-fill" style="z-index: 20;">
Mit angeleiteten Workshops fällt es leichter in ein neues Thema einzusteigen.
Deswegen finden regelmäßig Einführungen in unterschiedliche Inhalte statt.
Auch der Umgang mit unseren Geräten und Werkzeugen kann in kompakten Einheiten erlernt werden.
</p>
<a href="/workshop" class="btn btn-link text-light mt-auto" style="z-index: 20;">Workshops ansehen
und buchen</a>
<!-- <div class="d-none d-xl-block" style="z-index: 10; position: absolute; bottom: 200px; left: calc(50% - 25px); transform: rotate(45deg); background: rgb(15, 182, 204); width: 50px; height: 50px;"></div> -->
</div>
<!-- <?php use_image('Workshop auf der Maker Faire 2018', 'Jonathan Günz', 'cc-by-nc') ?>
<img src="<?php echo get_template_directory_uri() ?>/images/workshop.jpg" class="mt-auto w-100"
style="z-index: 5;" /> -->
</div>
<div class="col-12 col-xl-4 p-0 d-flex flex-column" style="background: rgb(0, 176, 160);">
<div class=" p-4 d-flex flex-column flex-fill">
<h2 class="text-white" style="z-index: 20;">Projekte</h2>
<p class="text-white flex-fill" style="z-index: 20;">
Im Maker Space dreht sich alles um Projekte. Jeder kann sich verwirklichen und seine Ideen nach eigenen Vorstellungen voranbringen.
Es wird eigenverantwortlich gearbeitet, und dennoch wird gegenseitige Unterstützung innerhalb der Community großgeschrieben.
Alle Themen und Ideen sind willkommen.
</p>
<a href="/category/projekte/" class="btn btn-link text-light mt-auto">
Abgeschlossene Projekte ansehen
</a>
<!-- <div class="d-none d-xl-block" style="z-index: 10; position: absolute; bottom: 200px; left: calc(50% - 25px); transform: rotate(45deg); background: rgb(0, 102, 83); width: 50px; height: 50px;"></div> -->
</div>
<!-- <?php use_image('Matelight', 'Jonathan Günz', 'cc-by-nc') ?>
<img src="<?php echo get_template_directory_uri() ?>/images/matelight_header.jpg" class="mt-auto w-100"
style="z-index: 5;" /> -->
</div>
<div class="col-12 col-xl-4 p-0 d-flex flex-column" style="background: rgb(161, 198, 57);">
<div class=" p-4 d-flex flex-column">
<h2 class="text-white" style="z-index: 20;">Ausstattung</h2>
<p class="text-white" style="z-index: 20;">
Selbst ausprobieren und die Befähigung zum eigenständigen Arbeiten, - das ist, was den Maker Space ausmacht.
Um dies zu erreichen, haben wir zahlreiche Geräte, Maschinen und Werkzeuge, sowie eine solide Grundausstattung an Materialien vorrätig.
Durch die Geräteführerscheine stellen wir sicher, dass in den Werkräumen fachkundig und ohne Gefahr gearbeitet werden kann.
</p>
<a href="/devices/" class="btn btn-link text-light mt-auto" style="z-index: 20;">Geräteliste
ansehen</a>
<!-- <div class="d-none d-xl-block" style="z-index: 10; position: absolute; bottom: 200px; left: calc(50% - 25px); transform: rotate(45deg); background: rgb(188, 207, 0); width: 50px; height: 50px;"></div> -->
</div>
<!-- <?php use_image('3D Drucker', 'Franz Imschweiler', 'cc-by-nc') ?>
<img src="<?php echo get_template_directory_uri() ?>/images/3D_printing.jpg" class="mt-auto w-100"
style="z-index: 5;" /> -->
</div>
</div>
</div>
</div>
<div class="pt-5 pb-5">
<div class="container">
<div class="row pb-3">
<div class="col-12">
<h2>Wo ist was</h2>
</div>
<!-- <div class="container-fluid mt-3 mt-md-3">
<div class="row"> -->
<div class="col-12 col-xl-3 order-2 order-xl-1">
<div>
<a href="/locations/digitallabor/" class="no-textdecoration">
<div class="text-dark pl-2 pr-2 border-right border-wo-ist-was border-color-digital">
<h5 class="mb-1">Digitalwerkstatt</h5>
<div class="">
Mit 3D-Drucker und CNC-Technologie gibt es hier Möglichkeiten zur digitalen Fertigung.
</div>
</div>
</a>
</div>
<div>
<a href="/locations/elektroniklabor/" class="no-textdecoration">
<div class="text-dark pl-2 pr-2 border-right border-wo-ist-was border-color-elektronik">
<h5 class="mb-1">Elektronikwerkstatt</h5>
<div class="">
Hier gibt es Lötplätze und Material, um Schaltungen aufzubauen und zu testen.
</div>
</div>
</a>
</div>
<div>
<a href="/locations/werkstatt/" class="no-textdecoration">
<div class="text-dark pl-2 pr-2 border-right border-wo-ist-was border-color-holz">
<h5 class="mb-1">Holzwerkstatt</h5>
<div class="">
In der Werkstatt gibt es Möglichkeiten zur Holzbearbeitung.
</div>
</div>
</a>
</div>
</div>
<div class="col-12 col-xl-6 order-1 order-xl-2">
<img src="<?php echo get_template_directory_uri(); ?>/images/Lageplan-3.svg" alt="Lageplan Maker Space" />
</div>
<div class="col-12 col-xl-3 order-3 order-xl-3">
<a href="/locations/tonstudio/" class="no-textdecoration">
<div class="text-dark pl-2" style="border-left: solid 7px rgb(15, 3, 178);">
<h5 class="mb-1">Medienwerkstatt</h5>
<div>
Eigene Aufnahmen einspielen und bearbeiten ist in der Tonkabine möglich.
Zum Aufnehmen von Filmen und Fotos steht ein Fotstudio bereit.
</div>
</div>
</a>
<a href="/locations/textillabor/" class="no-textdecoration">
<div class="text-dark pl-2" style="border-left: solid 7px rgb(0, 102, 84);">
<h5 class="mb-1">Textilwerkstatt</h5>
<div>
Näh- und Stickarbeiten sowie Textildruck können hier realisiert werden.
</div>
</div>
</a>
</div>
<!-- </div>
</div> -->
</div>
</div>
</div>
<div class="pt-5 pb-5 bg-white">
<div class="container">
<div class="row pb-3">
<div class="col">
<h2>Was kostet der Maker Space</h2>
</div>
</div>
<div class="row">
<div class="col">
<p>Die Nutzung des Maker Space ist kostenlos. Alle Geräte und Räume können innerhalb der Öffnungszeiten frei genutzt werden.</p>
<p>Wir halten viele Materialien im Maker Space vorrätig. Diese
Materialien können kostenlos genutzt werden. Dennoch sollte Material für
größere, eigene Projekte selbst beschafft und mitgebracht werden.
Gerne können wir bei der Auswahl und Bestellung helfen und unsere
Erfahrung mit einbringen.</p>
<p>Wir wollen gerne, dass Projekte umgesetzt werden können. Wenn ein
Projekt an Materialkosten scheitert, wende dich an uns. Eventuell können
wir gemeinsam eine Lösung finden, wie dein Projekt trotzdem umgesetzt
werden kann. </p>
</div>
</div>
</div>
</div>
<div class="pt-5 pb-5">
<div class="container">
<div class="row pb-3">
<div class="col d-flex justify-content-between">
<h2>Neuigkeiten aus dem Maker Space</h2>
<a href="/feed" title="Veranstaltungen als RSS" class="mr-2">
<img src="<?php echo get_template_directory_uri(); ?>/icons/rss_24px.svg" alt="RSS Feed">
</a>
</div>
</div>
<div class="row">
<?php
$posts = get_posts(array(
'post_type' => 'post',
'posts_per_page' => 9
));
?>
<?php foreach ($posts as $post) : ?>
<a href="<?php echo get_permalink(); ?>" class="col-12 col-md-6 col-xl-4 mb-5 d-flex flex-column text-dark" style="text-decoration: none;">
<?php if (has_post_thumbnail()) : ?>
<div class="" style="min-height: 250px;max-height: 250px; background-color: rgb(0,0,0,0.3); background-image: url(<?php the_post_thumbnail_url('medium'); ?>); background-size: cover; background-position: center;"></div>
<?php else : ?>
<div class="" style="min-height: 250px;max-height: 250px; background-color: rgb(0,0,0,0.3); background-image: url(<?php echo get_template_directory_uri(); ?>/images/image-missing.png); background-size: cover; background-position: center;"></div>
<?php endif; ?>
<div class="bg-white flex-fill p-2">
<h5 class="">
<?php the_title() ?>
</h5>
</div>
<div class="bg-white p-3 text-truncate text-wrap text-justify" style="max-height: 250px; height: 100%;">
<p>
<?php
if (has_excerpt()) :
the_excerpt();
// else :
// the_content();
endif;
?>
</p>
</div>
<div class="bg-white p-3 pt-auto" style="font-size: 0.72rem;">
<div class="text-secondary">von <?php the_author_meta('display_name', $post->post_author) ?></div>
<div class="text-secondary">veröffentlicht am
<?php echo get_the_date() ?>
</div>
</div>
</a>
<?php endforeach; ?>
</div>
<div class="row">
<div class="col">
<a href="/blog" class="btn btn-primary w-100">Für mehr Beiträge hier klicken ... </a>
</div>
</div>
</div>
</div>
<?php get_footer(); ?>