diff options
| -rw-r--r-- | www/html/index.html | 91 |
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 – 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> |