added labs.kadaster header bar

docs/css/project.css

@@ -0,0 +1,25 @@
+.labsbar {
+    color: white;
+    background-color: rgb(0, 41, 93);
+    position: sticky;
+    top: 0;
+    z-index: 4;
+    height: 33px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    font-size: .9rem;
+  }
+
+  .labsbar .item {
+    margin: auto 1rem;
+    text-align: center;
+    display: flex;
+    align-items: baseline;
+  }
+
+  .labsbar img {
+    height: 22px;
+    margin: auto 0.7rem;
+  }
+

mkdocs.yml

@@ -21,8 +21,11 @@ nav:
     - achtergrond/open-source.md
     - achtergrond/event-sourcing.md
     - achtergrond/agile.md
+extra_css:
+  - css/project.css
 theme:
   name: material
+  custom_dir: overrides
   palette:
     primary: custom
   language: nl

overrides/main.html

@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block header %}
+<div class="container labsbar">
+    <span class="item"><img src="assets/kadaster-logo-white.png"/><a href="https://labs.kadaster.nl/" target="_blank">labs.kadaster.nl</a></span>
+    <!-- <span class="item delimeter">|</span>
+    <a class="item" href="https://federatief.datastelsel.nl/" target="_blank">federatief.datastelsel.nl</a> -->
+</div>
+{{ super() }}
+{% endblock %}