Footer with Navigation (#13)

* Add Footer line

* colors in variables

docs/index.md

@@ -1,3 +1,8 @@
+---
+hide:
+    - footer
+---
+
 # Willkommen auf der RZL Hilfe
 
 ![RZL Logo](assets/RZL_Logo_mit_Software_schwarz_herz_rot.svg#only-light)

docs/stylesheets/extra.css

@@ -1,59 +1,71 @@
 :root {
-    --md-primary-fg-color: #e6382c;
-    --md-primary-fg-color--light: #ECB7B7;
-    --md-primary-fg-color--dark: #394955;
-    --md-primary-bg-color:               hsla(0, 0%, 100%, 1);
-    --md-primary-bg-color--light:        hsla(0, 0%, 100%, 0.7);
-
-    /* Accent color shades */
-    --md-accent-fg-color: #e6382c;
-    --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
-    --md-accent-bg-color:                hsla(0, 0%, 100%, 1);
-    --md-accent-bg-color--light:         hsla(0, 0%, 100%, 0.7);
-}
-
-:root > * {
-    /* Code block color shades */
-    --md-code-bg-color: hsla(0, 0%, 96%, 1);
-    --md-code-fg-color: hsla(200, 18%, 26%, 1);
-
-    /* Footer */
-    --md-footer-bg-color: #861f41;
-    --md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32);
-    --md-footer-fg-color: hsla(0, 0%, 100%, 1);
-    --md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);
-    --md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
-
-    /* Accent color shades */
-    --md-accent-fg-color: #e6382c;
+  --rzl-green: rgb(69, 121, 121);
+  --rzl-red: #e6382c;
+  --rzl-yellow: rgb(252, 193, 51);
+
+  --md-primary-fg-color: var(--rzl-red);
+  --md-primary-fg-color--light: #ECB7B7;
+  --md-primary-fg-color--dark: #394955;
+  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
+  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
+
+  /* Accent color shades */
+  --md-accent-fg-color: var(--rzl-red);
+  --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
+  --md-accent-bg-color: hsla(0, 0%, 100%, 1);
+  --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
+}
+
+:root>* {
+  /* Code block color shades */
+  --md-code-bg-color: hsla(0, 0%, 96%, 1);
+  --md-code-fg-color: hsla(200, 18%, 26%, 1);
+
+  /* Footer */
+  --md-footer-bg-color: hsla(0, 0%, 100%, 0);
+  --md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32);
+  --md-footer-fg-color: var(--rzl-red);
+  --md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);
+  --md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
+
+  /* Accent color shades */
+  --md-accent-fg-color: var(--rzl-red);
 }
 
 .md-typeset .admonition.warning,
 .md-typeset details.warning {
-  border-color: rgb(252, 193, 51);
+  border-color: var(--rzl-yellow);
 }
-.md-typeset .warning > .admonition-title,
-.md-typeset .warning > summary {
-  background-color: rgba(252, 193, 51, 0.1);
+
+.md-typeset .warning>.admonition-title,
+.md-typeset .warning>summary {
+  background-color: rgb(from var(--rzl-yellow) r g b / 0.1);
 }
-.md-typeset .warning > .admonition-title::before,
-.md-typeset .warning > summary::before {
-    background-color: rgb(252, 193, 51);
+
+.md-typeset .warning>.admonition-title::before,
+.md-typeset .warning>summary::before {
+  background-color: var(--rzl-yellow);
 }
 
 .md-typeset .admonition.info,
 .md-typeset details.info {
-  border-color: rgb(69, 121, 121);
+  border-color: var(--rzl-green);
 }
-.md-typeset .info > .admonition-title,
-.md-typeset .info > summary {
-  background-color: rgba(69, 121, 121, 0.1);
+
+.md-typeset .info>.admonition-title,
+.md-typeset .info>summary {
+  background-color: rgb(from var(--rzl-green) r g b / 0.1);
 }
-.md-typeset .info > .admonition-title::before,
-.md-typeset .info > summary::before {
-    background-color: rgb(69, 121, 121);
+
+.md-typeset .info>.admonition-title::before,
+.md-typeset .info>summary::before {
+  background-color: var(--rzl-green);
 }
 
 figcaption {
   font-size: .6rem;
+}
+
+.md-ellipsis {
+  font-size: 0.7rem;
 }

mkdocs.yml

@@ -13,6 +13,7 @@ theme:
     - navigation.instant
     - navigation.instant.progress
     - navigation.tabs
+    - navigation.footer
   icon:
     repo: fontawesome/brands/github      
   custom_dir: overrides
@@ -27,6 +28,11 @@ theme:
       toggle:
         icon: material/brightness-4
         name: Switch to light mode
+
+extra:
+  generator: false
+
+copyright: Copyright © 2024 RZL Software GmbH
 
 extra_css:
   - stylesheets/extra.css