Add custom icons and flags

mkdocs.yml

@@ -2,6 +2,7 @@ site_name: StarCat Systems
 site_url: https://about.starcat.systems
 theme:
   name: material
+  custom_dir: overrides
   palette:
     - media: "(prefers-color-scheme: light)"
       scheme: default
@@ -68,6 +69,9 @@ markdown_extensions:
   - pymdownx.emoji:
       emoji_index: !!python/name:material.extensions.emoji.twemoji
       emoji_generator: !!python/name:material.extensions.emoji.to_svg
+      options:
+        custom_icons:
+          - overrides/.icons
   - pymdownx.highlight:
       anchor_linenums: true
       line_spans: __span

overrides/.icons/flags/finland.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="m5 17h62v38h-62z" fill="#fff"/><g stroke-width="2"><path d="m67 33h-37v-16h-6v16h-19v6h19v16h6v-16h37z" fill="#1e50a0" stroke="#1e50a0" stroke-miterlimit="10"/><path d="m5 17h62v38h-62z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"/></g></svg>

overrides/.icons/flags/germany.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 72 72">
+  <!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: none;
+        stroke: #000;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+        stroke-width: 2px;
+      }
+
+      .st1 {
+        fill: #3d3d3d;
+      }
+
+      .st2 {
+        fill: #d22f27;
+      }
+
+      .st3 {
+        fill: #f1b31c;
+      }
+    </style>
+  </defs>
+  <path class="st3" d="M5,17h62v38H5V17Z"/>
+  <path class="st2" d="M5,30h62v12H5v-12Z"/>
+  <path class="st1" d="M5,17h62v13H5v-13Z"/>
+  <path class="st0" d="M5,17h62v38H5V17Z"/>
+</svg>

overrides/.icons/flags/luxembourg.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="m5 17h62v38h-62z" fill="#61b2e4"/><path d="m5 30h62v12h-62z" fill="#fff"/><path d="m5 17h62v13h-62z" fill="#d22f27"/><path d="m5 17h62v38h-62z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>

overrides/.icons/flags/usa.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg"><path d="m5 17h62v38h-62z" fill="#fff"/><path d="m5 17h62v5h-62z" fill="#d22f27"/><path d="m5 26h62v4h-62z" fill="#d22f27"/><path d="m5 34h62v4h-62z" fill="#d22f27"/><path d="m5 17h32v21h-32z" fill="#1e50a0"/><path d="m5 42h62v4h-62z" fill="#d22f27"/><g fill="#fff"><circle cx="9.5" cy="22" r="1.75"/><circle cx="17.5" cy="22" r="1.75"/><circle cx="25.5" cy="22" r="1.75"/><circle cx="33.5" cy="22" r="1.75"/><circle cx="29.5" cy="26" r="1.75"/><circle cx="21.5" cy="26" r="1.75"/><circle cx="13.5" cy="26" r="1.75"/><circle cx="9.5" cy="30" r="1.75"/><circle cx="17.5" cy="30" r="1.75"/><circle cx="25.5" cy="30" r="1.75"/><circle cx="33.5" cy="30" r="1.75"/><circle cx="29.5" cy="34" r="1.75"/><circle cx="21.5" cy="34" r="1.75"/><circle cx="13.5" cy="34" r="1.75"/></g><path d="m5 50h62v5h-62z" fill="#d22f27"/><path d="m5 17h62v38h-62z" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>