docs: update header so the logo is a bg image

Author: boriel

docs/overrides/stylesheets/extra.css

@@ -1,6 +1,19 @@
-/* Apply Press Start 2P font to the main header */
+/* Import Sinclair Logo font */
+/*@font-face {*/
+/*  font-family: 'Sinclair Logo';*/
+/*  src: url('../fonts/sinclair-logo.otf.woff2') format('woff2');*/
+/*  font-weight: normal;*/
+/*  font-style: normal;*/
+/*}*/
+
+/* Apply Sinclair Logo font to the main header */
+.md-header {
+  background-color: #333333; /* Dark gray background color */
+}
+
 .md-header__title {
   font-family: 'Press Start 2P', cursive;
+  color: #af0d0d;
 }
 
 /* Ensure the site name maintains its size */
@@ -13,18 +26,9 @@
   background-repeat: no-repeat;
   background-position: left center;
   background-size: auto 100%;
-  padding-left: 50px; /* Add some padding to prevent text overlapping with the logo */
 }
 
 /*!* Make the logo size 100% of the header *!*/
-/*.md-header__button.md-logo {*/
-/*  height: 100%;*/
-/*  padding: 0;*/
-/*}*/
-
-/*.md-header__button.md-logo img {*/
-/*  padding: 0;*/
-/*  height: 100%;*/
-/*  margin: 0;*/
-/*  width: auto;*/
-/*}*/
+.md-header__button.md-logo {
+  color: #ff000000;
+}

mkdocs.yml

@@ -1,4 +1,4 @@
-site_name: Boriel Basic Docs
+site_name: Boriel BASIC
 nav:
   - Home: index.md
   - Syntax: syntax.md