joshua/joshua.seigler.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better accessible styles

Browse source
This commit is contained in:
Joshua Seigler 2025-06-06 12:59:01 -04:00
parent 9cb8993473
commit a6fdd6100c
3 changed files with 17 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/site.css
View file

@ -115,11 +115,21 @@ a[href]:focus-visible,
nav label:hover, nav label:hover,
nav label:focus-visible, nav label:focus-visible,
nav label:has(input: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); background-color: var(--c-accent);
box-shadow: 0 0 0.5rem var(--c-accent);
text-decoration: none; text-decoration: none;
border-radius: 0.5rem; 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 { main p img {
max-width: 100%; max-width: 100%;
@ -301,6 +311,7 @@ footer section {
} }
.nav-toggle-button { .nav-toggle-button {
position: relative;
cursor: pointer; cursor: pointer;
text-decoration-line: underline; text-decoration-line: underline;
display: inline-block; display: inline-block;
@ -310,9 +321,9 @@ footer section {
border-radius: 0 !important; border-radius: 0 !important;
background-color: var(--c-text-background-light); background-color: var(--c-text-background-light);
> input[type="radio"] { > input[type="radio"] {
visibility: hidden; position: absolute;
position: fixed; inset: 0;
bottom: 110%; opacity: 0;
} }
&:first-of-type { &:first-of-type {
border-top-left-radius: 0.5rem !important; border-top-left-radius: 0.5rem !important;

1
site/timeline/2025.md
View file

@ -3,4 +3,5 @@ title: Senior Frontend Developer @ [QI Path](https://www.qipath.com/)
time: 2025-present time: 2025-present
description: | 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! 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
--- ---

2
site/timeline/index.njk
View file

@ -5,7 +5,7 @@ permalink: timeline/index.html
title: Timeline title: Timeline
--- ---
{% for item in collections.timeline | reverse %} {% 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> <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> <p>{{ item.data.description | markdown | safe }}</p>
{% endif %} {% endif %}