From b95ab7e80811e918cc64c1c58e68b20cc1aeeea2 Mon Sep 17 00:00:00 2001
From: bfahrenfort <bfahrenfort1@gmail.com>
Date: Sat, 13 Jan 2024 23:34:50 -0600
Subject: [PATCH] Quartz sync: Jan 13, 2024, 11:34 PM

---
 content/Updates/2024/jan.md |  3 ++-
 content/content             |  1 -
 quartz.config.ts            |  2 +-
 quartz/styles/custom.scss   | 39 ++++++++++++++++++++++++++-----------
 4 files changed, 31 insertions(+), 14 deletions(-)
 delete mode 120000 content/content

diff --git a/content/Updates/2024/jan.md b/content/Updates/2024/jan.md
index 4c52c50e1..a179bd4dd 100644
--- a/content/Updates/2024/jan.md
+++ b/content/Updates/2024/jan.md
@@ -3,7 +3,8 @@ title: 01/24 - Summary of Changes
 draft: false
 tags:
   - "#update"
-date: 2024-01-01
+date: 2024-01-03
+lastmod: 2024-01-31
 ---
 ## Housekeeping
 I feel like I finally have a handle on the feel of this site. Front page looks very polished now, and I got around to drawing a great-looking and really symbolic logo:
diff --git a/content/content b/content/content
deleted file mode 120000
index 21ce03dc5..000000000
--- a/content/content
+++ /dev/null
@@ -1 +0,0 @@
-/home/b/Documents/Obsidian/Notes/Garden
\ No newline at end of file
diff --git a/quartz.config.ts b/quartz.config.ts
index c06e2c705..2c7bbb294 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -4,7 +4,7 @@ import * as Plugin from "./quartz/plugins"
 const config: QuartzConfig = {
   configuration: {
     defaultDateType: "modified",
-    pageTitle: "🌱 Projects & Privacy",
+    pageTitle: "🌱 Projects 🌑 Privacy",
     enableSPA: true,
     enablePopovers: true,
     analytics: null,
diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index 7b0d80a55..7f631ad11 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -1,18 +1,35 @@
 @use "./base.scss";
 
-// put your custom CSS here!
-$backg: "/static/moon-light.png";
-
+// Pseudo-element for the transparent background cover moon
 [saved-theme="dark"] body::before {
   filter: invert(100%);
+  opacity: 0.03;
+}
+body::before {
+  pointer-events: none;
+  filter: invert(0%);
+  content: url("/moon-light.png");
+  position: fixed;
+  top: -400px;
+  left: -300px;
+  transform: scale(0.67);
+  // content: "";
+  // background-image: url("/static/moon-light.png");
+  opacity: 0.04;
 }
 
-body::before {
-  filter: invert(0%);
-  content: url("/static/moon-light.png");
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  opacity: 0.03;
-  overflow: auto;
+// Specifically the first part of the index page with the moon
+[saved-theme="dark"] body[data-slug="index"] img[src="./moon-light.png"] {
+  filter: invert(100%);
+}
+body[data-slug="index"] img {
+  float: left;
+  margin-left: initial;
+  width: 30%;
+  filter: invert(0%);
+}
+
+body[data-slug="index"] blockquote[class="callout"][data-callout="tip"] {
+  margin: 5em 3em;
+  display: inline-block;
 }