Edit logo icon to load different versions depending on viewer's color preference

css/theme_directives-head.html

@@ -1,3 +1,7 @@
 <div class="logo">
-  <img style="float: right; margin-top: 4px;" src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_white_square-626x626.webp" width=64 height=64" />
+  <picture>
+    <source style="float: right; margin-top: 4px;" srcset="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_black_square-626x626.webp" media="(prefers-color-scheme: light)" width=64 height=64" />
+    <source style="float: right; margin-top: 4px;" srcset="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_white_square-626x626.webp"  media="(prefers-color-scheme: dark)" width=64 height=64" />
+    <img style="float: right; margin-top: 4px;" src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_black_square-626x626.webp" width=64 height=64" />
+  </picture>  
 </div>

pages/about.md

@@ -14,6 +14,8 @@ I am interested in the intersections between productivity, knowledge, and techno
 
 Sometimes I enjoy writing and sharing my thoughts and experiences.
 
+You may contact me by [email](mailto:hello@haothitran.com) or through this [contact](https://letterbird.co/haothitran) form.
+
 ## Elsewhere
 
 - [LinkedIn](https://www.linkedin.com/in/haothitran/) — Professional profile for work history and networking.

pages/using.md

@@ -10,6 +10,36 @@ Here is a list of notable equipment and tools I use. The purpose of this list is
 
 Last updated: {{ post_last_modified }} ago
 
+## At the Desk
+
+### Workspace
+- **Desk**: Custom-built sit-stand desk (*Built in 2022*)
+  - Tabletop: Custom walnut tabletop (54" length x 30" width x 1-1/2" thick with rounded corners) from [Atelier East-End Mtl](https://eastendmtl.com/)
+  - Legs: Apex Pro from [Deskhaus](https://desk.haus/)
+- **Chair**: Herman Miller Aeron (*Purchased in 2023*)
+  - Add-on: Headrest for Aeron Chair from [Atlas Headrest](https://atlasheadrest.com/)
+  - If the Aeron did not exist, I would have purchased the Embody.
+
+### Stationery
+- **Fountain pens:**
+  - LAMY Safari (Matte Black, EF)
+  - Montblanc Meisterstück LeGrand (Platinum, EF)
+  - Pilot Decimo (Dark Grey, EF)
+  - Pilot Vanishing Point (Matte Black, F)
+  - Pilot Custom 823 (Amber Brown, F)
+  - Sailor Pro Gear (Graphite Lighthouse, MF)
+  - Sailor Pro Gear (Knight to E4, MF)
+  - Sailor Pro Gear Realo (Black, F)
+  - TWISBI Diamond 580ALR (Nickel, EF)
+- **Fountain pen ink**:
+  - Platinum Carbon Black
+  - Sailor Sei-boku
+- **Notebooks/paper**:
+  - Journaling in a Midori MD notebook (A5, dot grid).
+  - Planning in a Plotter ring binder (Liscio black, personal/bible-sized, various paper).
+  - Logging books/games in a Traveler's notebook (standard-sized, camel cover).
+  - Carrying around a Traveler's notebook (passport-sized, brown cover) as a pocket notebook. Useful!
+
 ## Hardware
 
 ### Devices  
@@ -20,15 +50,7 @@ Last updated: {{ post_last_modified }} ago
 - **Phone**: iPhone 11 (*Purchased in 2019*)
 - **E-reader**: Kobo Clara (*Purchased in 2023*)
 
-### Workspace
+### Computer Peripherals
-- **Desk**: Custom-built sit-stand desk (*Built in 2022*)
-  - Tabletop: Custom walnut tabletop (54" length x 30" width x 1-1/2" thick with rounded corners) from [Atelier East-End Mtl](https://eastendmtl.com/)
-  - Legs: Apex Pro from [Deskhaus](https://desk.haus/)
-- **Chair**: Herman Miller Aeron (*Purchased in 2023*)
-  - Add-on: Headrest for Aeron Chair from [Atlas Headrest](https://atlasheadrest.com/)
-  - If the Aeron did not exist, I would have purchased the Embody.
-
-### Peripherals
 - **Monitors**: Using a stacked dual-screen setup
   - 34" 21:9 IPS 180Hz (*Purchased in 2022*)
   - 24" 16:9 IPS 60Hz (*Purchased in 2020*)
@@ -106,19 +128,22 @@ Here are online subscriptions and services that I pay for:
 | Bitwarden                   |      $10.00 |       $0.83 |       $1.19 |
 | Hover (domain names)        |      $55.33 |       $4.61 |       $6.63 |
 | Bear (blogging platform)    |      $49.00 |       $4.08 |       $5.89 |
-| PikaPods (hosting web apps) |      $57.72 |       $4.81 |       $6.95 |
+| PikaPods (hosting web apps) |      $72.06 |       $6.05 |       $8.66 |
 | Proton (Mail Plus)          |      $47.99 |       $3.99 |       $5.74 |
 | Discord (Nitro Basic)       |      $33.89 |       $2.82 |       $4.05 |
 | Spotify (Duo)               |     $149.40 |      $12.45 |      $17.89 |
 | Video streaming (various)   |     $166.92 |      $13.91 |      $20.00 |
-| Gaming services             |     $166.92 |      $13.91 |      $20.00 |
+| Gaming subscriptions        |     $166.92 |      $13.91 |      $20.00 |
-| **Totals**                  | **$737.17** |  **$61.41** |  **$88.34** |
+| **Totals**                  | **$752.05** |  **$62.65** |  **$90.05** |
 
 For PikaPods, I have a couple web apps deployed using their managed services:
 - [Actual](https://actualbudget.org/) for personal budgeting using the envelop method.
 - [CommaFeed](https://github.com/Athou/commafeed/) for reading RSS feeds.
 - [Gitea](https://gitea.com/) for my personal project repositories.
+- [Umami](https://umami.is/) for website analytics.
 
 For video streaming, I rotate through a number of services and only subscribe for a month at a time to watch what I want. In some months, I don't have an active subscription running, so this number is a little inflated.
 
+For gaming subscriptions, similar to above idea.
+
 Overall, I am quite happy with how much I am spending on my online subscriptions. It could be better, but I am satisfied that it is below $100 CAD per month.

posts/2025-01-01_resetting-defaults.md

@@ -12,14 +12,17 @@ make_discoverable: false
   - Design my environment to encourage desired behaviour.
   - Carry around e-reader to read more books.
   - Be an active consumer and creator.
-- Reduce discretionary spending.
-  - Wait at least 30 days before purchasing discretionary wants.
 - Consult budget before buying anything.
+  - To reduce discretionary spending.
+  - Wait at least 30 days before purchasing discretionary wants.
+    - To reduce impulse spending.
     - Builds anticipation. Allows consideration. Exercises patience.
-- Strive to reach zero stash/backlog!
+- Strive to reach zero stash/backlog.
   - Use what I have rather than buying something new and shiny.
-  - Play through existing games in my library.
+  - I have SABLE levels of stationery which I should use up instead of looking to add to my stash.
-  - Read books
+    - SABLE = Stash acquisition beyond life expectancy.
+  - Play through existing games in my backlog.
+  - Read through unread books on my selves.
 - Be mindful of mindlessly wasting time.
 
 ## Why?