From a6fdd6100c7993909acf6591a1a1bbdf9b34e7f7 Mon Sep 17 00:00:00 2001
From: Joshua Seigler <joshua@seigler.net>
Date: Fri, 6 Jun 2025 12:59:01 -0400
Subject: [PATCH] better accessible styles

---
 assets/site.css         | 19 +++++++++++++++----
 site/timeline/2025.md   |  1 +
 site/timeline/index.njk |  2 +-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/assets/site.css b/assets/site.css
index 2a3027e..f7547ef 100644
--- a/assets/site.css
+++ b/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: fixed;
-    bottom: 110%;
+    position: absolute;
+    inset: 0;
+    opacity: 0;
   }
   &:first-of-type {
     border-top-left-radius: 0.5rem !important;
diff --git a/site/timeline/2025.md b/site/timeline/2025.md
index 50ae291..54a7d9d 100644
--- a/site/timeline/2025.md
+++ b/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
 ---
diff --git a/site/timeline/index.njk b/site/timeline/index.njk
index d6c0294..c5badce 100644
--- a/site/timeline/index.njk
+++ b/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 %}