slightly restyle the site and add invitation text

gaehsnitz/static/gaehsnitz/style.css

@@ -32,6 +32,10 @@ body {
     align-items: center;
     background-color: #161616;
     color: #EEEEEE;
+    background-image: url("header-pano.jpg");
+    background-position: center top;
+    background-repeat: no-repeat;
+    background-size: contain;
 }
 
 #title, #navi, #content {
@@ -42,23 +46,25 @@ body {
     margin: 8px;
 }
 
+#navi, #content {
+    background-color: rgba(22, 22, 22, 65%);
+}
+
 #title {
-    margin-top: 16px;
+    margin-top: 24px;
     text-align: center;
     color: #CCEE66;
+    font-weight: bold;
 }
 
 h1 {
     margin-bottom: 10px;
     font-size: 1.6rem;
-    font-weight: normal;
     color: #99EE33;
     text-shadow: 0 0 16px #669933;
 }
 
 #navi {
-    border-top: 1px solid #444444;
-    border-bottom: 1px solid #444444;
     padding: 8px 0;
     text-align: center;
     color: #446622;
@@ -84,7 +90,12 @@ a img {
 }
 
 a img:hover, a img:focus {
-    transform: scale(103%);
+    transform: scale(102%);
+}
+
+#content > * {
+    margin-left: 12px;
+    margin-right: 12px;
 }
 
 h2 {
@@ -229,3 +240,8 @@ hr {
     max-width: 100%;
     max-height: 100%;
 }
+
+#flyer {
+    max-width: 95%;
+    text-align: center;
+}

gaehsnitz/templates/gaehsnitz/news.html

@@ -3,6 +3,30 @@
 
 {% block content %}
 
+    <h2>06.05. - Hochoffizielle Einladung</h2>
+    <p>
+        Der Plan für Gähsnitz dieses Jahr steht und zur Motivation gibt's diesmal auch 'n digitales Plakat. 🍾
+    </p>
+    <a href="{% static 'gaehsnitz/plakat-2024.jpg' %}">
+        <img id="flyer" src="{% static 'gaehsnitz/plakat-2024-small.jpg' %}" alt="Plakat">
+    </a>
+    <p>
+        Fühlt euch alle eingeladen, am 6., 7., spätestens aber am 8. Juni bei uns im Garten vorbeizuschneien. Es gibt
+        bunt gemischte Live-Musik, Getränke für'n schmalen Taler, echte Landluft und was sonst noch alles auf dem Bild
+        zu finden ist.
+    </p>
+    <p>
+        Mehr Details gibt's nochmal 1-2 Wochen vorher - bis dahin einfach den Termin freihalten, Urlaub nehmen oder
+        kündigen, und am besten auch schonmal üben, wie man ganz schnell Pavillons aufbaut und Wurfzelte wieder in ihre
+        Verpackung kriegt.
+    </p>
+    <p>
+        Bringt gern noch mehr liebe Leute mit, aber bitte nich bei MySpace posten oder Plakate aufhängen - ist immer
+        noch 'ne Privatveranstaltung. ;)
+    </p>
+
+    <hr>
+
     <h2>04.04. - Der Winterschlaf ist vorbei</h2>
     <p>
         Der Termin für unsere diesjährige Gartensause steht ja schon seit letztem Jahr fest: