diff options
| author | Valentin <valentin@fricklerhandwerk.de> | 2025-11-13 00:08:38 +0100 |
|---|---|---|
| committer | Valentin <valentin@fricklerhandwerk.de> | 2025-11-13 00:08:40 +0100 |
| commit | 942b7e2077e1673afebf626fcc33a2186e46444b (patch) | |
| tree | ada4c5cfb3cc02ec41c839a19ce4f86f9988be86 /www/html | |
| parent | 7a0c88e65e8d85dc0970654465406d6877dd0508 (diff) | |
Seite für Termine, die in der Vergangenheit liegen
Dieser Aufbau unterstützt Umleitungen, sodass alte Links gültig bleiben.
Diffstat (limited to 'www/html')
| -rw-r--r-- | www/html/index.html | 2 | ||||
| -rw-r--r-- | www/html/redirects.js | 18 | ||||
| -rw-r--r-- | www/html/style.css | 23 | ||||
| -rw-r--r-- | www/html/vergangene-termine.html | 39 |
4 files changed, 74 insertions, 8 deletions
diff --git a/www/html/index.html b/www/html/index.html index 5cabb39..b173868 100644 --- a/www/html/index.html +++ b/www/html/index.html @@ -9,6 +9,7 @@ <title>Stadtteilbeirat Heimfeld</title> <link rel="shortcut icon" type="image/x-icon" href="/img/Kraniche-dreh-klein.gif"> <link rel="stylesheet" type="text/css" href="style.css"> + <script async src="redirects.js"></script> </head> <body> <div class="table"> @@ -356,6 +357,7 @@ </dl> </dd> </dl> + <p class="row"><a href="vergangene-termine.html">Vergangene Termine…</a></p> </section> <footer> <nav> diff --git a/www/html/redirects.js b/www/html/redirects.js new file mode 100644 index 0000000..789dedb --- /dev/null +++ b/www/html/redirects.js @@ -0,0 +1,18 @@ +const redirects = { +}; + +let segments = document.location.pathname.split('/'); +// Das erste Element ist immer `''` +segments.splice(0, 1); +let file = segments.pop(); +if (file === '') { file = "index.html"; } +segments.push(file); +const path = segments.join('/'); +const anchor = document.location.hash.substring(1); +const redirect = redirects[path]; +if (redirect) { + const target = redirect[anchor]; + if (target) { + document.location.href = target; + } +} diff --git a/www/html/style.css b/www/html/style.css index cce30b5..aa80e22 100644 --- a/www/html/style.css +++ b/www/html/style.css @@ -47,10 +47,10 @@ th { height: var(--big-font); font-size: var(--big-font); } -footer { +header, footer { text-align: center; } -footer nav ul { +header nav ul, footer nav ul { display: flex; flex-wrap: wrap; gap: 2rem; @@ -58,7 +58,7 @@ footer nav ul { justify-content: center; list-style: none; } -footer nav a { +header nav a, footer nav a { background-color: var(--background-secondary); padding: 0.5rem; display: block; @@ -79,11 +79,16 @@ div.column, section { flex-direction: column; gap: 1.5pt; } -div.row { - padding: 1rem 0.5rem; +.row { + padding: 1rem; border: 1pt inset red; +} +div.row { text-align: center; } +p.row { + margin: 0; +} div.row:last-child { flex-grow: 1; } @@ -91,13 +96,12 @@ 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; + padding: 0.5rem 1rem; + margin: -1rem; } section h1 { border: 1pt inset red; margin: 0; - margin-bottom: -1.5pt; } div.welcome { background-color: initial; @@ -142,6 +146,9 @@ section > dl > dt { padding: 1rem; padding-bottom: 0; } +section > dl > dt:first-of-type { + margin-top: 0; +} section > dl > dd { margin: 0; border: 1pt inset red; diff --git a/www/html/vergangene-termine.html b/www/html/vergangene-termine.html new file mode 100644 index 0000000..58773be --- /dev/null +++ b/www/html/vergangene-termine.html @@ -0,0 +1,39 @@ +<!DOCTYPE HTML > +<html> + <head> + <meta charset="utf-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width"> + <meta name="description" content="Informationen zum Stadtteil Heimfeld und seinem Stadtteilbeirat"> + <meta name="keywords" content="Heimfeld, Stadtteil, Stadtteilbeirat, Beirat, Stadtteilfest, Treffpunkthaus"> + <title>Stadtteilbeirat Heimfeld – Vergangene Termine</title> + <link rel="shortcut icon" type="image/x-icon" href="/img/Kraniche-dreh-klein.gif"> + <link rel="stylesheet" type="text/css" href="style.css"> + </head> + <body> + <header> + <nav> + <ul> + <li><a href="/">Stadtteilbeirat Heimfeld</a></li> + <li><a href="/#termine">Aktuelle Termine</a></li> + </ul> + </nav> + </header> + <section> + <h1>Vergangene Termine</h1> + <dl> + </dl> + <p class="row"><a href="/#termine">Aktuelle Termine…</a></p> + </section> + <footer> + <nav> + <ul> + <li><a href="impressum.html">Impressum</a></li> + <li><a target="_blank" href="https://git.heimfeld.hamburg/infra">Quellcode</a></li> + <li><a href="datenschutz.html">Datenschutz</a></li> + </ul> + </nav> + <img src="img/Expose_Page_1_html_44cef0df.gif" alt="ComNetz" width="90" height="60"> + </footer> + </body> +</html> |