better accessible styles

assets/site.css

@@ -115,11 +115,21 @@ a[href]:focus-visible,
 nav label:hover,
 nav label:focus-visible,
 nav label:has(input:focus-visible),
-.nav-toggle-button:has(input[type="radio"]:checked) {
+nav label:has(input:checked)
+{
+  outline: none;
   background-color: var(--c-accent);
+  box-shadow: 0 0 0.5rem var(--c-accent);
   text-decoration: none;
   border-radius: 0.5rem;
 }
+a[href]:focus-visible,
+nav label:focus-visible,
+nav label:has(input:focus-visible)
+{
+  z-index: 1;
+  outline: 2px solid var(--c-text-dark);
+}
 
 main p img {
   max-width: 100%;
@@ -301,6 +311,7 @@ footer section {
 }
 
 .nav-toggle-button {
+  position: relative;
   cursor: pointer;
   text-decoration-line: underline;
   display: inline-block;
@@ -310,9 +321,9 @@ footer section {
   border-radius: 0 !important;
   background-color: var(--c-text-background-light);
   > input[type="radio"] {
-    visibility: hidden;
+    position: absolute;
-    position: fixed;
+    inset: 0;
-    bottom: 110%;
+    opacity: 0;
   }
   &:first-of-type {
     border-top-left-radius: 0.5rem !important;
@@ -402,7 +413,7 @@ h3 {
 a.header-anchor {
   position: absolute;
   transform: translateX(-100%);
-  margin-left: -0.2ch;
+  left: -0.2ch;
   opacity: 0;
   transition: opacity ease-in 0.1s;
   &::before {

site/pages/home.md

@@ -6,6 +6,7 @@ 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.
 
-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.
+<!-- 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 connect, you can [send me electronic mail](mailto:joshua@seigler.net?subject=found+your+website) or [book an "unoffice hours" chat](/unoffice-hours)<sup>[?](https://interconnected.org/home/2020/09/24/unoffice_hours)</sup>

site/timeline/2025.md

@@ -3,4 +3,5 @@ title: Senior Frontend Developer @ [QI Path](https://www.qipath.com/)
 time: 2025-present
 description: |
   QI Path is a startup, a risk analysis platform. This platform helps decision makers in a variety of industries accurately assess risk, so they can make decisions with an awareness of hidden vulnerabilities and minimize quality and safety issues. This role also re-connects me with a college friend!
+draft: true
 ---

site/timeline/index.njk

@@ -5,7 +5,7 @@ permalink: timeline/index.html
 title: Timeline
 ---
 {% for item in collections.timeline | reverse %}
-  {% if item.data.title !== "Timeline" %}
+  {% if item.data.title !== "Timeline" and not item.data.draft %}
     <h3 id="{{item.data.time}}"><a class="header-anchor" href="#{{item.data.time}}" aria-hidden="true"></a>{{ item.data.title | markdown | safe }} <aside>{{item.data.time}}</aside></h3>
     <p>{{ item.data.description | markdown | safe }}</p>
   {% endif %}