From 886812f198a9c0b5ae4dac13bd5945dd532f1939 Mon Sep 17 00:00:00 2001 From: Stefan Koelle Date: Sun, 16 Aug 2026 21:27:23 +0200 Subject: [PATCH] first steps --- src/_includes/layout.njk | 14 +- src/_includes/nav.njk | 7 +- src/assets/css/moonweb.css | 247 +++++++++++++++++++++++++++++++ src/assets/images/logomobile.gif | Bin 0 -> 11518 bytes src/css/nav-replacement.njk | 9 ++ 5 files changed, 271 insertions(+), 6 deletions(-) create mode 100755 src/assets/images/logomobile.gif diff --git a/src/_includes/layout.njk b/src/_includes/layout.njk index 5ea5c10..8ea7c90 100644 --- a/src/_includes/layout.njk +++ b/src/_includes/layout.njk @@ -11,7 +11,13 @@ -
+ +
+{{ section }} +{% include "nav.njk" %} +
+ +
@@ -23,8 +29,8 @@
-		 -
+		 +

{{ pageTitle | default("The " + section) }}

@@ -32,7 +38,7 @@ {{ content | safe }}
-		 + diff --git a/src/_includes/nav.njk b/src/_includes/nav.njk index 8e071e7..cbc5547 100644 --- a/src/_includes/nav.njk +++ b/src/_includes/nav.njk @@ -1,4 +1,6 @@ -
 
+
+Menu +
{% for group in nav %} {% if not loop.last %} - + {% endif %} {% endfor %}
{% for item in group %} @@ -8,7 +10,8 @@ {% endfor %}
+ diff --git a/src/assets/css/moonweb.css b/src/assets/css/moonweb.css index 31c0c75..188f318 100644 --- a/src/assets/css/moonweb.css +++ b/src/assets/css/moonweb.css @@ -58,3 +58,250 @@ a.quicknav:visited { font-weight:normal; text-decoration:none; background-color: a.quicknav:active { font-weight:normal; text-decoration:none; background-color:#DDDDDD; width:85px; padding-right:5px; font-family: sans-serif, Arial, sans-serif; font-size:8pt; color:#AA2233; } a.quicknav:hover { font-weight:normal; text-decoration:none; background-color:#CCCCCC; width:85px; padding-right:5px; font-family: sans-serif, Arial, sans-serif; font-size:8pt; color:#AA2233; } strong { color:#BBCCEE; background-color:#334444; font-weight:normal;} + +/* Mobile Header: nur auf Mobile sichtbar */ +.mobile-header { + display: none; +} + +/* ======================================== + MOBILE LAYOUT (Responsive) + ======================================== */ + +/* Navigation Toggle (nur im Mobile sichtbar) */ +.nav-toggle-button { + display: none; + background-color: #555544; + color: #CCAA66; + padding: 8px 12px; + cursor: pointer; + font-weight: bold; + border: none; + width: 100%; + text-align: left; +} +.nav-toggle-button:hover { + background-color: #444433; +} + +/* Mobile Breakpoint: 768px */ +@media (max-width: 768px) { + /* Mobile Header: Seite + Navigation nebeneinander */ + .mobile-header { + display: flex !important; + align-items: flex-start; + padding: 0 0 8px 0; + } + .mobile-header .mobile-pageimage { + flex-shrink: 0; + } + .mobile-header .nav-toggle { + flex: 1; + padding: 0 0 0 8px; + margin: 0; + } + .mobile-header .nav-toggle-button { + display: none !important; + } + .mobile-header .nav-table { + width: auto !important; + display: inline !important; + } + .mobile-header .nav-table > tbody, + .mobile-header .nav-table > tbody > tr { + display: inline !important; + } + .mobile-header .nav-table > tbody > tr > td { + display: inline !important; + width: auto !important; + text-align: left; + } + .mobile-header .nav-spacer { + display: inline !important; + width: 8px !important; + height: auto !important; + } + .mobile-header a.menu-item { + display: inline !important; + width: auto !important; + height: auto !important; + padding: 0 4px !important; + text-indent: 0 !important; + overflow: visible !important; + text-align: left; + background-image: none !important; + background-color: transparent; + color: #334444; + margin: 0; + font-weight: bold; + font-size: 14px; + } + .mobile-header a.menu-item:hover, + .mobile-header a.menu-item.active { + background-color: #BBCCEE; + } + + /* Layout-Tabellen auf Block umschalten */ + table.layout-main { + display: block !important; + width: 100% !important; + } + table.layout-main > tbody, + table.layout-main > tbody > tr { + display: block !important; + } + table.layout-main > tbody > tr > td { + display: block !important; + width: 100% !important; + padding: 0 !important; + } + + /* Linke Sidebar ausblenden */ + td.sidebar-left, + td.sidebar-left * { + display: none !important; + } + + /* Content-Bereich: Volle Breite */ + td.content-area { + width: 100% !important; + padding: 8px !important; + } + td.content-area table { + width: 100% !important; + padding: 8px !important; + } + + /* Spacer-Bild ausblenden */ + img.spacer { + display: none !important; + } + + /* Rechte Sidebar: Volle Breite, unter Content */ + td.sidebar-right { + width: 100% !important; + padding: 8px !important; + } + td.sidebar-right > table { + width: 100% !important; + } + td.sidebar-right > table > tbody > tr > td > table { + display: block !important; + width: 100% !important; + } + td.sidebar-right > table > tbody > tr > td > table > tbody > tr { + display: flex !important; + flex-wrap: wrap; + align-items: flex-start; + } + td.sidebar-right > table > tbody > tr > td > table > tbody > tr > td { + display: block !important; + } + td.sidebar-right > table > tbody > tr > td > table > tbody > tr > td:first-child { + flex: 1 !important; + min-width: 0 !important; + width: auto !important; + } + td.sidebar-right > table > tbody > tr > td > table > tbody > tr > td:last-child { + display: none !important; + } + + /* Navigation in sidebar-right auf Mobile ausblenden */ + .sidebar-right .nav-toggle { + display: none !important; + } + + /* Footer: Volle Breite */ + td[colspan="2"] table { + width: 100% !important; + } + + /* Typografie anpassen */ + body { + font-size: 14px !important; + line-height: 1.4; + } + h1 { + font-size: 18pt !important; + padding: 8px; + } + h2 { + font-size: 11pt !important; + } + h3 { + font-size: 14pt !important; + padding-left: 10px !important; + } + p { + font-size: 14px !important; + } + + /* Formulare: Volle Breite */ + input[type="text"], + input[type="email"], + input[type="submit"], + textarea { + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; + } + + /* Tabellen in Inhalten: Volle Breite */ + td.content-area table { + display: table !important; + width: 100% !important; + } + + /* Quicknav: Kompakte horizontale Leiste */ + .quicknav-table { + width: 100% !important; + } + .quicknav-table td { + display: inline-block !important; + width: auto !important; + height: auto !important; + padding: 2px 4px !important; + } + .quicknav-table img { + display: none !important; + } + + /* Pseudonym-Box: Volle Breite */ + .pseudonym-box { + width: 100% !important; + max-width: 350px; + } + p[align="right"] { + text-align: center !important; + } + + /* Bilder: Responsiv */ + img { + max-width: 100% !important; + height: auto !important; + } + + /* Background: komplett aus */ + body { + background-image: none !important; + } + body::before { + display: none !important; + } +} + +/* Kleinere Breakpoint: 480px */ +@media (max-width: 480px) { + body { + font-size: 13px !important; + } + h1 { + font-size: 16pt !important; + } + td.content-area { + padding: 4px !important; + } + td.content-area table { + padding: 4px !important; + } +} diff --git a/src/assets/images/logomobile.gif b/src/assets/images/logomobile.gif new file mode 100755 index 0000000000000000000000000000000000000000..69ec33e481497c8a74eb5e4fa27fa2e38381dea9 GIT binary patch literal 11518 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 CYav|# literal 0 HcmV?d00001 diff --git a/src/css/nav-replacement.njk b/src/css/nav-replacement.njk index 449189f..36f8011 100644 --- a/src/css/nav-replacement.njk +++ b/src/css/nav-replacement.njk @@ -27,3 +27,12 @@ a.menu-{{ item }}.active { background-image: url("/assets/menu/{{ item }}_a.gif"); } {% endfor %}{% endfor %} + +/* Mobile: Navigation als Text statt Bilder */ +@media (max-width: 768px) { + a.menu-item { + background-image: none !important; + text-indent: 0 !important; + overflow: visible !important; + } +}