Add DoubleZero icon to site header (#182)

* chore(theme): use DZ color icon SVG as header logo

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* fix(theme): show DZ icon alongside Malbec logo instead of replacing it

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* fix(theme): keep DZ icon out of the mobile nav drawer

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

* chore(theme): put DZ icon left of Malbec logo in header

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Fable 5 <noreply@anthropic.com>

Author: Jared-dz

docs/logo.svg

@@ -86,3 +86,16 @@
       flex-wrap: wrap;
     }
   }
+
+/* Header shows two logos (Malbec + DoubleZero); lay them out side by side.
+   The logo partial is also reused by the mobile nav drawer — keep the DZ icon
+   out of there. */
+.md-header__button.md-logo {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+.md-nav__button.md-logo img[alt="DoubleZero"] {
+  display: none;
+}

docs/stylesheets/extra.css

@@ -6,6 +6,7 @@ site_description: >-
   contributor operations.
 theme:
   name: material
+  custom_dir: overrides
   logo: logo.png
   favicon: logo.png
   # Use a language-style globe icon for the language selector

mkdocs.yml

@@ -0,0 +1,2 @@
+<img src="{{ 'logo.svg' | url }}" alt="DoubleZero" />
+<img src="{{ config.theme.logo | url }}" alt="{{ config.site_name }}" />