Termin: Heimfeld Low Budget Poetry Slam

1 files changed, 88 insertions, 3 deletions

diff --git a/www/html/index.html b/www/html/index.html
index c3bd4c2..c7aaca8 100644
--- a/www/html/index.html
+++ b/www/html/index.html
@@ -72,6 +72,7 @@
     footer nav a {
       background-color: var(--background-secondary);
       padding: 0.5rem;
+      display: block;
     }
     div.table {
       display: flex;
@@ -79,7 +80,7 @@
       justify-content: space-between;
       gap: 1rem;
     }
-    div.column {
+    div.column, section {
       margin: 2pt;
       padding: 1.5pt;
       border: 1pt outset red;
@@ -97,13 +98,18 @@
     div.row:last-child {
       flex-grow: 1;
     }
-    div.row h1 {
+    div.row h1, section h1 {
       color: var(--highlight);
       font-size: var(--big-font);
       background-color: var(--background-highlight);
       padding: 0.5rem;
       margin: -1rem -0.5rem;
     }
+    section h1 {
+      border: 1pt inset red;
+      margin: 0;
+      margin-bottom: -1.5pt;
+    }
     div.welcome {
       background-color: initial;
       border: initial;
@@ -127,6 +133,51 @@
     .news {
       color: white;
     }
+    section {
+      background-color: var(--background-secondary);
+      max-width: 50rem;
+      margin: 1em auto;
+    }
+    section dd, section dt {
+      text-align: left;
+    }
+    section > dl {
+      margin: 0;
+    }
+    section > dl > dt {
+      font-size: var(--big-font);
+      font-weight: bold;
+      margin-top: 1.5pt;
+      border: 1pt inset red;
+      border-bottom: none;
+      padding: 1rem;
+      padding-bottom: 0;
+    }
+    section > dl > dd {
+      margin: 0;
+      border: 1pt inset red;
+      border-top: none;
+      padding: 1rem;
+      padding-left: 2rem;
+    }
+    section > dl > dt a {
+      text-decoration: none;
+    }
+    section > dl > dd dt {
+      display: inline;
+    }
+    section > dl > dd dt:before {
+      content: "";
+      display: block;
+      margin-top: 1rem;
+    }
+    section > dl > dd dd {
+      display: inline;
+      margin: 0;
+    }
+    section > dl > dd dt:after {
+      content: ":";
+    }
     @media (width < 50rem) {
       body {
         margin: 0 0.5rem;
@@ -137,6 +188,9 @@
       div.column {
         flex-basis: 100%;
       };
+      section h1 {
+        text-align: center;
+      }
     }
     @media (width > 50rem) {
       div.column {
@@ -190,7 +244,7 @@
       </div>
       <div class="column">
         <div class="row">
-          <h1>Aktuelles / Termine</h1>
+          <h1>Aktuelles</h1>
         </div>
         <div class="row">
           <p class="news">Stadtteilfest</p>
@@ -218,6 +272,37 @@
         </div>
       </div>
     </div>
+    <section>
+      <h1>Termine</h1>
+      <dl>
+        <dt id="2025-11-low-budget-poetry-slam"><a href="#2025-11-low-budget-poetry-slam">Heimfeld Low Budget Poetry Slam</a></dt>
+        <dd>
+          <time datetime="2025-11-22 19:30">Samstag, 22.11.2025 19:30</time>
+          <address>
+            Treffpunkthaus Heimfeld<br>
+            <a href="https://www.openstreetmap.org/node/6549438363" target="_blank">Friedrich-Naumann-Straße 9-11, 21075 Hamburg</a>
+          </address>
+          <dl>
+            <dt>Moderation</dt>
+            <dd>Arne Poeck</dd>
+
+            <dt>Eintritt</dt>
+            <dd>frei &ndash; um Spenden wird gebeten</dd>
+
+            <dt>Anmeldung</dt>
+            <dd><a href="mailto:stat3slam@gmx.de">stat3slam@gmx.de</a></dd>
+
+            <dt>Weitere Informationen</dt>
+            <dd>
+              <ul>
+                <li><a target="_blank" href="https://www.umsonstladen-harburg.de/event/low-budget-poetry-slam-3/">Details zur Veranstaltung bei contraZt. e.V.</a></li>
+                <li><a target="_blank" href="https://www.facebook.com/stat3slam">Stat3slam auf Facebook</a></li>
+              </ul>
+            </dd>
+          </dl>
+        </dd>
+      </dl>
+    </section>
     <footer>
       <nav>
         <ul>