From 16d3892925ae7d3371c8ddb0e682e2f7a74523f0 Mon Sep 17 00:00:00 2001 From: Emi Simpson Date: Tue, 16 Nov 2021 12:15:01 -0500 Subject: [PATCH] Add accessible homepage --- _includes/why-darkreader.html | 5 +++++ _layouts/hyper-accessible.liquid | 2 +- _layouts/landing.liquid | 12 ++++++------ home-a11y.md | 0 index.md | 1 + static/landing-style.css | 7 ++++++- 6 files changed, 19 insertions(+), 8 deletions(-) create mode 100644 home-a11y.md diff --git a/_includes/why-darkreader.html b/_includes/why-darkreader.html index c87ae6b..037fde4 100644 --- a/_includes/why-darkreader.html +++ b/_includes/why-darkreader.html @@ -38,6 +38,11 @@ content-containing page on this site. After enabling reader mode from your browser's UI, you will be able to change the font size, styling, and color.

+

+ The one exception to this rule is the site's homepage, due to the fact that a + site-root may never use reader mode. To circumvent this, I have made + a mirror of the homepage available. +

If this is a poor accommodation of your disability, or you need another service, please reach out to me at diff --git a/_layouts/hyper-accessible.liquid b/_layouts/hyper-accessible.liquid index 9f4f643..a317392 100644 --- a/_layouts/hyper-accessible.liquid +++ b/_layouts/hyper-accessible.liquid @@ -3,7 +3,7 @@ - {{ page.title }} + {{ site.title }} diff --git a/_layouts/landing.liquid b/_layouts/landing.liquid index ab35590..6bcdf79 100644 --- a/_layouts/landing.liquid +++ b/_layouts/landing.liquid @@ -35,14 +35,14 @@

Whereabouts

- +

Concoctions

diff --git a/home-a11y.md b/home-a11y.md new file mode 100644 index 0000000..e69de29 diff --git a/index.md b/index.md index 58fb2cf..73c5861 100644 --- a/index.md +++ b/index.md @@ -1,5 +1,6 @@ --- layout: landing.liquid +permalink: /home ---

This site is part of the technomancers.gay webring.

diff --git a/static/landing-style.css b/static/landing-style.css index cbca0b1..bad0d66 100644 --- a/static/landing-style.css +++ b/static/landing-style.css @@ -115,6 +115,9 @@ header p { font-size: 0.9rem; content: "@emi:the-apothecary.club" } +#socials li { + margin: 5px 0; +} #socials a { display: grid; grid-template-columns: 0fr 1fr; @@ -129,6 +132,8 @@ header p { #socials { display: grid; justify-content: center; + padding: 0; + margin: 0; margin-bottom: 20px; } #socials p { @@ -199,7 +204,7 @@ html[data-darkreader-mode] #disable-darkreader-popup { #disable-darkreader-popup { font-family: Avara Bold; position:absolute; - height: 100%; + min-height: 100%; width: 100%; justify-items: center; align-content: center;