Add JK area logo to personal site

_quarto.yml

@@ -11,11 +11,11 @@ project:
 
 website:
   title: "Joshua Kunst"
-  site-url: https://jbkunst.github.io
-  draft-mode: unlinked
+  site-url: https://jkunst.com
+  favicon: assets/images/jkunst-logo-dark.svg\n  draft-mode: unlinked
   search: false
   navbar:
-    title: "jk"
+    title: false\n    logo: assets/images/jkunst-logo-light.svg\n    logo-alt: "Joshua Kunst"
     pinned: true
     right:
       - text: Blog

assets/css/navbar.css

@@ -32,6 +32,19 @@
   text-transform: lowercase;
 }
 
+#quarto-header .navbar-brand-logo,
+#quarto-header .navbar-brand img {
+  width: 2.65rem;
+  height: 2.5rem;
+  max-height: none;
+  object-fit: contain;
+}
+
+body:not(.landing-page) #quarto-header .navbar-brand-logo,
+body:not(.landing-page) #quarto-header .navbar-brand img {
+  content: url("../images/jkunst-logo-dark.svg");
+}
+
 #quarto-header .navbar-nav {
   gap: .4rem;
 }