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: fixed;
-    bottom: 110%;
+    position: absolute;
+    inset: 0;
+    opacity: 0;
   }
   &:first-of-type {
     border-top-left-radius: 0.5rem !important;

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 %}