Skip to content

Commit

Permalink
WIP: reshuffle
Browse files Browse the repository at this point in the history
  • Loading branch information
soc committed Apr 4, 2023
1 parent 907e5ff commit 8ba98b6
Show file tree
Hide file tree
Showing 6 changed files with 172 additions and 20 deletions.
192 changes: 172 additions & 20 deletions public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -83,7 +83,136 @@ <h2>Was wir tun</h2>
</section>

<section>
<h2>Räume & Infrastruktur</h2>
<h2>Veranstaltungen</h2>
<div class="row">
<figure class="column column-double">
<img src="res/img/events/gpn.jpg" alt="Gulaschprogrammiernacht" class="aspect-ratio-32-to-9">
<figcaption>
<h3><a href="https://entropia.de/GPN">Gulasch&shy;programmier&shy;nacht</a></h3>
<p>Dieser 4-tägige Kongress wird jedes Jahr vom Entropia&nbsp;e.V. veranstaltet. Hier schafft es ein Haufen Hacker, eine große Menge Gulasch zuzubereiten, um Gäste zu nähren, damit sie gestärkt zum nächsten Vortrag – über Programmierung oder Gesellschaft – oder zum Programmieren ins Hackcenter gehen können.</p>
</figcaption>
</figure>
<figure class="column">
<img src="res/img/events/glühpn.jpg" alt="Glühweinprogrammiernacht" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Glühweinprogrammiernacht</h3>
<p>Manche Jahre lassen wir im "kleineren" Kreis mit einer Glühweinprogrammiernacht ("GlühPN") ausklingen.</p>
</figcaption>
</figure>
</div>
<div class="row">
<figure class="column">
<img src="res/img/events/chaos-macht-schule.png" alt="Chaos macht Schule" class="aspect-ratio-16-to-9">
<figcaption>
<h3><a href="https://entropia.de/Chaos_macht_Schule">Chaos macht Schule</a></h3>
<p>Wir entsenden immer wieder Referenten an Schulen, um Schülern, Lehrern und ggf. auch Eltern die Themen Datenschutz, Medienkompetenz, Mediensucht, Mobbing usw. näherzubringen. Vorträge sind nicht auf Schulen fixiert, sondern werden z.B. auch in Jugendzentren und Büchereien angeboten.</p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Jugend hackt" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Jugend hackt</h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Vortragsreihe" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Vortragsreihe 2024</h3>
<p>Durch die Coronajahre jäh unterbrochen, planen wir für das Jahr 2024 eine monatliche Vortragsreihe zu Themen rund um Software-, Firmware- und Hardwareentwicklung.<br>Einreichungen herzlich willkommen!</p>
</figcaption>
</figure>
</div>
</section>

<section>
<h2>Projekte</h2>
<div class="row">
<figure class="column">
<img src="" alt="Arzneischrank" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Arzneischrank</h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Küchenumgestaltung" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Küchenumgestaltung</h3>
<p></p>
</figcaption>
</figure>
</div>
<div class="row">
<figure class="column">
<img src="" alt="" class="aspect-ratio-16-to-9">
<figcaption>
<h3></h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="" class="aspect-ratio-16-to-9">
<figcaption>
<h3></h3>
<p></p>
</figcaption>
</figure>
</div>
</section>

<section>
<h2>Gemeinschaft & Soziales</h2>
<div class="row">
<figure class="column">
<img src="res/img/social/hackerfryhstyck.jpg" alt="Hackerfryhstyck" class="aspect-ratio-16-to-9">
<figcaption>
<h3><a href="https://entropia.de/Hackerfryhstyck">Hackerfryhstyck</a></h3>
<p>Wir beginnen den Tag mit einem gemeinsamen Frühstück und verschönern danach unsere Räume, damit sich jeder wohlfühlt.</p>
</figcaption>
</figure>
<figure class="column">
<img src="res/img/social/kürbissuppe.jpg" alt="Kochen" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Kochen</h3>
<p>Von kleinen "Snacks" zu ausgefeilten Gerichten — es finden sich an vielen Abenden kleine Grüppchen zusammen, die miteinander kochen.</p>
</figcaption>
</figure>
<figure class="column">
<img src="res/img/social/camp2019.jpg" alt="Camp" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Campen</h3>
<p>Wir fahren zu vielen Campingveranstaltungen im Chaos-Umfeld und organisieren uns als Entropia-Village oder als große Assembly mit befreundeten Hackerspaces. <a href="https://basto.digital/posts/events/chaos-communication-camp-2019/">Bildquelle</a></p>
</figcaption>
</figure>
</div>
<div class="row">
<figure class="column">
<img src="" alt="Hackerschwimmen" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Hackerschwimmen</h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Fahrradtouren" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Fahrradtouren</h3>
<p>In den lauen Sommer- und Herbstmonaten machen wir einmal im Monat eine kleine Radtour in und um Karlsruhe.</p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Geekends" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Geekends</h3>
<p></p>
</figcaption>
</figure>
</div>
</section>

<section>
<h2>Räume</h2>
<div class="row">
<figure class="column">
<img src="res/img/rooms/hauptraum.jpg" alt="Hauptraum" class="aspect-ratio-4-to-3">
Expand Down Expand Up @@ -133,20 +262,13 @@ <h3>Werkstatt</h3>
</section>

<section>
<h2>Veranstaltungen & Projekte</h2>
<h2>Infrastruktur</h2>
<div class="row">
<figure class="column column-double">
<img src="res/img/projects/gpn.jpg" alt="Gulaschprogrammiernacht" class="aspect-ratio-32-to-9">
<figcaption>
<h3><a href="https://entropia.de/GPN">Gulasch&shy;programmier&shy;nacht</a></h3>
<p>Dieser 4-tägige Kongress wird jedes Jahr vom Entropia&nbsp;e.V. veranstaltet. Hier schafft es ein Haufen Hacker, eine große Menge Gulasch zuzubereiten, um Gäste zu nähren, damit sie gestärkt zum nächsten Vortrag – über Programmierung oder Gesellschaft – oder zum Programmieren ins Hackcenter gehen können.</p>
</figcaption>
</figure>
<figure class="column">
<img src="res/img/projects/hackerfryhstyck.jpg" alt="Hackerfryhstyck" class="aspect-ratio-16-to-9">
<img src="" alt="Werkzeug" class="aspect-ratio-16-to-9">
<figcaption>
<h3><a href="https://entropia.de/Hackerfryhstyck">Hackerfryhstyck</a></h3>
<p>Wir hacken und frühstücken und schaffen so eine tolle Atmosphäre, in der jeder den Tag für sich beginnen kann.</p>
<h3>Werkzeug</h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
Expand All @@ -156,31 +278,61 @@ <h3><a href="https://entropia.de/3D_Drucker">3D-Drucker</a></h3>
<p>Unser Club ist auch im Besitz mehrerer 3D-Drucker, unter anderem Resin- oder PLA-3D-Drucker. An jenen basteln wir immer eifrig.</p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Nähen und Sticken" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Nähen und Sticken</h3>
<p></p>
</figcaption>
</figure>
</div>
<div class="row">
<figure class="column">
<img src="" alt="Workstations" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Workstations</h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Beamer" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Beamer</h3>
<p></p>
</figcaption>
</figure>
<figure class="column">
<img src="" alt="Clubautomatisierung" class="aspect-ratio-16-to-9">
<figcaption>
<h3>Clubautomatisierung</h3>
<p></p>
</figcaption>
</figure>
</div>
</section>

<section>
<h2>Gruppen & Vorträge</h2>
<h2>Gruppen</h2>
<div class="row">
<figure class="column">
<img src="res/img/projects/chaos-macht-schule.png" alt="Chaos macht Schule" class="aspect-ratio-16-to-9">
<img src="res/img/groups/freifunk.png" alt="Freifunk Karlsruhe" class="aspect-ratio-16-to-9">
<figcaption>
<h3><a href="https://entropia.de/Chaos_macht_Schule">Chaos macht Schule</a></h3>
<p>Wir entsenden immer wieder Referenten an Schulen, um Schülern, Lehrern und ggf. auch Eltern die Themen Datenschutz, Medienkompetenz, Mediensucht, Mobbing usw. näherzubringen. Vorträge sind nicht auf Schulen fixiert, sondern werden z.B. auch in Jugendzentren und Büchereien angeboten.</p>
<h3><a href="https://entropia.de/Freifunk_Karlsruhe">Freifunk Karlsruhe</a></h3>
<p>Über das Freifunk-Pojekt bauen Menschen wie Du und ich ein stadtweites, drahtloses Datennetz auf. Das Netz soll die freie Kommunikation in der Stadt und überregional ermöglichen. Das freie WLAN ist dabei jederzeit und ohne Registrierung durch jeden nutzbar.</p>
</figcaption>
</figure>
<figure class="column">
<img src="res/img/projects/haecksen.png" alt="Haecksen@entropia" class="aspect-ratio-16-to-9">
<img src="res/img/groups/haecksen.png" alt="Haecksen@entropia" class="aspect-ratio-16-to-9">
<figcaption>
<h3><a href="https://entropia.de/Haecksen@entropia">Haecksen@entropia</a></h3>
<p>Wir sind eine Gruppe für Techniker*innen, Hacker*innen, Maker*innen, Wissenschaftler*innen, Künstler*innen, Aktivist*innen im Umfeld der deutschen Hacker*innenszene und solche, die es werden wollen. Wir verstehen uns selbst als queer-inklusiv und setzen uns für Feminismus ein.</p>
</figcaption>
</figure>
<figure class="column">
<img src="res/img/projects/freifunk.png" alt="Freifunk Karlsruhe" class="aspect-ratio-16-to-9">
<img src="res/img/groups/qbeka.png" alt="QBeKA" class="aspect-ratio-16-to-9">
<figcaption>
<h3><a href="https://entropia.de/Freifunk_Karlsruhe">Freifunk Karlsruhe</a></h3>
<p>Über das Freifunk-Pojekt bauen Menschen wie Du und ich ein stadtweites, drahtloses Datennetz auf. Das Netz soll die freie Kommunikation in der Stadt und überregional ermöglichen. Das freie WLAN ist dabei jederzeit und ohne Registrierung durch jeden nutzbar.</p>
<h3><a href="https://queerka.de/QBeKA">QBeKA</a></h3>
<p></p>
</figcaption>
</figure>
</div>
Expand Down
Binary file removed public/res/img/projects/chaos-macht-schule.png
Binary file not shown.
Binary file removed public/res/img/projects/freifunk.png
Binary file not shown.
Binary file removed public/res/img/projects/gpn.jpg
Binary file not shown.
Binary file removed public/res/img/projects/hackerfryhstyck.jpg
Binary file not shown.
Binary file removed public/res/img/projects/haecksen.png
Binary file not shown.

0 comments on commit 8ba98b6

Please sign in to comment.