less busy, back to basics

site/_includes/-header.njk

@@ -9,8 +9,9 @@
       <a href="{{ "/books" | url }}">/books</a>
     </div>
     <div class="nav-toggles">
-      <label class="nav-toggle-button">☀️<input type="radio" name="theme" value="light"/></label>
-      <label class="nav-toggle-button">🌒<input type="radio" name="theme" value="dark"/></label>
+      <label class="nav-toggle-button" title="Light mode">☀️<input type="radio" name="theme" value="light"/></label>
+      <label class="nav-toggle-button" title="Automatic">🔄<input type="radio" name="theme" value="auto"/></label>
+      <label class="nav-toggle-button" title="Dark mode">🌒<input type="radio" name="theme" value="dark"/></label>
       /
       <label class="nav-toggle-button" data-language="english">English<input type="radio" name="language" value="english"/></label>
       <label class="nav-toggle-button" data-language="aurebesh">Aurebesh<input type="radio" name="language" value="aurebesh"/></label>
@@ -18,9 +19,7 @@
         const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
         const defaultPrefs = {
           language: 'english',
-          theme: darkModeMediaQuery.matches
-            ? 'dark'
-            : 'light'
+          theme: 'auto'
         };
         Object.entries(defaultPrefs).forEach(([key, defaultPref]) => {
           const currentPref = localStorage.getItem(key) ?? defaultPref;
@@ -31,18 +30,6 @@
             })
           })
         });
-        darkModeMediaQuery.addEventListener('change', e => {
-          if (localStorage.getItem('theme') != null) {
-            return;
-          }
-          applyPreference(
-            'theme',
-            e.matches
-              ? 'dark'
-              : 'light',
-            false
-          );
-        })
         function applyPreference(key, value, shouldSave) {
           document.body.setAttribute(`data-${key}`, value);
           document.querySelectorAll(`input[name=${key}]`).forEach(input => {
@@ -57,29 +44,13 @@
       </script>
     </div>
   </nav>
-  <div class="scene">
-    <div class="sky">
-      <div id="brand">
-        <h1>{{ tag | capitalize if tag else title }}</h1>
-        <div class="header-meta">
-          {%- if author -%}
-            <author>{{ author }}</author>
-          {%- endif -%}
-          {%- if date -%}
-            <date>{{ date | formatDate("MMMM D, YYYY") }}</date>
-          {%- endif -%}
-        </div>
-      </div>
-      <div class="cloud" style="--n: 0"></div>
-      <div class="cloud" style="--n: 1"></div>
-      <div class="cloud" style="--n: 2"></div>
-      <div class="cloud" style="--n: 3"></div>
-      <div class="cloud" style="--n: 4"></div>
-      <div class="cloud" style="--n: 5"></div>
-      <div class="cloud" style="--n: 6"></div>
-      <div class="cloud" style="--n: 7"></div>
-      <div class="cloud" style="--n: 8"></div>
-      <div class="cloud" style="--n: 9"></div>
-    </div>
+  <h1>{{ tag | capitalize if tag else title }}</h1>
+  <div class="header-meta">
+    {%- if author -%}
+      <author>{{ author }}</author>
+    {%- endif -%}
+    {%- if date -%}
+      <date>{{ date | formatDate("MMMM D, YYYY") }}</date>
+    {%- endif -%}
   </div>
-</header>
+</header>

site/_includes/base.njk

@@ -8,8 +8,6 @@ title: Joshua's Homepage
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="{{ "/site.css" | url }}?modified={{buildTime}}"/>
-    <link rel="preload" media="(prefers-color-scheme: light)" href="{{ "./cloud.png" | url }}" as="image" />
-    <link rel="preload" media="(prefers-color-scheme: dark)" href="{{ "./cloud-night.png" | url }}" as="image" />
     <link rel="webmention" href="https://webmention.io/joshua.seigler.net/webmention" />
     <title>{{ computedTitle }} - {{ site.title }}</title>
     <meta name="description" content="{{ description }}" />

site/pages/home.md

@@ -6,6 +6,6 @@ permalink: /
 
 I'm Joshua Seigler, a homeschooled kid born in the 80s. I've watched technology advance from dial-up and Geocities pages, to federated social media and decentralized autonomous organizations.
 
-I am currently looking for a new software engineering role! I have fifteen years of engineering experience, with a specialization in front-end development for web and mobile. See [my professional timeline](/timeline) for more information.
+At the moment I work for a risk analysis startup called QI Path. I have been a software engineer since 2010, and my focus has been on front-end development for web and mobile. See [my professional timeline](/timeline) for more information.
 
-If you would like to reach me, you can [send me electronic mail](mailto:joshua@seigler.net?subject=found+your+website) or [book an "unoffice hours" chat](https://appointments.apps.seigler.net)<sup>[?](https://interconnected.org/home/2020/09/24/unoffice_hours)</sup>
+If you would like to connect, you can [send me electronic mail](mailto:joshua@seigler.net?subject=found+your+website) or [book an "unoffice hours" chat](https://appointments.apps.seigler.net)<sup>[?](https://interconnected.org/home/2020/09/24/unoffice_hours)</sup>