Add logo

assets/css/screen.css

@@ -1022,10 +1022,55 @@ Search                         LOGO                    Login Subscribe
 
 /* 8. Header
 /* ---------------------------------------------------------- */
+.gh-navigation-logo {
+    display: flex;
+    align-items: center;
+    flex: 0 0 auto;
+    text-decoration: none;
+    font-weight: bold;
+    color: var(--color-secondary-text)
+}
+
+.logo-mark {
+    display: inline-flex;
+    align-items: center;
+    margin-right: 5px;
+    height: 0.8em;
+}
+
+.logo-text {
+    font-size: 0.8em;
+    font-family: var(--font-mono);
+}
+
+.logo-cursor {
+    display: inline-block;
+    width: 0.4em;
+    height: 0.8em;
+    background: var(--color-secondary-text);
+    margin-left: 5px;
+    border-radius: 1px;
+    animation: cursor 1.5s infinite;
+}
+
+.greater-icon {
+    width: 0.6em;
+    height: 0.6em;
+}
+.greater-icon path {
+    stroke: currentColor;
+    stroke-width: .95rem;
+}
+
+@keyframes cursor {
+    0% { opacity: 0; }
+    50% { opacity: 1; }
+    100% { opacity: 0; }
+}
 
 #svglogo {
-    height: 3em;
-    width: 3em;
+    height: 2.5em;
+    width: 2.5em;
 }
 
 #svglogo use {

partials/components/logo.hbs

@@ -0,0 +1,5 @@
+{{> "icons/svglogo"}}
+
+<span class="logo-mark">{{> "icons/greater-icon"}}</span>
+<span class="logo-text">sd.ai</span>
+<span class="logo-cursor"></span>

partials/components/navigation.hbs

@@ -6,7 +6,7 @@
                 {{#if @site.logo}}
                     <img src="{{@site.logo}}" alt="{{@site.title}}">
                 {{else}}
-                    {{@site.title}}
+                    {{> "components/logo"}}
                 {{/if}}
             </a>
             {{> "search-toggle"}}

partials/icons/greater-icon.hbs

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="greater-icon" viewBox="0 0 44 44">
+  <path fill="none" d="M15 8l14.729 14.382L15 35.367" />
+</svg>