Compare commits

...

2 Commits

Author SHA1 Message Date
Emi Simpson 2588187192
Change up homepage sections slightly 2021-11-16 12:15:26 -05:00
Emi Simpson 16d3892925
Add accessible homepage 2021-11-16 12:15:01 -05:00
6 changed files with 45 additions and 60 deletions

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

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>

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

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>
@ -34,63 +35,12 @@ I will also be very excited if you try to talk to me about
but will probably stop paying attention if you try to talk to me about: but will probably stop paying attention if you try to talk to me about:
* Your very specific linux setup * Unsolicited linux opinions
* Why software A is better than software B * Why software A is better than software B
* Something I don't understand but that you don't care to explain * Something I don't understand but that you don't care to explain
. . . . . .
## Do you have any public projects?
Hell yeah! I maintain a couple of Discord bots that you can find on
my GitLab, as well as a smattering of other random one-off things. I
also have a GitHub, although I don't use it to host projects, just to
do pull requests.
<div class="horizontal">
[My GitLab](https://gitlab.com/Alch_Emi)
[My GitHub](https://github.com/Alch-Emi)
[My Gitea](https://fem.mint.lgbt/Emi)
</div>
I've also done work in professional contexts, but if you're interested in
working with me in a professional setting, please contact me directly, and I
will happily provide you with copies of my resume website and more detailed
information. You can find my contact information below.
. . .
## How can I get in touch with you?
I'm active on Matrix under the username `@emi:the-apothecary.club`, as well as
on Mastodon at [`@emi@www.librepunk.club`][1]. For more professional or long
form contact, you can also reach me by email at **emi@alchemi.dev**.
The cryptographically inclined can also find more cryptographic proofs for all
of these on my [KeyOxide][2], as well as a download link for my full GPG key.
If I receive a message encrypted to my GPG key, I will respond in kind.
Additionally, I will not send messages signed by any key other than the one
posted here (`ACAB BABE 77B7`) without first
* Updating the WKD and website postings
* Posting a notice signed by the old key officially deprecating it and
endorsing a new key
* Posting a revocation certificate
Yes, I recognize that a lot of this is unnecessary for the level of opsec
appropriate to my situation, but I enjoy it. Think of it like a cyberpunk
LARP! There is also no pressure to use any of these security measures with me,
unless you've established that it's something you want.
[1]: https://www.librepunk.club/@emi
[2]: https://keyoxide.org/wkd/emi@alchemi.dev
. . .
## Something you made is difficult for me to use ## Something you made is difficult for me to use
Please please please tell me. I try to make everything I do accessible, but Please please please tell me. I try to make everything I do accessible, but
@ -120,3 +70,28 @@ grant you specifically rights to use my code under a different license.
If you have other concerns about this license, please first consult If you have other concerns about this license, please first consult
the [Hippocratic License FAQ](https://firstdonoharm.dev/) the [Hippocratic License FAQ](https://firstdonoharm.dev/)
. . .
## Do you have a GPG key?
Yep!
The cryptographically inclined can find more cryptographic proofs for all of
these on my [KeyOxide][2], as well as a download link for my full GPG key. If I
receive a message encrypted to my GPG key, I will respond in kind.
Additionally, I will not send messages signed by any key other than the one
posted here (`ACAB BABE 77B7`) without first
* Updating the WKD and website postings
* Posting a notice signed by the old key officially deprecating it and
endorsing a new key
* Posting a revocation certificate
Yes, I recognize that a lot of this is unnecessary for the level of opsec
appropriate to my situation, but I enjoy it. Think of it like a cyberpunk
LARP! There is also no pressure to use any of these security measures with me,
unless you've established that it's something you want.
[1]: https://www.librepunk.club/@emi
[2]: https://keyoxide.org/wkd/emi@alchemi.dev

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;