diff --git a/.github/ACCESSIBILITY_STATEMENT.md b/.github/ACCESSIBILITY_STATEMENT.md index bbf2e02..480bb50 100644 --- a/.github/ACCESSIBILITY_STATEMENT.md +++ b/.github/ACCESSIBILITY_STATEMENT.md @@ -36,7 +36,7 @@ The [webring's issue tracker](https://github.com/ericwbailey/a11y-webring.club/i ## Reporting issues -I ([Eric Bailey](https://ericwbailey.website/)) ask that you please let me know if discover an accessibility-related issue. I take these issues extremely seriously and will fix them as fast as possible. i will also include you in the process, if desired. +I ([Eric Bailey](https://ericwbailey.website/)) ask that you please let me know if discover an accessibility-related issue. I take these issues extremely seriously and will fix them as fast as possible. I will also include you in the process, if desired. You can submit an accessibility issue by [filing a bug report using the issue tracker's bug issue template](https://github.com/ericwbailey/a11y-webring.club/issues/new?assignees=ericwbailey&labels=bug&projects=&template=bug-report.yml&title=%5BBug%5D+). diff --git a/data/members/Eric Bailey.json b/data/members/Eric Bailey.json index 9f13401..9bece20 100644 --- a/data/members/Eric Bailey.json +++ b/data/members/Eric Bailey.json @@ -4,6 +4,7 @@ "url": "https://ericwbailey.website/colophon/", "github": "https://github.com/ericwbailey", "linkedin": "https://www.linkedin.com/in/ericwbailey/", + "bluesky": "https://bsky.app/profile/ericwbailey.website", "mastodon": "https://social.ericwbailey.website/@eric", "rss": "https://ericwbailey.website/feed/feed.xml" } diff --git a/includes/widget.njk b/includes/embed.njk similarity index 98% rename from includes/widget.njk rename to includes/embed.njk index e555805..e959ab6 100644 --- a/includes/widget.njk +++ b/includes/embed.njk @@ -1,3 +1,4 @@ +

@@ -26,3 +27,4 @@

You can style the presentation of this code to your heart’s content, so long as it is done in an accessible way.

+

diff --git a/includes/footer.njk b/includes/footer.njk index c31949c..680909c 100644 --- a/includes/footer.njk +++ b/includes/footer.njk @@ -1,6 +1,6 @@
-

- Made with Eleventy, Netlify, GitHub, and love. +

+ Made with Eleventy, Netlify, GitHub, and love.

diff --git a/includes/head.njk b/includes/head.njk index de0185c..0831bf7 100644 --- a/includes/head.njk +++ b/includes/head.njk @@ -1,7 +1,7 @@ - + @@ -14,8 +14,8 @@ - - +{# + #} diff --git a/includes/intro.njk b/includes/intro.njk index 6698ee9..7948a38 100644 --- a/includes/intro.njk +++ b/includes/intro.njk @@ -5,5 +5,5 @@ {{ metadata.title }}

- {{ metadata.description }} + A webring for digital accessibility practitioners

diff --git a/includes/members.njk b/includes/members.njk index fcb4cd5..7d88c38 100644 --- a/includes/members.njk +++ b/includes/members.njk @@ -62,6 +62,14 @@ {% endif %} + {# {% if member.bluesky %} +
  • + + + Bluesky account: {{ member.name }} + +
    • + {% endif %} #} {% if member.mastodon %}
  • diff --git a/index.njk b/index.njk index 04cf2c8..52e1487 100644 --- a/index.njk +++ b/index.njk @@ -36,7 +36,7 @@
    • - {% include "includes/widget.njk" %} + {% include "includes/embed.njk" %}
    diff --git a/site.css b/site.css index 4f51b3c..116b073 100644 --- a/site.css +++ b/site.css @@ -26,18 +26,6 @@ padding: 0; } - @keyframes target-fade { - 0% { - background-color: var(--color-primary); - color: var(--color-secondary); - outline: var(--border-thickness-2) solid var(--color-primary); - } - 100% { - background-color: unset; - color: unset; - outline: none; - } - } /* MARK: Root */ :root { @@ -81,6 +69,20 @@ } } + + @keyframes target-fade { + 0% { + outline: var(--border-thickness-2) solid currentColor; + } + 99% { + outline: var(--border-thickness-0) solid currentColor; + } + 100% { + outline: none; + } + } + + /* MARK: Basics */ html { margin: 0; @@ -129,10 +131,6 @@ color: inherit; outline: inherit; text-wrap: balance; - /* transition: - background-color var(--transition-medium), - color var(--transition-medium), - outline var(--transition-medium); */ } a { @@ -159,7 +157,7 @@ } :target { - outline: var(--border-thickness-1) solid currentColor; + animation: target-fade 1s linear; outline-offset: 0.3rem; } @@ -366,6 +364,11 @@ .c-title { font-size: var(--step-5); + line-height: 0.9; + } + + .c-tagline { + margin-block-start: var(--step-0); } .c-webring-links { @@ -634,8 +637,6 @@ } .c-codeblock { - --_codeblock-outer-columns: calc(var(--step-0) * 3); - background-color: var(--color-secondary); color: var(--color-primary); grid-area: 1 / 1; @@ -647,7 +648,6 @@ tab-size: 4; text-align: left; white-space: pre; - /* width: calc(100vw - var(--_codeblock-outer-columns)); */ word-spacing: normal; word-break: normal; word-wrap: normal; @@ -723,16 +723,33 @@ } /* MARK: Media Queries */ +@supports (-webkit-tap-highlight-color: transparent) { + @media (orientation: landscape) and (min-resolution: 2x) { + @layer layout { + :where( + .grid-prev-rand-next, + .grid-toc, + .grid-members, + .grid-join, + .c-embed, + .grid-faq, + .c-made-with, + .c-theme-switcher, + .c-footer-additional + ) { + margin-inline-start: env(safe-area-inset-left); + margin-inline-end: env(safe-area-inset-right); + } + } + } +} + @media (min-width: 38rem) { @layer components { .view-as-grid { grid-template-columns: 1fr 1fr; } - .c-codeblock { - --_codeblock-outer-columns: calc(var(--step-1) * 2.75); - } - .c-footer { padding-inline-start: var(--step-1); }