Emi/faery-ring
1
1
Fork 1
Code Issues Pull requests Releases 2 Activity

Add accessible homepage

Browse source
This commit is contained in:
Emi Simpson 2021-11-16 12:15:01 -05:00
parent 773c962e13
commit 16d3892925
Signed by: Emi
GPG key ID: A12F2C2FFDC3D847
6 changed files with 19 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
_includes/why-darkreader.html
View file

@ -38,6 +38,11 @@
content-containing page on this site. After enabling reader mode from your 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. browser's UI, you will be able to change the font size, styling, and color.
</p> </p>
<p>
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 href="{{site.base_url}}/home">a mirror of the homepage</a> available.
</p>
<p> <p>
If this is a poor accommodation of your disability, or you need another If this is a poor accommodation of your disability, or you need another
service, please reach out to me at service, please reach out to me at

2
_layouts/hyper-accessible.liquid
View file

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=525"> <meta name="viewport" content="width=525">
<title>{{ page.title }}</title> <title>{{ site.title }}</title>
<link rel="stylesheet" href="{{ site.base_url }}/static/common-style.css"/> <link rel="stylesheet" href="{{ site.base_url }}/static/common-style.css"/>
<link rel="stylesheet" href="{{ site.base_url }}/static/hyper-accessible-style.css"/> <link rel="stylesheet" href="{{ site.base_url }}/static/hyper-accessible-style.css"/>
</head> </head>

12
_layouts/landing.liquid
View file

@ -35,14 +35,14 @@
</section> </section>
<section class="card"> <section class="card">
<h2> Whereabouts </h2> <h2> Whereabouts </h2>
<div id="socials"> <ul id="socials" style="list-style-type: none">
{% for social in site.data.socials %} {% for social in site.data.socials %}
<p><a href="{{social.url}}"> <li><a href="{{social.url}}">
{% include "icon.html" size: 16, name: social.icon, alt: social.type %} {% include "icon.html" size: 16, name: social.icon, alt: social.type %}
{{social.handle}} {{social.handle}}
</a></p> </a></li>
{% endfor %} {% endfor %}
</div> </ul>
</section> </section>
<section class="card"> <section class="card">
<h2> Concoctions </h2> <h2> Concoctions </h2>

0
home-a11y.md Normal file
View file

1
index.md
View file

@ -1,5 +1,6 @@
--- ---
layout: landing.liquid layout: landing.liquid
permalink: /home
--- ---
<p style="text-align: center">This site is part of the technomancers.gay webring.</p> <p style="text-align: center">This site is part of the technomancers.gay webring.</p>

7
static/landing-style.css
View file

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