Files
karim af587af851 ui: App-Rahmen-Layout auf allen Seiten (Header/Footer fix, main scrollt intern)
Statt Seiten-Scroll jetzt überall der Journal-„Rahmen": body height:100dvh +
overflow:hidden, Header oben / Footer unten fix, main scrollt INTERN mit
verstecktem Scrollbalken. Dadurch:
- keine Seiten-Scrollbar → Header/Footer reichen schwarz bis an den rechten Rand
  (kein weißer scrollbar-gutter-Streifen mehr)
- Footer immer unten, Inhalt im Rahmen dazwischen
- nichts hat sichtbare Scrollbalken

Inhalt 72ch-zentriert in der vollbreiten Scroll-Fläche; Hero-Bild füllt die
volle Breite (kein 100vw-Hack mehr); Breadcrumb wandert in main (scrollt mit).
Mobil: normaler Seiten-Scroll (kein 100dvh-Rahmen).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-06-01 05:36:45 +02:00

28 lines
911 B
HTML

<!DOCTYPE html>
<html
lang="{{ site.Language.Locale | default site.Language.Lang }}"
dir="{{ or site.Language.Direction `ltr` }}"
>
<head>
{{ partial "head.html" . }}
</head>
<body{{ if .IsHome }} class="is-home"{{ end }}>
<a href="#main-content" class="skip-link">Skip to content</a>
<header role="banner" class="site-header">
<a href="{{ "/" | relURL }}" class="wordmark-link" aria-label="openbureau"></a>
<nav class="site-nav" aria-label="Site">
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
</nav>
</header>
<main id="main-content" role="main">
{{ block "main" . }}{{ end }}
{{ if not .IsHome }}
<nav class="page-foot-nav" aria-label="Breadcrumb">
{{ partial "header.html" . }}
</nav>
{{ end }}
</main>
<footer role="contentinfo">{{ partial "footer.html" . }}</footer>
</body>
</html>