From 673953497fe06826b5f64197223c99336c8cb1b4 Mon Sep 17 00:00:00 2001
From: James Pace <jpace121@gmail.com>
Date: Tue, 9 Jan 2024 00:14:48 +0000
Subject: [PATCH] Post for January 8.

---
 _quarto.yml                             |  1 +
 blog/propeller_for_drones.qmd           |  7 -----
 blog/quarto_modifying_navbar_colors.qmd | 36 +++++++++++++++++++++++++
 posts.qmd                               |  8 ++++++
 4 files changed, 45 insertions(+), 7 deletions(-)
 delete mode 100644 blog/propeller_for_drones.qmd
 create mode 100644 blog/quarto_modifying_navbar_colors.qmd
 create mode 100644 posts.qmd

diff --git a/_quarto.yml b/_quarto.yml
index d82a15b..cb95fe8 100644
--- a/_quarto.yml
+++ b/_quarto.yml
@@ -9,6 +9,7 @@ website:
       - href: index.qmd
         text: Home
       - about.qmd
+      - posts.qmd
 
 format:
   html:
diff --git a/blog/propeller_for_drones.qmd b/blog/propeller_for_drones.qmd
deleted file mode 100644
index 422633a..0000000
--- a/blog/propeller_for_drones.qmd
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: "Assessing Propellers for Small Scale Drones"
-author: "James Pace"
-date: "2024/01/07"
----
-
-Blog
\ No newline at end of file
diff --git a/blog/quarto_modifying_navbar_colors.qmd b/blog/quarto_modifying_navbar_colors.qmd
new file mode 100644
index 0000000..a11c17a
--- /dev/null
+++ b/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;
+```
\ No newline at end of file
diff --git a/posts.qmd b/posts.qmd
new file mode 100644
index 0000000..f577d87
--- /dev/null
+++ b/posts.qmd
@@ -0,0 +1,8 @@
+---
+title: "Posts"
+toc: false
+listing:
+   contents: blog
+   type: table
+   fields: [date, title]
+---