aboutsummaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
authorValentin <valentin@fricklerhandwerk.de>2025-11-07 14:08:12 +0100
committerValentin <valentin@fricklerhandwerk.de>2025-11-07 14:08:12 +0100
commit56c0994925a00c90ca3376579928f049f8e85972 (patch)
treed0c71371bfa3d010a9d82f1ca23a148c01e0f1be /www
parent0e581a08cf551e83a3203985f32e476881e3b29e (diff)
parent3102d513f73c4f7d2582146ef18f302331c86488 (diff)
Merge branch 'website-updates'
Leserlichkeit und Wartbarkeit verbessert
Diffstat (limited to 'www')
-rw-r--r--www/html/index.html128
1 files changed, 72 insertions, 56 deletions
diff --git a/www/html/index.html b/www/html/index.html
index cdde7b1..2c6564b 100644
--- a/www/html/index.html
+++ b/www/html/index.html
@@ -9,17 +9,23 @@
<title>Stadtteilbeirat Heimfeld</title>
<link rel="shortcut icon" type="image/x-icon" href="/img/Kraniche-dreh-klein.gif">
<style>
+ :root {
+ --primary: #330033;
+ --background-primary: #77cc77;
+ --background-secondary: #99ee99;
+ --background-highlight: #ffcc00;
+ --highlight: #ff0000;
+ }
body {
font-family: sans-serif;
- background-color: #77cc77;
- text-align: center;
- color: #ff0000;
+ color: var(--primary);
+ background-color: var(--background-primary);
}
body::before {
content: '';
position: fixed;
background-image: url("img/Kraniche-oval-4a.png");
- top: calc(615px/2 + 2em);
+ top: calc(615px/2 + 2rem);
left: 50%;
transform: translate(-50%, -50%);
width: 465px;
@@ -30,34 +36,67 @@
pointer-events: none;
z-index: -1;
}
+ a {
+ color: var(--primary);
+ }
+ a:hover, a:focus-visible {
+ background-color: var(--background-primary);
+ }
+ td > table {
+ text-align: center;
+ background-color: var(--background-secondary);
+ border-color: var(--highlight);
+ }
+ td {
+ border-color: var(--highlight);
+ }
+ th {
+ color: var(--highlight);
+ background-color: var(--background-highlight);
+ height: 1.5rem;
+ font-size: 1.5rem;
+ }
+ footer {
+ text-align: center;
+ }
+ footer nav ul {
+ display: flex;
+ gap: 2rem;
+ padding: 0;
+ justify-content: center;
+ list-style: none;
+ }
+ footer nav a {
+ background-color: var(--background-secondary);
+ padding: 0.5rem;
+ }
</style>
</head>
<body>
- <p>
<table width="100%" border="0" height="94%">
<tbody>
<tr>
<td width="25%">
- <table bgcolor="#99ee99" width="100%" cellspacing="2"
+ <table width="100%" cellspacing="2"
cellpadding="6" border="1" height="100%">
<tbody>
<tr>
- <th bgcolor="#ffcc00" align="center" valign="top" height="25">
- <font size="+2">Stadtteilbeirat Heimfeld</font>
+ <th>
+ Stadtteilbeirat Heimfeld
</th>
</tr>
<tr>
- <td bgcolor="99ee99" valign="top" height="25%">
- <div align="center"><font color="#330033">Tel:
- (040) 300 924 94</font><br>
- <font color="#330033">Di 10 - 12h &amp; Do 14 -
- 16h sonst AB</font><br>
- <font color="#330033">eMail: beirat (at)
+ <td valign="top" height="25%">
+ <div align="center">Tel:
+ (040) 300 924 94<br>
+ Di 10 - 12h &amp; Do 14 -
+ 16h sonst AB<br>
+ eMail: beirat (at)
heimfeld.hamburg<br>
<br>
Nächste Sitzung<br>
- <b><font size="+2" color="#ff0000">19. November 2025 18:30Uhr</font></b></font><br>
- Treffpunkthaus Heimfeld<br>
+ <b><font size="+2" color="#ff0000">19. November 2025 18:30Uhr</font></b><br>
+ <font color="#ff0000">Treffpunkthaus Heimfeld</font><br>
<a href="https://www.openstreetmap.org/node/6549438363" target="_blank">Friedrich-Naumann-Straße 9, 21075 Hamburg</a>
</font>
</div>
@@ -74,7 +113,7 @@
<b><font size="+2" color="#ffffff">Newsletter für Heimfeld</font></b>
</div>
<div align="center">
- <font color="#330033">Bald wieder da</font>
+ Bald wieder da
</div>
</td>
</tr>
@@ -100,12 +139,12 @@
border="1" height="100%">
<tbody>
<tr>
- <th bgcolor="#ffcc00" align="center" valign="top" height="25">
- <font size="+2">Aktuelles / Termine</font>
+ <th>
+ Aktuelles / Termine
</th>
</tr>
<tr>
- <td bgcolor="#99ee99" valign="middle" height="25%">
+ <td valign="middle" height="25%">
<font size="+2" color="#ffffff"><b>Stadtteilfest</b></font>
<div align="center">
<font size="+2" color="#ff0000"><b>6. Juni 2026</b></font>
@@ -113,28 +152,26 @@
</td>
</tr>
<tr>
- <td bgcolor="#99ee99" valign="middle" style="padding: 1em;">
+ <td valign="middle" style="padding: 1em;">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle">
- <a href="https://www.cafe-rennkoppel.de">
+ <a style="display: inline-block;" href="https://www.cafe-rennkoppel.de">
<img alt="Café Rennkoppel" src="img/Cafe-Rennkoppel.png" width="99" height="99">
</a>
</td>
<td align="left" valign="middle" style="padding-left: 1em;">
- <font color="#6600cc">
<a href="https://www.cafe-rennkoppel.de">Café Rennkoppel</a><br>
Wir sind da!<br>
Wir haben Mo. - Fr. 9:30 - 18:00 Uhr geöffnet.<br>
<a href="https://www.openstreetmap.org/node/6374378143" target="_blank">An der Rennkoppel 3, 21075 Hamburg</a>
- </font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
- <td bgcolor="#99ee99" align="center" valign="top">
+ <td align="center" valign="top">
<img src="img/construct.gif" alt="Bald geht es weiter" width="150" height="150">
</td>
</tr>
@@ -145,36 +182,15 @@
</tr>
</tbody>
</table>
- <table width="100%" border="0" height="4%">
- <tbody>
- <tr>
- <td align="center" width="11%" valign="top"><font size="-2"
- color="#3333ff">Sponsoren:</font><br>
- </td>
- <td align="center" width="11%" valign="middle"><img
- src="img/Expose_Page_1_html_44cef0df.gif" alt="ComNetz"
- width="90" height="60"><br>
- </td>
- <td align="center" width="11%" valign="middle"><br>
- </td>
- <td <font size="3" align="center" width="11%" valign="middle">
- <a href="impressum.html">Impressum</a>
- </td>
- <td align="center" width="11%" valign="middle">
- <a target="_blank" href="https://git.heimfeld.hamburg/infra">Quellcode</a>
- </td>
- <td align="center" width="11%" valign="middle">
- <font size="3"><a href="datenschutz.html">Datenschutz</a></font>
- </td>
- <td align="center" width="11%" valign="middle"><br>
- </td>
- <td align="center" width="11%" valign="middle"><br>
- </td>
- <td align="center" width="11%" valign="middle"><br>
- </td>
- </tr>
- </tbody>
- </table>
- </p>
+ <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>
generated by cgit v1.2.3 (git 2.25.1) at 2025-12-13 21:51:37 +0000