Add text-only logo to navbar

Cloud-SPAN · Aug 22, 2023 · 2a3f969 · 2a3f969
1 parent 647cb30
commit 2a3f969
Show file tree

Hide file tree

Showing 18 changed files with 47 additions and 38 deletions.
diff --git a/_quarto.yml b/_quarto.yml
@@ -7,6 +7,8 @@ website:
   favicon: images/cloudspan_favicon_32x32.png
   site-url: https://cloud-span.github.io/cloud-span-quarto-site/
   navbar:
+    title: false
+    logo: images/logo_text_only_W.png
     right:
       - text: Home
         href: index.qmd
@@ -22,6 +24,7 @@ format:
   html:
     theme:
     - styles.scss
+    mainfont: Montserrat
     page-layout: full
 
 editor: visual

diff --git a/docs/about.html b/docs/about.html
@@ -70,8 +70,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="./index.html" class="navbar-brand navbar-brand-logo">
+    <img src="./images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/blogs.html b/docs/blogs.html
@@ -103,8 +103,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="./index.html" class="navbar-brand navbar-brand-logo">
+    <img src="./images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/images/logo_text_only_W.png b/docs/images/logo_text_only_W.png
diff --git a/docs/index.html b/docs/index.html
@@ -69,8 +69,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="./index.html" class="navbar-brand navbar-brand-logo">
+    <img src="./images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>
@@ -113,7 +113,7 @@
 
 <!-- main -->
 <div class="quarto-about-jolla column-page">
-  <img src="/images/clouds_cropped.jpg" class="about-image
+  <img src="images/clouds_cropped.jpg" class="about-image
   rectangle " style="width: 70em;">
  <header id="title-block-header" class="quarto-title-block default">
 <div class="quarto-title">

diff --git a/docs/self_study/Create Your Own AWS Instance/index.html b/docs/self_study/Create Your Own AWS Instance/index.html
@@ -71,8 +71,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="../../index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="../../index.html" class="navbar-brand navbar-brand-logo">
+    <img src="../../images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/self_study/Genomics/index.html b/docs/self_study/Genomics/index.html
@@ -71,8 +71,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="../../index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="../../index.html" class="navbar-brand navbar-brand-logo">
+    <img src="../../images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/self_study/Metagenomics for Microbiologists/index.html b/docs/self_study/Metagenomics for Microbiologists/index.html
@@ -71,8 +71,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="../../index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="../../index.html" class="navbar-brand navbar-brand-logo">
+    <img src="../../images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/self_study/Prenomics/index.html b/docs/self_study/Prenomics/index.html
@@ -71,8 +71,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="../../index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="../../index.html" class="navbar-brand navbar-brand-logo">
+    <img src="../../images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/self_study_courses.html b/docs/self_study_courses.html
@@ -103,8 +103,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="./index.html" class="navbar-brand navbar-brand-logo">
+    <img src="./images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/site_libs/bootstrap/bootstrap.min.css b/docs/site_libs/bootstrap/bootstrap.min.css
diff --git a/docs/sitemap.xml b/docs/sitemap.xml
@@ -2,46 +2,46 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/about.html</loc>
-    <lastmod>2023-08-22T11:31:15.062Z</lastmod>
+    <lastmod>2023-08-22T15:36:33.444Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/blogs.html</loc>
-    <lastmod>2023-08-22T11:31:26.199Z</lastmod>
+    <lastmod>2023-08-22T15:36:35.381Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/index.html</loc>
-    <lastmod>2023-08-22T11:30:51.245Z</lastmod>
+    <lastmod>2023-08-22T15:36:37.258Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/self_study/Create Your Own AWS Instance/index.html</loc>
-    <lastmod>2023-08-22T11:30:52.911Z</lastmod>
+    <lastmod>2023-08-22T15:36:38.853Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/self_study/Genomics/index.html</loc>
-    <lastmod>2023-08-22T11:30:54.588Z</lastmod>
+    <lastmod>2023-08-22T15:36:40.595Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/self_study/Metagenomics for Microbiologists/index.html</loc>
-    <lastmod>2023-08-22T11:30:56.104Z</lastmod>
+    <lastmod>2023-08-22T15:36:42.190Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/self_study/Prenomics/index.html</loc>
-    <lastmod>2023-08-22T11:30:57.633Z</lastmod>
+    <lastmod>2023-08-22T15:36:43.868Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/self_study_courses.html</loc>
-    <lastmod>2023-08-22T11:31:18.741Z</lastmod>
+    <lastmod>2023-08-22T15:36:45.976Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/upcoming/Core R/index.html</loc>
-    <lastmod>2023-08-22T11:31:01.629Z</lastmod>
+    <lastmod>2023-08-22T15:36:47.611Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/upcoming/NERC Metagenomics/index.html</loc>
-    <lastmod>2023-08-22T11:31:03.257Z</lastmod>
+    <lastmod>2023-08-22T15:36:49.159Z</lastmod>
   </url>
   <url>
     <loc>https://cloud-span.github.io/cloud-span-quarto-site/upcoming_courses.html</loc>
-    <lastmod>2023-08-22T11:31:21.277Z</lastmod>
+    <lastmod>2023-08-22T15:36:50.943Z</lastmod>
   </url>
 </urlset>
diff --git a/docs/upcoming/Core R/index.html b/docs/upcoming/Core R/index.html
@@ -71,8 +71,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="../../index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="../../index.html" class="navbar-brand navbar-brand-logo">
+    <img src="../../images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/upcoming/NERC Metagenomics/index.html b/docs/upcoming/NERC Metagenomics/index.html
@@ -71,8 +71,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="../../index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="../../index.html" class="navbar-brand navbar-brand-logo">
+    <img src="../../images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/upcoming_courses.html b/docs/upcoming_courses.html
@@ -103,8 +103,8 @@
     <nav class="navbar navbar-expand-lg navbar-dark ">
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container">
-    <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">Cloud-SPAN</span>
+    <a href="./index.html" class="navbar-brand navbar-brand-logo">
+    <img src="./images/logo_text_only_W.png" alt="" class="navbar-logo">
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/images/logo_text_only_W.png b/images/logo_text_only_W.png
diff --git a/index.qmd b/index.qmd
@@ -1,7 +1,7 @@
 ---
 title: Cloud-SPAN
 page-layout: full
-image: /images/clouds_cropped.jpg
+image: images/clouds_cropped.jpg
 about:
   template: jolla
   image-shape: rectangle

diff --git a/styles.scss b/styles.scss
@@ -1,5 +1,8 @@
 /*-- scss:defaults --*/
 
+// Fonts
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
+
 // Colours
 $night: #141414;
 $midnight_green: #003647;
@@ -17,4 +20,7 @@ $navbar-hl: $light_blue; // highlight color when hovering over navbar links
 $body-bg: $seasalt; // page background 
 $body-color: $night; // page text 
 $footer-bg: $alice_blue; // footer 
-$link-color: $midnight_green; // hyperlinks 
+$link-color: $midnight_green; // hyperlinks 
+
+/*-- scss:rules --*/
+