Quartz sync: Jan 13, 2024, 11:34 PM

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:

content/content

@@ -1 +0,0 @@
-/home/b/Documents/Obsidian/Notes/Garden

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,

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;
 }