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
browser's UI, you will be able to change the font size, styling, and color.
</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>
If this is a poor accommodation of your disability, or you need another
service, please reach out to me at

2
_layouts/hyper-accessible.liquid
View file

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<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/hyper-accessible-style.css"/>
</head>

8
_layouts/landing.liquid
View file

@ -35,14 +35,14 @@
</section>
<section class="card">
<h2> Whereabouts </h2>
<div id="socials">
<ul id="socials" style="list-style-type: none">
{% 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 %}
{{social.handle}}
</a></p>
</a></li>
{% endfor %}
</div>
</ul>
</section>
<section class="card">
<h2> Concoctions </h2>

0
home-a11y.md Normal file
View file

1
index.md
View file

@ -1,5 +1,6 @@
---
layout: landing.liquid
permalink: /home
---
<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;
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;