[Task] Modified theme common for header and footer sa 5384

mkdocs.yml

@@ -5,16 +5,23 @@ repo_url: null
 edit_uri: blob/main/content/
 use_directory_urls: false
 extra_css:
-    - stylesheets/extra.css
+  - stylesheets/extra.css
 theme:
-    name: material
-    font:
-      text: Montserrat
-      code: Montserrat Mono
-    custom_dir: dist/_theme
-    logo: assets/images/favicon.svg
-    favicon: assets/images/favicon.svg
-    palette:
+  name: material
+  font:
+    text: Space Grotex
+    code: Space Grotex
+    # To add custom stylesheet to _theme and acts as a build-directory path resolver
+  custom_dir: dist/_theme
+  logo_light: assets/images/logo-light.png
+  logo_dark: assets/images/logo-dark.png
+  cloud_security_alliance_logo_dark: assets/images/CSA_dark.png
+  cloud_security_alliance_logo_light: assets/images/CSA_light.png
+  hippa_compliant_logo_dark: assets/images/HC_dark.png
+  hippa_compliant_logo_light: assets/images/HC_light.png
+  favicon: assets/images/logo-light.png
+
+  palette:
     - media: "(prefers-color-scheme)"
       toggle:
         name: Switch to system preference
@@ -33,44 +40,44 @@ theme:
       toggle:
         name: Switch to dark mode
         icon: material/brightness-3
-    features:
-        - content.code.copy
-        - navigation.tracking
-        - toc.follow
-        - toc.integrate
-        - navigation.top
+  features:
+    - content.code.copy
+    - navigation.tracking
+    - toc.follow
+    - navigation.top
 
 markdown_extensions:
   - admonition
   - pymdownx.details
   - pymdownx.superfences
   - attr_list
   - pymdownx.emoji:
-        emoji_generator: !!python/name:material.extensions.emoji.to_svg
-        emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_index: !!python/name:material.extensions.emoji.twemoji
+      emoji_generator: !!python/name:material.extensions.emoji.to_svg
   - toc:
       permalink: "#"
+      title: On this page
 extra:
-    analytics:
-        provider: google
-        property: G-TTH1YYW5TX
-    consent:
-        title: Cookie consent
-        actions:
-            - accept
-            - reject
-            - manage
-        description: >-
-            We use cookies to recognize your repeated visits and preferences, as well
-            as to measure the effectiveness of our documentation and whether users
-            find what they're searching for. With your consent, you're helping us to
-            make our documentation better.
-    version:
-        provider: mike
-        default: latest
+  analytics:
+    provider: google
+    property: G-TTH1YYW5TX
+  consent:
+    title: Cookie consent
+    actions:
+      - accept
+      - reject
+      - manage
+    description: >-
+      We use cookies to recognize your repeated visits and preferences, as well
+      as to measure the effectiveness of our documentation and whether users
+      find what they're searching for. With your consent, you're helping us to
+      make our documentation better.
+  version:
+    provider: mike
+    default: latest
 plugins:
-    - search
-    - mermaid2
-    - glightbox
+  - search
+  - mermaid2
+  - glightbox
 
 nav:

resources/main.html

@@ -1,12 +1,16 @@
 {% extends "base.html" %}
 
+{% block header %}
+{% include "partials/header.html" %}
+{% endblock %}
+
 {% block footer %}
-<p>Copyright &copy; 2024 Stakater AB – <a href="#__consent">Change cookie settings</a></p>
+{% include "partials/footer.html" %}
 {% endblock %}
 
 {% block outdated %}
-  You're not viewing the latest version.
-  <a href="{{ '../' ~ base_url }}"> 
-    <strong>Click here to go to latest.</strong>
-  </a>
-{% endblock %}
+You're not viewing the latest version.
+<a href="{{ '../' ~ base_url }}">
+  <strong>Click here to go to latest.</strong>
+</a>
+{% endblock %}