From e0b7f7d665cc7545941b1ed3d39130bb973539d0 Mon Sep 17 00:00:00 2001 From: Patrick Callahan Date: Tue, 8 Sep 2026 16:36:58 +0200 Subject: [PATCH 1/3] Fix scoping of footer Fixes #73 --- _quarto.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_quarto.yml b/_quarto.yml index 6d1c2da..51a9fd5 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -55,8 +55,6 @@ website: # Begin Includes include-in-header: - file: matomo-analytics.html -include-after-body: - - file: footer/footer.html # End Includes # Begin Format @@ -66,6 +64,8 @@ format: tutorial-template-html+tutorial: css: - footer/footer-style.css + include-after-body: + - file: footer/footer.html # End Format # Begin Editor From 041731447269974bc1f68b4374673b7fff7abacf Mon Sep 17 00:00:00 2001 From: Patrick Callahan Date: Tue, 8 Sep 2026 16:54:11 +0200 Subject: [PATCH 2/3] Fix footer color and headers Fixes #74 --- footer/accessibilty.qmd | 55 +----------------------- footer/footer-style.css | 50 ++++++++++++++++++---- footer/footer.html | 93 ++++++++++++++++++++++++++++------------- footer/imprint.qmd | 52 +---------------------- footer/privacy.qmd | 28 +------------ 5 files changed, 112 insertions(+), 166 deletions(-) diff --git a/footer/accessibilty.qmd b/footer/accessibilty.qmd index ae43536..1ccbc18 100644 --- a/footer/accessibilty.qmd +++ b/footer/accessibilty.qmd @@ -3,57 +3,6 @@ title: "Accessibility" page-layout: full --- - - -:::{.accessibility-container} - The Ludwig-Maximilians-Universität München strives to make its offers accessible in accordance with § 9 Act on Digitalisation in the Free State of Bavaria (Bayerisches Digitalgesetz – BayDig). This Accessibility Statement applies to applications available at [https://www.lmu.de/de/index.html](https://www.lmu.de/de/index.html), [https://www.lmu.de/de/index.html](https://www.lmu.de/de/index.html) and all subdomain pages. @@ -117,6 +66,4 @@ Email:[service@geodaten.bayern.de](mailto:service@geodaten.bayern.de)\ ### Other Help Services Students with disabilities are supported by the [Beratungsstelle für Studierende mit Behinderung und chronischer Erkrankung](https://www.lmu.de/de/workspace-fuer-studierende/support-angebote/studieren-mit-beeintraechtigung/) (Counselling Center for Students with Disabilities and Chronic Illnesses). -The [Schwerbehindertenvertretung (Representative for Disabled Persons)](https://login.lmu.de/idp/profile/SAML2/Redirect/SSO?execution=e3s1) (access protected on the service portal) can support employees. - -::: \ No newline at end of file +The [Schwerbehindertenvertretung (Representative for Disabled Persons)](https://login.lmu.de/idp/profile/SAML2/Redirect/SSO?execution=e3s1) (access protected on the service portal) can support employees. \ No newline at end of file diff --git a/footer/footer-style.css b/footer/footer-style.css index 12cb5e8..9263eab 100644 --- a/footer/footer-style.css +++ b/footer/footer-style.css @@ -1,21 +1,57 @@ +/* Footer color scheme + Colors come from the osc-brand palette (see brand.yml), which Quarto exposes + to CSS as custom properties (--brand-lmu-*) on :root: + - light scheme: lmu-black background, lmu-white foreground + - dark scheme: lmu-lightgray background, lmu-black foreground + Quarto signals the active color scheme by toggling `quarto-light` / `quarto-dark` + on , so the dark-mode overrides are scoped to body.quarto-dark. */ .osc-footer-card { - --osc-primary-green: #00883A; - background-color: var(--osc-primary-green); + --osc-footer-bg: var(--brand-lmu-black); + --osc-footer-fg: var(--brand-lmu-white); + --osc-footer-fg-hover: color-mix(in srgb, var(--osc-footer-fg) 75%, transparent); + --osc-footer-rule: color-mix(in srgb, var(--osc-footer-fg) 30%, transparent); + + background-color: var(--osc-footer-bg); + color: var(--osc-footer-fg); +} + +body.quarto-dark .osc-footer-card { + --osc-footer-bg: var(--brand-lmu-lightgray); + --osc-footer-fg: var(--brand-lmu-black); +} + +/* Headings, body text, and links all follow the footer foreground */ +.osc-footer-card h4, +.osc-footer-card p, +.osc-footer-card a { + color: var(--osc-footer-fg); +} + +.osc-footer-card a:hover { + color: var(--osc-footer-fg-hover); +} + +.osc-footer-card hr { + border-color: var(--osc-footer-rule); +} + +/* Subtle lift for the social icons */ +.osc-footer-socials a { + transition: transform 0.2s ease, color 0.2s ease; } .osc-footer-socials a:hover { transform: scale(1.05); - filter: brightness(1.2); - transition: all 0.2s ease; } +/* Keyboard focus ring in the footer foreground color, visible on both schemes */ .osc-footer-card a:focus-visible { - outline: 2px solid #FFD700; + outline: 2px solid currentColor; outline-offset: 2px; } -/* no external window thing for the icons */ +/* Quarto appends an external-link arrow to raw links; not wanted for the brand icons */ .osc-footer-socials a::after { display: none !important; -} \ No newline at end of file +} diff --git a/footer/footer.html b/footer/footer.html index f2e2998..6520598 100644 --- a/footer/footer.html +++ b/footer/footer.html @@ -1,34 +1,40 @@ -