add logo

ghostCollective · Mar 7, 2024 · 4fc5a25 · 4fc5a25
1 parent 472cd13
commit 4fc5a25
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 1 deletion.
diff --git a/_quarto.yml b/_quarto.yml
@@ -17,6 +17,7 @@ website:
 
   navbar:
     title: false
+    logo: img/ghost-logo.png
     left:
       - href: index.qmd
         text: "GHOST"
@@ -32,6 +33,7 @@ website:
 format:
   html:
     theme: ghost.scss
+    css: styles.css
     toc: false
 
 

diff --git a/docs/img/ghost-logo.png b/docs/img/ghost-logo.png
diff --git a/docs/index.html b/docs/index.html
@@ -51,6 +51,7 @@
 }</script>
 
 
+<link rel="stylesheet" href="styles.css">
 </head>
 
 <body class="nav-fixed fullcontent">
@@ -59,6 +60,11 @@
   <header id="quarto-header" class="headroom fixed-top">
     <nav class="navbar navbar-expand-lg " data-bs-theme="dark">
       <div class="navbar-container container-fluid">
+      <div class="navbar-brand-container mx-auto">
+    <a href="./index.html" class="navbar-brand navbar-brand-logo">
+    <img src="./img/ghost-logo.png" alt="" class="navbar-logo">
+    </a>
+  </div>
           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation" onclick="if (window.quartoToggleHeadroom) { window.quartoToggleHeadroom(); }">
   <span class="navbar-toggler-icon"></span>
 </button>

diff --git a/docs/styles.css b/docs/styles.css
@@ -0,0 +1,5 @@
+/* css styles */
+
+.navbar-logo {
+    max-height: 36px; 
+}
diff --git a/ghost.scss b/ghost.scss
@@ -1 +1,5 @@
-/*-- scss:defaults --*/
+/*-- scss:defaults --*/
+
+
+
+/*-- scss:rules --*/
diff --git a/img/ghost-logo.png b/img/ghost-logo.png
diff --git a/styles.css b/styles.css
@@ -0,0 +1,5 @@
+/* css styles */
+
+.navbar-logo {
+    max-height: 36px; 
+}