From 4a8b4f7cb27ee95b743fa32ac647285710545b08 Mon Sep 17 00:00:00 2001
From: Samuel Clay <samuel@ofbrooklyn.com>
Date: Thu, 24 Oct 2024 07:08:16 -0700
Subject: [PATCH] Customizing theme, long way to go.

---
 blog/_config.yml                        |  9 ++++----
 blog/_sass/minima/custom-styles.scss    | 30 +++++++++++++++++++++++++
 blog/_sass/minima/custom-variables.scss |  3 +++
 blog/_sass/minima/initialize.scss       |  2 +-
 blog/_sass/minima/skins/auto.scss       |  4 ++--
 5 files changed, 41 insertions(+), 7 deletions(-)

diff --git a/blog/_config.yml b/blog/_config.yml
index 17f7ca5f7..7346c9f3c 100644
--- a/blog/_config.yml
+++ b/blog/_config.yml
@@ -8,7 +8,7 @@
 # For technical reasons, this file is *NOT* reloaded automatically when you use
 # 'bundle exec jekyll serve'. If you change this file, please restart the server process.
 #
-# If you need help with YAML syntax, here are some quick references for you: 
+# If you need help with YAML syntax, here are some quick references for you:
 # https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
 # https://learnxinyminutes.com/docs/yaml/
 #
@@ -23,26 +23,27 @@ email: blog@newsblur.com
 tagline: A new sound of an old instrument
 description: > # this means to ignore newlines until "baseurl:"
   NewsBlur is a personal news reader that brings people together to talk about the world.
-  
+
   A new sound of an old instrument.
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://blog.newsblur.com" # the base hostname & protocol for your site, e.g. http://example.com
 site.url: "https://blog.newsblur.com" # the base hostname & protocol for your site, e.g. http://example.com
 permalink: pretty
 twitter_username: newsblur
-github_username:  samuelclay
+github_username: samuelclay
 logo: /assets/newsblur_logo_512.png
 future: true
 
 # Build settings
 theme: minima
+minima:
+  skin: auto
 plugins:
   - jekyll-feed
   - jekyll-redirect-from
   - jekyll-paginate
 paginate: 10
 paginate_path: "/page:num"
-
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to
diff --git a/blog/_sass/minima/custom-styles.scss b/blog/_sass/minima/custom-styles.scss
index 7c1417ffc..8dd4a8d5c 100644
--- a/blog/_sass/minima/custom-styles.scss
+++ b/blog/_sass/minima/custom-styles.scss
@@ -1,2 +1,32 @@
 // Placeholder to allow defining custom styles that override everything else.
 // (Use `_sass/minima/custom-variables.scss` to override variable defaults)
+
+
+.site-header {
+  position: sticky;
+  top: 0;
+  background-color: $background-color;
+ 
+  // Positioning context for the mobile navigation icon
+  position: relative;
+  .wrapper {
+    display: flex;
+    align-items: center;
+  }
+ }
+
+
+.post {
+  img, video {
+    max-width: 650px;
+    vertical-align: middle;
+    display: block;
+    margin: 24px auto;
+  }
+}
+
+.site-title {
+  @include relative-font-size(2.125);
+  font-weight: 600;
+  line-height: $base-line-height * $base-font-size * 2.25;
+}
diff --git a/blog/_sass/minima/custom-variables.scss b/blog/_sass/minima/custom-variables.scss
index 2a2d0fa4e..bb5a0e825 100644
--- a/blog/_sass/minima/custom-variables.scss
+++ b/blog/_sass/minima/custom-variables.scss
@@ -1 +1,4 @@
 // Placeholder to allow overriding predefined variables smoothly.
+
+$lm-site-title-color:      #1b3e63 !default;
+$dm-site-title-color:      #1b3e63 !default;
diff --git a/blog/_sass/minima/initialize.scss b/blog/_sass/minima/initialize.scss
index 7aa2d8075..3624e7ee5 100644
--- a/blog/_sass/minima/initialize.scss
+++ b/blog/_sass/minima/initialize.scss
@@ -2,7 +2,7 @@
 
 // Define defaults for each variable.
 
-$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
+$base-font-family: "Whitney A", "Whitney B", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
 $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
 $base-font-size:   16px !default;
 $base-font-weight: 400 !default;
diff --git a/blog/_sass/minima/skins/auto.scss b/blog/_sass/minima/skins/auto.scss
index 8902e8c72..8020db504 100644
--- a/blog/_sass/minima/skins/auto.scss
+++ b/blog/_sass/minima/skins/auto.scss
@@ -10,14 +10,14 @@ $color-scheme-dark: false !default;
 // Light mode
 // ----------
 
-$lm-brand-color:           #828282 !default;
+$lm-brand-color:           #C66426 !default;
 $lm-brand-color-light:     lighten($lm-brand-color, 40%) !default;
 $lm-brand-color-dark:      darken($lm-brand-color, 25%) !default;
 
 $lm-site-title-color:      $lm-brand-color-dark !default;
 
 $lm-text-color:            #111111 !default;
-$lm-background-color:      #fdfdfd !default;
+$lm-background-color:      #FDFCF3 !default;
 $lm-code-background-color: #eeeeff !default;
 
 $lm-link-base-color:       #2a7ae2 !default;