Post for January 8.

_quarto.yml

@@ -9,6 +9,7 @@ website:
       - href: index.qmd
         text: Home
       - about.qmd
+      - posts.qmd
 
 format:
   html:

blog/propeller_for_drones.qmd

@@ -1,7 +0,0 @@
----
-title: "Assessing Propellers for Small Scale Drones"
-author: "James Pace"
-date: "2024/01/07"
----
-
-Blog

blog/quarto_modifying_navbar_colors.qmd

@@ -0,0 +1,36 @@
+---
+title: "Quarto: Modifying Colors of the NavBar"
+author: "James Pace"
+date: "2024/01/08"
+---
+
+[Quarto](https://quarto.org/) is a static site generator that generates websites (like
+this blog) from markdown files.
+
+Quarto sites by default use the Bootstrap component library and can be themed by
+overriding Bootstrap SASS variables as described
+[here](https://quarto.org/docs/output-formats/html-themes.html#navigation).
+
+One of the things I found confusing when trying to theme this blog was what SASS
+variable to override to change the color of the NavBar on top of every page.
+I kept trying to change the normal Boootstrap variables, but it didn't seem to
+work.
+
+For the changing the color of the NavBar, instead of the Bootstrap variables you should use the
+ones described [here](https://quarto.org/docs/output-formats/html-themes.html#navigation).
+
+More specifically, for this site, I'm using the following .scss file.
+
+```yaml
+/*-- scss:defaults --*/
+$black:    #000;
+$neon:     #39ff14;
+$white:    #FFFF;
+$blue:     #0244b8;
+
+$link-color:    $black;
+
+$navbar-bg:     $black;
+$navbar-fg:     $white;
+$navbar-hl:     $neon;
+```

posts.qmd

@@ -0,0 +1,8 @@
+---
+title: "Posts"
+toc: false
+listing:
+   contents: blog
+   type: table
+   fields: [date, title]
+---