Update logo

Author: johnsamuelwrites

_layouts/default.html

@@ -34,7 +34,7 @@
   <header class="site-header" role="banner">
     <nav class="nav-container" aria-label="Main navigation">
       <a class="nav-brand" href="{{ '/' | relative_url }}">
-        <span class="brand-icon" aria-hidden="true">⬡</span>
+        <img class="brand-icon" src="{{ '/assets/images/logo.svg' | relative_url }}" alt="" aria-hidden="true" />
         <span class="brand-name">multilingual</span>
         <span class="brand-version">v{{ site.version }}</span>
       </a>
@@ -68,7 +68,7 @@
       <div class="footer-grid">
         <div class="footer-brand">
           <div class="footer-logo">
-            <span class="brand-icon">⬡</span>
+            <img class="brand-icon" src="{{ '/assets/images/logo.svg' | relative_url }}" alt="" aria-hidden="true" />
             <span class="brand-name">multilingual</span>
           </div>
           <p class="footer-tagline">Write code in 17 human languages.<br/>One formal core. Infinite expression.</p>
@@ -120,3 +120,4 @@ <h4>Project</h4>
   <script src="{{ '/assets/js/main.js' | relative_url }}"></script>
 </body>
 </html>
+

assets/css/main.css

@@ -123,9 +123,10 @@ body {
 }
 
 .brand-icon {
-  font-size: 1.5rem;
-  color: var(--accent-cyan);
-  line-height: 1;
+  width: 1.5rem;
+  height: 1.5rem;
+  display: block;
+  flex-shrink: 0;
 }
 
 .brand-name {
@@ -1071,7 +1072,7 @@ body {
   margin-bottom: 1rem;
 }
 
-.footer-logo .brand-icon { color: var(--accent-cyan); font-size: 1.5rem; }
+.footer-logo .brand-icon { width: 1.5rem; height: 1.5rem; }
 .footer-logo .brand-name {
   font-family: var(--font-sans);
   font-weight: 700;
@@ -1215,3 +1216,4 @@ pre:hover .copy-btn { opacity: 1; }
   .main-content { padding: 0; }
   body { background: white; color: black; }
 }
+