lmu-osc · NeuroShepherd · Sep 8, 2026 · Sep 8, 2026 · Sep 8, 2026 · Sep 8, 2026
diff --git a/CITATION.cff b/CITATION.cff
@@ -8,7 +8,7 @@ authors:
     affiliation: "LMU Open Science Center"
 title: "LMU Open Science Center Tutorial Template: A Quarto Extension"
 abstract: "A template website for the LMU Open Science Center's tutorials designed and installable as a Quarto extension"
-version: 1.0.5
+version: 1.0.6
 doi: 10.5281/zenodo.21263721
 date-released: 2026-07-08
 repository-code: "https://github.com/lmu-osc/tutorial-template"

diff --git a/_extensions/tutorial-template/_extension.yml b/_extensions/tutorial-template/_extension.yml
@@ -1,7 +1,7 @@
 title: tutorial-template
 author: Patrick Callahan
 description: A template website for the LMU Open Science Center's tutorials
-version: 1.0.5
+version: 1.0.6
 license: CC0-1.0
 quarto-required: ">=1.9.0"
 contributes:

diff --git 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

diff --git a/footer/accessibilty.qmd b/footer/accessibilty.qmd
@@ -3,57 +3,6 @@ title: "Accessibility"
 page-layout: full
 ---
 
-<style>
-  /* css styles */
-:root {
-    --primary-color: #00883A;
-    --primary-light: rgba(43, 134, 75, 0.1);
-    --text-dark: #333333;
-    --text-light: #ffffff;
-    --osc-white: #ffffff;
-    --text-light: #5f5f5f;
-    --lmu-black: #232323;
-  }
-
-#quarto-content.page-columns main.column-page{
-    margin:0 auto;
-    max-width: 1200px;
-    padding: 5rem;
-    width:100%;
-    background-color: #f9fcf9;
-}
-
-
-.accessibility-container h4{
-    font-size: 1.1rem;
-    line-height: 1.5;
-    font-weight: 600; 
-    color:var(--primary-color);
-}
-.accessibility-container h5{
-    font-size: 1rem;
-    line-height: 1.5;
-    font-weight: 600; 
-    color:var(--text-light);
-}
-
-.accessibility-container p,
-.accessibility-container li{
-    text-align: justify;
-    font-size: 1rem;
-    line-height: 1.85;
-    font-weight:400;
-    color: var(--text-light);
-}
-
-.accessibility-container a{
-    color:var(--primary-color);
-}
-
-</style>
-
-:::{.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.
-
-:::
+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.
diff --git 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 <body>, 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;
-}
+}
diff --git a/footer/footer.html b/footer/footer.html
@@ -1,34 +1,40 @@
-<footer class="osc-footer-card text-white py-5">
+<footer class="osc-footer-card py-5">
   <div class="container">
     <div class="row gy-4">
-      <div class="col-12 col-md-6 col-lg-3 ">
-        <h4 class="fw-bold fs-5 fs-lg-4 text-white">
-          Ludwig-Maximilians-Universität<br>
+      <div class="col-12 col-md-6 col-lg-3">
+        <h4 class="fw-bold fs-5 fs-lg-4">
+          Ludwig-Maximilians-Universität<br />
           LMU Open Science Center
         </h4>
         <p class="mb-0 mt-1 fw-normal fs-5">
-          Leopoldstr. 13<br>
+          Leopoldstr. 13<br />
           80802 München
         </p>
       </div>
 
       <div class="col-12 col-md-6 col-lg-3">
-        <h4 class="fw-semibold fs-5 text-white">Contact</h4>
+        <h4 class="fw-semibold fs-5">Contact</h4>
         <ul class="list-unstyled mt-2 mb-0">
           <li>
-            <a href="mailto:felix.schoenbrodt@psy.lmu.de" class="text-white text-decoration-underline">
+            <a
+              href="mailto:felix.schoenbrodt@psy.lmu.de"
+              class="text-decoration-underline"
+            >
               <i class="bi bi-envelope me-1"></i>
               Prof. Dr. Felix Schönbrodt (Managing Director)
             </a>
           </li>
           <li>
-            <a href="mailto:malika.ihle@lmu.de" class="text-white text-decoration-underline">
+            <a
+              href="mailto:malika.ihle@lmu.de"
+              class="text-decoration-underline"
+            >
               <i class="bi bi-envelope me-1"></i>
-              Dr. Malika Ihle (Coordinator) 
+              Dr. Malika Ihle (Coordinator)
             </a>
           </li>
           <li>
-            <a href="mailto:osc@lmu.de" class="text-white text-decoration-underline">
+            <a href="mailto:osc@lmu.de" class="text-decoration-underline">
               <i class="bi bi-envelope me-1"></i>
               OSC team
             </a>
@@ -37,55 +43,86 @@ <h4 class="fw-semibold fs-5 text-white">Contact</h4>
       </div>
 
       <div class="col-12 col-md-6 col-lg-3">
-        <h4 class="fw-semibold fs-5 text-white">Join Us</h4>
+        <h4 class="fw-semibold fs-5">Join Us</h4>
         <ul class="list-unstyled mt-2 mb-0">
           <li>
-            <a href="https://lists.lrz.de/mailman/listinfo/lmu-osc" target="_blank"
-               class="text-white text-decoration-underline" aria-label="Subscribe to our announcement list (opens in new window)">
+            <a
+              href="https://lists.lrz.de/mailman/listinfo/lmu-osc"
+              class="text-decoration-underline"
+              aria-label="Subscribe to our announcement list (opens in new window)"
+            >
               Subscribe to our announcement list
             </a>
           </li>
           <li>
-            <a href="https://www.osc.lmu.de/about/join-us.html" target="_blank"
-               class="text-white text-decoration-underline" aria-label="Become a member (opens in new window)">
+            <a
+              href="https://www.osc.lmu.de/about/join-us.html"
+              class="text-decoration-underline"
+              aria-label="Become a member (opens in new window)"
+            >
               Become a member
             </a>
           </li>
           <li>
-            <a href="https://matrix.to/#/#lmu-open-science-center:matrix.lmu.de" target="_blank"
-               class="text-white text-decoration-underline" aria-label="Chat with us on Matrix (opens in new window)">
+            <a
+              href="https://matrix.to/#/#lmu-open-science-center:matrix.lmu.de"
+              class="text-decoration-underline"
+              aria-label="Chat with us on Matrix (opens in new window)"
+            >
               Chat with us on Matrix
             </a>
           </li>
         </ul>
       </div>
 
-      <div class="col-12 col-md-6 col-lg-3 d-flex align-items-start gap-3 osc-footer-socials">
-        <a href="https://github.com/lmu-osc" target="_blank" class="text-white fs-3" aria-label="LMU Open Science Center on GitHub (opens in new window)">
+      <div
+        class="col-12 col-md-6 col-lg-3 d-flex align-items-start gap-3 osc-footer-socials"
+      >
+        <a
+          href="https://github.com/lmu-osc"
+          class="fs-3"
+          aria-label="LMU Open Science Center on GitHub (opens in new window)"
+        >
           <i class="bi bi-github"></i>
         </a>
-        <a href="https://www.linkedin.com/company/lmu-open-science-center/" target="_blank" class="text-white fs-3" aria-label="LMU Open Science Center on LinkedIn (opens in new window)">
+        <a
+          href="https://www.linkedin.com/company/lmu-open-science-center/"
+          class="fs-3"
+          aria-label="LMU Open Science Center on LinkedIn (opens in new window)"
+        >
           <i class="bi bi-linkedin"></i>
         </a>
-        <a href="https://bsky.app/profile/lmu-osc.bsky.social" target="_blank" class="text-white fs-3" aria-label="LMU Open Science Center on Bluesky (opens in new window)">
+        <a
+          href="https://bsky.app/profile/lmu-osc.bsky.social"
+          class="fs-3"
+          aria-label="LMU Open Science Center on Bluesky (opens in new window)"
+        >
           <i class="bi bi-bluesky"></i>
         </a>
-        <a href="https://scicomm.xyz/@lmu_osc" target="_blank" class="text-white fs-3" aria-label="LMU Open Science Center on Mastodon (opens in new window)">
+        <a
+          href="https://scicomm.xyz/@lmu_osc"
+          class="fs-3"
+          aria-label="LMU Open Science Center on Mastodon (opens in new window)"
+        >
           <i class="bi bi-mastodon"></i>
         </a>
       </div>
-
     </div>
 
-    <hr class="my-4 border-light">
+    <hr class="my-4" />
 
     <div class="d-flex flex-wrap gap-3 small">
-      <a href="/footer/imprint.qmd" class="text-white text-decoration-underline">Imprint</a>
+      <a href="/footer/imprint.qmd" class="text-decoration-underline"
+        >Imprint</a
+      >
       <span aria-hidden="true">|</span>
-      <a href="/footer/privacy.qmd" class="text-white text-decoration-underline">Privacy Policy</a>
+      <a href="/footer/privacy.qmd" class="text-decoration-underline"
+        >Privacy Policy</a
+      >
       <span aria-hidden="true">|</span>
-      <a href="/footer/accessibilty.qmd" class="text-white text-decoration-underline">Accessibility</a>
+      <a href="/footer/accessibilty.qmd" class="text-decoration-underline"
+        >Accessibility</a
+      >
     </div>
-
   </div>
 </footer>
diff --git a/footer/imprint.qmd b/footer/imprint.qmd
@@ -1,54 +1,8 @@
 ---
 title: "Imprint and Disclaimer"
-format: 
-  html:
-    toc: false
-    page-layout: full
+page-layout: full
 ---
 
-<style>
-  /* css styles */
-:root {
-    --primary-color: #00883A;
-    --primary-light: rgba(43, 134, 75, 0.1);
-    --text-dark: #333333;
-    --text-light: #ffffff;
-    --osc-white: #ffffff;
-    --text-light: #5f5f5f;
-    --lmu-black: #232323;
-  }
-
-#quarto-content.page-columns main.column-page{
-    margin:0 auto;
-    max-width: 1200px;
-    padding: 5rem;
-    width:100%;
-    background-color: #f9fcf9;
-}
-
-h4{
-    font-size: 1.1rem;
-    line-height: 1.5;
-    font-weight: 600; 
-    color:var(--primary-color);
-}
-
-.imprint-container p{
-    text-align: justify;
-    font-size: 1rem;
-    line-height: 1.85;
-    font-weight:400;
-    color: var(--text-light);
-}
-
-.imprint-container a{
-    color:var(--primary-color);
-}
-
-</style>
-
-:::{.imprint-container}
-
 Information pursuant to § 5 Telemedia Law and § 18 Abs. 2 Medienstaatsvertrag (MStV)
 
 Ludwig-Maximilians-Universität München is a state institution of the Free State of Bavaria and a legal entity under public law (Art. 4 (1) sentence 1 BayHIG). It is legally represented by its President, Professor Dr. med. Dr. h.c. Matthias H. Tschöp.
@@ -107,6 +61,4 @@ Through this cross-reference, the LMU handles access for use of this content (§
 
 An automatic, short-term interim saving of this “foreign information” by the LMU does not occur due to the selected call-up and linking method, so that the LMU does not thereby assume any responsibility for this foreign content.
 
-However, upon initial linking with these internet offers, the LMU has checked the foreign content to determine whether it may trigger a potential responsibility under civil or penal law. But we do not receive any automatic information about changes to the foreign internet offers and thus cannot constantly monitor their content for any changes. Therefore we also cannot assume any responsibility for them. Solely the particular merchant of the foreign internet offer is liable for illegal, erroneous or incomplete content, and in particular for damages which arise from the use or non-use of information by third parties. However, we endeavor to check the included links regularly with regard to these named criteria.
-
-:::
+However, upon initial linking with these internet offers, the LMU has checked the foreign content to determine whether it may trigger a potential responsibility under civil or penal law. But we do not receive any automatic information about changes to the foreign internet offers and thus cannot constantly monitor their content for any changes. Therefore we also cannot assume any responsibility for them. Solely the particular merchant of the foreign internet offer is liable for illegal, erroneous or incomplete content, and in particular for damages which arise from the use or non-use of information by third parties. However, we endeavor to check the included links regularly with regard to these named criteria.