refactor: update logo

Author: esadek

template/components/navbar.html.j2

@@ -1,7 +1,10 @@
 <div id="navbar">
   <a href="/" class="navbar-logo">
     {% include "components/icons/columnar.svg" %}
-    <span>Cookbook</span>
+    <div>
+      <span class="logo-primary">Columnar</span>
+      <span class="logo-secondary">Cookbook</span>
+    </div>
   </a>
   <a href="https://github.com/columnar-tech/columnar-cookbook" class="navbar-github" aria-label="GitHub" target="_blank">
     {% include "components/icons/github.svg" %}

template/static/style.css

@@ -92,7 +92,15 @@ div.jp-RenderedText pre {
 #navbar .navbar-logo {
   display: flex;
   align-items: center;
-  gap: 0.75rem;
+  gap: 0.5rem;
+}
+
+#navbar .navbar-logo .logo-primary {
+  font-weight: 500;
+}
+
+#navbar .navbar-logo .logo-secondary {
+  font-weight: 300;
 }
 
 #navbar .navbar-github {