From 6de90310556f53cf037ce75b7eb438da1c627286 Mon Sep 17 00:00:00 2001
From: sloane <1699281+sloanelybutsurely@users.noreply.github.com>
Date: Sat, 24 Feb 2024 19:31:09 -0500
Subject: [PATCH] better layout, add back dark mode

---
 assets/css/app.css                           | 14 +++++++++
 lib/sloane_sh/layouts/helpers.ex             |  2 +-
 lib/sloane_sh/layouts/partials.ex            | 13 +++++---
 priv/site/layouts/page.html.eex              |  2 +-
 priv/site/layouts/post.html.eex              |  2 +-
 priv/site/layouts/root.html.eex              |  2 +-
 priv/site/pages/home.md                      | 12 -------
 priv/site/pages/home.md.eex                  | 27 ++++++++++++++++
 priv/site/pages/search.html                  | 15 ++++++---
 priv/site/posts/2023-07-03-obsidianrc.md     | 33 ++++++++++++++++++++
 priv/site/posts/2023-12-28-in-review-2023.md | 19 +++++++++++
 priv/site/posts/2024-02-16-test-post.md      | 11 -------
 12 files changed, 117 insertions(+), 35 deletions(-)
 delete mode 100644 priv/site/pages/home.md
 create mode 100644 priv/site/pages/home.md.eex
 create mode 100644 priv/site/posts/2023-07-03-obsidianrc.md
 create mode 100644 priv/site/posts/2023-12-28-in-review-2023.md
 delete mode 100644 priv/site/posts/2024-02-16-test-post.md

diff --git a/assets/css/app.css b/assets/css/app.css
index 76fcadc..c7a0e25 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1,3 +1,17 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
+
+body {
+  --pagefind-ui-border-width: 1px;
+}
+
+@media (prefers-color-scheme: dark) {
+  #search {
+    --pagefind-ui-primary: #eeeeee;
+    --pagefind-ui-text: #eeeeee;
+    --pagefind-ui-background: rgb(64, 64, 64);
+    --pagefind-ui-border: rgb(163, 163, 163);
+    --pagefind-ui-tag: #152028;
+  }
+}
diff --git a/lib/sloane_sh/layouts/helpers.ex b/lib/sloane_sh/layouts/helpers.ex
index 04e9b37..8109509 100644
--- a/lib/sloane_sh/layouts/helpers.ex
+++ b/lib/sloane_sh/layouts/helpers.ex
@@ -14,7 +14,7 @@ defmodule SloaneSH.Layouts.Helpers do
   def sorted_post_attrs(%Context{} = ctx) do
     ctx.posts
     |> Enum.map(& &1.attrs)
-    |> Enum.sort_by(& &1[:date], &Date.compare/2)
+    |> Enum.sort_by(& &1[:date], {:desc, Date})
   end
 
   def fmt_date(date) do
diff --git a/lib/sloane_sh/layouts/partials.ex b/lib/sloane_sh/layouts/partials.ex
index ad435c9..6e62216 100644
--- a/lib/sloane_sh/layouts/partials.ex
+++ b/lib/sloane_sh/layouts/partials.ex
@@ -9,10 +9,15 @@ defmodule SloaneSH.Layouts.Partials do
     :def,
     :header,
     ~S"""
-    <header class="flex flex-row justify-between gap-2 border-b border-neutral-700 pb-4 mb-2" data-pagefind-ignore>
-      <div class="flex flex-col gap-2">
-        <a href="/"><h1 class="text-2xl">sloane.sh</h1></a>
-        <nav class="flex flex-row gap-2 text-xl">
+    <header class="flex flex-row justify-between gap-2 pb-4 mb-2" data-pagefind-ignore>
+    <div class="flex flex-col justify-end">
+        <%= if attrs[:title] do %>
+          <h1 class="text-3xl font-extrabold"><%= attrs[:title] %></h1>
+        <% end %>
+      </div>
+      <div class="flex flex-col gap-2 items-end">
+        <a href="/"><span class="text-lg font-bold">sloane.sh</span></a>
+        <nav class="flex flex-row gap-2">
           <a href="/" class="<%= cx(underline: attrs[:permalink] == "/") %>">home</a>
           <a href="/posts" class="<%= cx(underline: Map.get(attrs, :permalink, "") =~ ~r[^/posts]) %>">posts</a>
           <a href="/search" class="<%= cx(underline: attrs[:permalink] == "/search") %>">search</a>
diff --git a/priv/site/layouts/page.html.eex b/priv/site/layouts/page.html.eex
index 4fd910d..9257303 100644
--- a/priv/site/layouts/page.html.eex
+++ b/priv/site/layouts/page.html.eex
@@ -1,4 +1,4 @@
 <%= header(ctx, attrs) %>
-<main class="prose-neutral prose prose-xl" data-pagefind-body>
+<main class="prose-neutral prose max-w-none dark:prose-invert" data-pagefind-body>
   <%= inner_content %>
 </main>
diff --git a/priv/site/layouts/post.html.eex b/priv/site/layouts/post.html.eex
index c4daf68..8a116e5 100644
--- a/priv/site/layouts/post.html.eex
+++ b/priv/site/layouts/post.html.eex
@@ -1,5 +1,5 @@
 <%= header(ctx, attrs) %>
 
-<article class="prose-neutral prose prose-xl" data-pagefind-body>
+<article class="prose-neutral prose max-w-none dark:prose-invert" data-pagefind-body>
   <%= inner_content %>
 </article>
diff --git a/priv/site/layouts/root.html.eex b/priv/site/layouts/root.html.eex
index 7fe60c0..d34c136 100644
--- a/priv/site/layouts/root.html.eex
+++ b/priv/site/layouts/root.html.eex
@@ -7,7 +7,7 @@
     <title><%= prefix_title("sloane.sh", attrs[:page_title]) %></title>
     <link rel="stylesheet" href="/assets/css/app.css" />
   </head>
-  <body class="w-full max-w-3xl bg-white text-neutral-900">
+  <body class="w-full max-w-3xl bg-white text-neutral-900 dark:bg-neutral-900 dark:text-neutral-200">
     <%= inner_content %>
     <script defer src="/assets/js/app.js"></script>
   </body>
diff --git a/priv/site/pages/home.md b/priv/site/pages/home.md
deleted file mode 100644
index a213632..0000000
--- a/priv/site/pages/home.md
+++ /dev/null
@@ -1,12 +0,0 @@
-+++
-page_title = "home"
-permalink = "/"
-+++
-
-hey, i'm sloane! i'm a professional software engineer and an amateur musician, photographer, wife, chef, and pet mom.
-
-#### around the web
-
-- [@sloane](https://tech.lgbt/@sloane) on the fediverse
-- [@sloanelybutsurely](https://github.com/sloanelybutsurely) on github
-- [@sloane_of_arc](https://instagram.com/sloane_of_arc) on instagram
diff --git a/priv/site/pages/home.md.eex b/priv/site/pages/home.md.eex
new file mode 100644
index 0000000..86a18ff
--- /dev/null
+++ b/priv/site/pages/home.md.eex
@@ -0,0 +1,27 @@
++++
+page_title = "home"
+permalink = "/"
++++
+
+hey, i'm sloane! i'm a professional software engineer and an amateur musician, photographer, wife, chef, and pet mom.
+
+### around the web
+
+- [@sloane](https://tech.lgbt/@sloane) on the fediverse
+- [@sloanelybutsurely](https://github.com/sloanelybutsurely) on github
+- [@sloane_of_arc](https://instagram.com/sloane_of_arc) on instagram
+
+### writing
+
+i write more than i share but here are some things that have made it out of my drafts folder recently
+
+<%= for post <- Enum.take(sorted_post_attrs(ctx), 3) do %>
+  - <%= fmt_date(post[:date]) %>: [<%= post[:title] %>](<%= post[:permalink] %>)
+<% end %>
+
+
+### projects
+
+#### 🌱 [screen.garden](https://screen.garden)
+
+real-time collaboration across obsidian and the web. currently in closed beta.
diff --git a/priv/site/pages/search.html b/priv/site/pages/search.html
index 39c91da..8e75ffd 100644
--- a/priv/site/pages/search.html
+++ b/priv/site/pages/search.html
@@ -1,9 +1,16 @@
-<div class="mt-6" id="search"></div>
+</main>
+<div class="mt-6 mx-auto" id="search"></div>
 
 <link rel="stylesheet" href="/pagefind/pagefind-ui.css" />
 <script src="/pagefind/pagefind-ui.js"></script>
 <script>
-window.addEventListener('DOMContentLoaded', () => {
-  new PagefindUI({ element: '#search', showSubResults: true });
-});
+  window.addEventListener('DOMContentLoaded', () => {
+    new PagefindUI({
+      element: '#search',
+      showSubResults: true,
+      showImages: false,
+    });
+  });
 </script>
+
+<main>
diff --git a/priv/site/posts/2023-07-03-obsidianrc.md b/priv/site/posts/2023-07-03-obsidianrc.md
new file mode 100644
index 0000000..b327357
--- /dev/null
+++ b/priv/site/posts/2023-07-03-obsidianrc.md
@@ -0,0 +1,33 @@
++++
+date = 2023-07-23
+title = "obsidianrc - a programmer's approach to obsidian"
+page_title = "obsidian"
++++
+
+my biggest hangup with obsidian has always been that it isn't vim. as a longtime vim user i'm used to being able to fully customize and extend my editing experience.
+
+there are many existing community plugins that make it easy to customize some parts of obsidian but whenever i would have an idea or a desired workflow that didn't fit into one of those existing boxes i was stuck.
+
+i had three options, roughly in order of immediate work required:
+
+1. adapt my own workflows to fit the existing options
+1. contribute to an existing community plugin and hope that the original author has time to review, merge in, and publish my change
+1. build my own plugin to do exactly what i want
+
+so today i had an idea for another, hopefully easier option: obsidianrc
+
+an obsidianrc is a personal, custom plugin that resembles an "[rc](https://superuser.com/questions/144339/vimrc-screenrc-bashrc-kshrc-etc-what-does-the-rc-mean)" file like a `.vimrc`. it has no one purpose but instead is a grab-bag of whatever the author needed at the time. an obsidian user's obsidianrc evolves with her as she comes up with new workflows or changes her existing workflows.
+
+the freedom of the obsidianrc is that it never needs to be used by anyone but its author. it's a workbench covered in jigs. if any bit of functionality ever sticks out as generally useful the code is easily (famous last words perhaps...) extracted into its own plugin and published in the community plugin repo.
+
+## create your own obsidianrc 
+
+1. use the [obsidian-sample-plugin](https://github.com/obsidianmd/obsidian-sample-plugin) template
+1. name your repo `obsidianrc`
+1. install your obsidianrc in your vault
+1. fill your obsidianrc with whatever need whenever you need it
+1. (optional) use [BRAT](https://github.com/TfTHacker/obsidian42-brat) to install your obsidianrc and keep it up-to-date
+
+## what's in my obsidianrc?
+
+well at time of writing, not much. but you can take a look for yourself: [sloanelybutsurely/obsidianrc](https://github.com/sloanelybutsurely/obsidianrc)
diff --git a/priv/site/posts/2023-12-28-in-review-2023.md b/priv/site/posts/2023-12-28-in-review-2023.md
new file mode 100644
index 0000000..091f259
--- /dev/null
+++ b/priv/site/posts/2023-12-28-in-review-2023.md
@@ -0,0 +1,19 @@
++++
+date = 2023-12-28
+title = "in review: 2023"
+page_title = "in review: 2023"
++++
+
+- **january**: visited family in florida
+- **february**: switched to injections (dolls, i implore you to do the same)
+- **march**: back in florida for an elastic on-site (and an evening at disney world)
+- **april**: saw caroline polachek live
+- **may**: visited a friend in kentucky
+- **june**: was in a friend’s wedding, had brunch with friends passing through town, performed with the columbus gay men’s chorus, pride!! 🏳️‍🌈
+- **july**: vacationed in northern michigan, went to a minor league baseball game, saw an airshow (hayley’s first!), started a new job
+- **august**: went to the state fair
+- **september**: just enjoyed the last bits of summer
+- **october**: saw kim petras live in DC, started working towards my private pilot certificate
+- **november**: celebrated my 30th birthday
+- **december**: celebrated the holidays and rang in the new year with family and friends
+
diff --git a/priv/site/posts/2024-02-16-test-post.md b/priv/site/posts/2024-02-16-test-post.md
deleted file mode 100644
index c83884e..0000000
--- a/priv/site/posts/2024-02-16-test-post.md
+++ /dev/null
@@ -1,11 +0,0 @@
-+++
-title = "Test Post"
-page_title = "Test Post"
-date = 2024-02-16
-+++
-
-# Test Post
-
-this is just a test of the posts functionality
-
-Does this work ?