rewrite news page, add photos and slightly re-style

gaehsnitz/static/gaehsnitz/style.css

@@ -53,12 +53,12 @@ h1 {
     font-size: 1.6rem;
     font-weight: normal;
     color: #99EE33;
-    text-shadow: 0 0 16px #99EE33;
+    text-shadow: 0 0 16px #669933;
 }
 
 #navi {
-    border-top: 1px solid #446622;
+    border-top: 1px solid #444444;
-    border-bottom: 1px solid #446622;
+    border-bottom: 1px solid #444444;
     padding: 8px 0;
     text-align: center;
     color: #446622;
@@ -110,7 +110,7 @@ p, ul {
 }
 
 .accent {
-    color: #CC4422;
+    color: #EE6622;
 }
 
 table {
@@ -211,3 +211,21 @@ hr {
         max-height: 180px;
     }
 }
+
+.image-list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+.image-wrapper {
+    flex: 1 0 480px;
+    max-width: 95%;
+    max-height: 480px;
+    margin: 0 10px 10px 0;
+}
+
+.image-wrapper img {
+    max-width: 100%;
+    max-height: 100%;
+}

gaehsnitz/templates/gaehsnitz/news.html

@@ -1,11 +1,144 @@
 {% extends "gaehsnitz/base.html" %}
+{% load static %}
 
 {% block content %}
 
-    <h2>03.04. - Ein Lebenszeichen</h2>
+    <h2>04.04. - Der Winterschlaf ist vorbei</h2>
     <p>
-        Wir haben die ersten Dinge in kleiner Runde bequatscht und über Ostern auch mal wieder das Gelände besichtigt.
+        Der Termin für unsere diesjährige Gartensause steht ja schon seit letztem Jahr fest:
-        Jetzt werden wir erstmal ein paar Notizen gemacht ...
+        <span class="accent">06. - 09. Juni</span>. Sogar die Dixis sind schon vorbestellt! Den größten Fokus (und die
+        meiste Live-Mucke) wollen wir dieses Mal auf Samstag (08.06.) legen, aber mehr dazu später.
     </p>
-
+    <p>
+        Über Ostern waren haben wir uns mal das Gelände angeschaut und uns gefreut, dass sich in anderthalb Jahren gar
+        nicht mal so viel verändert hat - sogar das Drum-Podest ist noch nutzbar. Trotzdem gibt's natürlich alle Hände
+        voll zu tun, um den Garten wieder festivaltauglich zu machen und zu konservieren.
+    </p>
+    <p>
+        Wir wollen über <span class="accent">Himmelfahrt</span> (09. - 12.05.) nochmal hinfahren und könnten dafür auch
+        so viele helfende Hände wie möglich gebrauchen. Wer also Bock auf Handarbeit, kühle Getränke und Feuermachen in
+        der Pampa hat, bitte melden! :)
+    </p>
+    <p>
+        Nun zur To-do-Liste: zum einen gibt's viel zu <span class="accent">gärtnern</span>:
+    </p>
+    <ul>
+        <li>Rasen mähen</li>
+        <li>"Palisade" befestigen, damit sie nicht zu breit wird</li>
+        <li>Efeu vom Boden entfernen / Fläche neben dem Schuppen wieder nutzbar machen</li>
+        <li>Bäume, Büsche und Hecken auf dem Gelände verschneiden (auch überm Dach der Laube)</li>
+        <li>Bäume und Büsche an den Grundstücksgrenzen verschneiden (vor allem oben an der Ecke)</li>
+        <li>Todholz einsammeln und die Palisade erweitern / Feuerholz separat sammeln</li>
+        <li>Müll/Schrott sammeln</li>
+        <li>neuen Rasen sähen</li>
+    </ul>
+    <p>
+        Zum anderen gibt es Folgendes zu <span class="accent">bauen</span>:
+    </p>
+    <ul>
+        <li>
+            Bar: neue OSB-Platte drauf schrauben, nochmal lackieren<br>
+            Maße: 310 lang, 63 breit
+        </li>
+        <li>
+            Erde auf der Bühne aufschütten und neu ebnen, womöglich noch ein paar Steinplatten dazulegen
+        </li>
+        <li>
+            Treppe zur Laube bzw. zur "Hochebene" bauen (Erde kann für Bühne genutzt werden)
+        </li>
+        <li>
+            Drum-Podest erneuern: marode Stellen mit Ziegelsteinen befestigen, OSB-Platten drauf schrauben,
+            lackieren<br>
+            Maße: 240 breit, 160 lang
+        </li>
+        <li>
+            lose Paletten streichen
+        </li>
+        <li>
+            <del>Plumpsklo: Wände putzen, neuen Boden bauen, neue Sitzbank bauen, Brille besorgen</del>
+            <br>
+            Maße Sitzbank: 70 breit, 50 tief
+        </li>
+    </ul>
+    <p>
+        Hier ist der <span class="accent">Einkaufszettel</span> dafür:
+    </p>
+    <ul>
+        <li>Rasensamen, z.B. 5 kg für 200 m² - 30 €</li>
+        <li>Bar: OSB-Platte, z.B. 250x125 cm längs halbiert, 18 mm stark, 37 €</li>
+        <li>Drum-Podest: OSB-Verlegeplatten, z.b. 4x 205x67 cm, 25 mm stark, 80 €</li>
+        <li>Holzfarbe: z.B. Wetterschutzfarbe schwedenrot 2,5 l (reicht für Bar und Podest), 38 €</li>
+        <li>Holzlasur: z.B. 10 l Kanister, 10 €</li>
+        <li>
+            <del>Plumpsklo</del>
+        </li>
+    </ul>
+    <p>&rarr; ca. 200 €</p>
+    <p>
+        Und weil's so schön ist, hier noch ein paar Impressionen, Stand 30.03.:
+    </p>
+    <div class="image-list">
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/feld-eingang-auszen.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/feld-eingang-innen.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/bar-fern.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/bar-nah.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/buehne-bar-palisade.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/buehne.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/laube-von-unten.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/laube-von-vorn.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/laube-von-oben.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/laube-dach.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/haus-zeltplatz.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/strasze-eingang.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/haus-buesche.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/haus-feuerholz.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/unten-gewaechshaus.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/unten-wiese.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/unten-rand.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/schuppen.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/rand-efeu.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/rand-pissecke.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/rand-waeldchen.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/rand-zaun.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/rand-portal.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/grosze-tanne.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/strasze-kirschen.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/strasze-hecke.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/strasze-oben.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/feld-spaghetti.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/feld-rand.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/plumpsklo.jpg' %}" alt="">
+        </div>
+        <div class="image-wrapper"><img src="{% static 'gaehsnitz/photos-2024-03-30/plumpsklo-boden.jpg' %}" alt="">
+        </div>
+    </div>
 {% endblock %}