Update logo so it splits a little nicer

assets/css/logo.css

@@ -5,4 +5,8 @@
   background: var(--accent);
   color: black;
   padding: 5px 10px;
+  
+  span {
+      text-align: center;
+  }
 }

layouts/partials/logo.html

@@ -1,5 +1,18 @@
 <a href="{{ if $.Site.Params.Logo.LogoHomeLink }}{{ $.Site.Params.Logo.LogoHomeLink }}{{else}}{{ $.Site.BaseURL }}{{ end }}">
   <div class="logo">
-    {{ with $.Site.Params.Logo.logoText }}{{ . }}{{ else }}Terminal{{ end }}
+    {{ with $.Site.Params.Logo.logoText }}
+      {{ if $.Site.Params.Logo.logoSplit}}
+        {{ $logoSplit := split . $.Site.Params.Logo.logoSplit }}
+        {{ range $logoSplit }}
+          <span>{{ . }}</span>
+          {{ if in (last 1 $logoSplit) . }}
+          {{ else }}
+            <span style="margin: 0 0.75em"> / </span>
+          {{ end }}
+        {{ end }}
+      {{ else }}
+        {{ . }}
+      {{ end }}
+    {{ end }}
   </div>
 </a>