add GlühPN, Campen, Kochen; improve wording slightly

public/index.html

@@ -93,17 +93,34 @@ <h3><a href="https://entropia.de/GPN">Gulasch&shy;programmier&shy;nacht</a></h3>
             </figcaption>
           </figure>
           <figure class="column">
-            <img src="res/img/projects/hackerfryhstyck.jpg" alt="Hackerfryhstyck" class="aspect-ratio-16-to-9">
+            <img src="res/img/projects/glühpn.jpg" alt="Glühweinprogrammiernacht" 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>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/projects/3d-drucker.jpg" alt="3D-Drucker" class="aspect-ratio-16-to-9">
+            <img src="res/img/projects/camp2019.jpg" alt="Camp" class="aspect-ratio-16-to-9">
             <figcaption>
-              <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>
+              <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>
+          <figure class="column">
+            <img src="res/img/projects/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 Grüppchen, die miteinander kochen.<br>Manchmal enthalten die Erzeugnisse <a href="https://entropia.de/Leckeres_mit_Mate">Mate</a>.</p>
+            </figcaption>
+          </figure>
+          <figure class="column">
+            <img src="res/img/projects/hackerfryhstyck.jpg" alt="Hackerfryhstyck" class="aspect-ratio-16-to-9">
+            <figcaption>
+              <h3><a href="https://entropia.de/Hackerfryhstyck">Hackerfryhstyck</a></h3>
+              <p>Einmal im Monat beginnen wir den Tag mit einem Frühstück, das oft unter einem Motto steht, z.&nbsp;B. Dinge-die-topologisch-equivalent-zu-einem-Donut-sind-Fryhstyck.
+                Davor und danach räumen wir gemeinsam den Club auf.</p>
             </figcaption>
           </figure>
         </div>
@@ -113,21 +130,21 @@ <h3><a href="https://entropia.de/3D_Drucker">3D-Drucker</a></h3>
         <h2>Räume & Infrastruktur</h2>
         <div class="row">
           <figure class="column">
-            <img src="res/img/rooms/hauptraum.jpg" alt="Hauptraum" class="aspect-ratio-4-to-3">
+            <img src="res/img/rooms/hauptraum.jpg" alt="Hauptraum" class="aspect-ratio-16-to-9">
             <figcaption>
               <h3>Hauptraum</h3>
               <p>Hier findet der Großteil des Clublebens statt. Vor allem für Wesen, die beim Arbeiten ungern allein sind, ist dies ein toller Ort zum Diskutieren, Arbeiten, Basteln und Entspannen.</p>
             </figcaption>
           </figure>
           <figure class="column">
-            <img src="res/img/rooms/optionsraum.jpg" alt="Nebenraum" class="aspect-ratio-4-to-3">
+            <img src="res/img/rooms/optionsraum.jpg" alt="Nebenraum" class="aspect-ratio-16-to-9">
             <figcaption>
               <h3>Nebenraum</h3>
               <p>Ein kleiner gemütlicher Raum, der gerne als Treffpunkt für kleinere Gruppen oder als Rückzugsort dient. Das Ambiente wird dabei durch kuschelige Sitzmöglichkeiten und einen Beamer erhöht.</p>
             </figcaption>
           </figure>
           <figure class="column">
-            <img src="res/img/rooms/kueche.jpg" alt="Küche" class="aspect-ratio-4-to-3">
+            <img src="res/img/rooms/kueche.jpg" alt="Küche" class="aspect-ratio-16-to-9">
             <figcaption>
               <h3>Küche</h3>
               <p>An diesem mystischen Ort werden Leib und Seele versorgt. Regelmäßige Kochaktionen gehören zum Cluballtag dazu. Hier wird natürlich auch das legendäre entropianische Gulasch gekocht.</p>
@@ -153,7 +170,14 @@ <h3>Empore</h3>
             <img src="res/img/rooms/werkstatt.jpg" alt="Werkstatt" class="aspect-ratio-4-to-3">
             <figcaption>
               <h3>Werkstatt</h3>
-              <p>Du suchst Hammer, Stichsäge, Nähmaschine oder ein Feinmechaniker-Kit? Dann bist Du hier genau richtig. In der Werkstatt findest Du alles mögliche an Bastelwerkzeug. Wiedersehen macht Freude.</p>
+              <p>Du suchst Hammer, Stichsäge, Feinmechanik-Kit oder Nähmaschine? Dann bist Du hier genau richtig. In der Werkstatt findest Du allerlei Bastelwerkzeug.<br/>Wiedersehen macht Freude!</p>
+            </figcaption>
+          </figure>
+          <figure class="column">
+            <img src="res/img/projects/3d-drucker.jpg" alt="3D-Drucker" class="aspect-ratio-4-to-3">
+            <figcaption>
+              <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. Manchmal funktionieren sie auch.</p>
             </figcaption>
           </figure>
         </div>
@@ -163,21 +187,21 @@ <h3>Werkstatt</h3>
         <h2>Vorträge & Externe 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/projects/chaos-macht-schule.png" alt="Chaos macht Schule" class="aspect-ratio-24-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="res/img/projects/freifunk.png" alt="Freifunk Karlsruhe" class="aspect-ratio-16-to-9">
+            <img src="res/img/projects/freifunk.png" alt="Freifunk Karlsruhe" class="aspect-ratio-24-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>
             </figcaption>
           </figure>
           <figure class="column">
-            <img src="res/img/groups/qbeka.png" alt="QBeKA" class="aspect-ratio-16-to-9">
+            <img src="res/img/groups/qbeka.png" alt="QBeKA" class="aspect-ratio-24-to-9">
             <figcaption>
               <h3><a href="https://qbeka.de/">QBeKA</a></h3>
               <p>Die QBeKA Queere Bewegung Karlsruhe e.V. ist ein gemeinnütziger Verein für alle, die sich als Teil der queeren Vielfalt betrachten, deren Freunde und Unterstützer.<br>

public/res/css/elements/images.css

@@ -21,6 +21,10 @@ figure img + figcaption {
   aspect-ratio: 16 / 9;
 }
 
+.aspect-ratio-24-to-9 {
+  aspect-ratio: 24 / 9;
+}
+
 .aspect-ratio-32-to-9 {
   aspect-ratio: 32 / 9;
 }