Compare commits
No commits in common. "version-1" and "version-2" have entirely different histories.
|
@ -1,12 +1,6 @@
|
|||
*.ttf filter=lfs diff=lfs merge=lfs -text
|
||||
/.well-known/openpgpkey/hu/xjgaxcou5ojpf3otjssi8k8mc6eswjib filter=lfs diff=lfs merge=lfs -text
|
||||
/.well-known/openpgpkey/policy filter=lfs diff=lfs merge=lfs -text
|
||||
*.html filter=lfs diff=lfs merge=lfs -text
|
||||
*.css filter=lfs diff=lfs merge=lfs -text
|
||||
*.gitignore filter=lfs diff=lfs merge=lfs -text
|
||||
*.yml filter=lfs diff=lfs merge=lfs -text
|
||||
*.liquid filter=lfs diff=lfs merge=lfs -text
|
||||
*.md filter=lfs diff=lfs merge=lfs -text
|
||||
*.otf filter=lfs diff=lfs merge=lfs -text
|
||||
*.woff filter=lfs diff=lfs merge=lfs -text
|
||||
*olicy !text -filter -merge -diff
|
||||
*.woff2 filter=lfs diff=lfs merge=lfs -text
|
||||
*.wasm filter=lfs diff=lfs merge=lfs -text
|
||||
static/glow/glow.js filter=lfs diff=lfs merge=lfs -text
|
||||
|
|
BIN
_cobalt.yml (Stored with Git LFS)
|
@ -0,0 +1,41 @@
|
|||
## Who are you???
|
||||
|
||||
I'm Ember - a dumb gay crow in love with the obscure. I'm more transgender
|
||||
than you could ever know. My true pronouns would bring you to your knees, but
|
||||
you may refer to me with
|
||||
[sea/sear/seas][] pronouns
|
||||
or [he/it / him/its /
|
||||
his/its][].
|
||||
|
||||
I do all sorts of stuff relating to all sorts of hobbies, a small sample of
|
||||
which includes:
|
||||
|
||||
* Queer & feminist theory (if you know any therian/otherkin theory, hmu!)
|
||||
* Amature programming (tied to my worksona, so nothing linked here)
|
||||
* Activism/Crime
|
||||
|
||||
In addition to all that, I'm interested in
|
||||
|
||||
* Neat open source protocols
|
||||
* Ethics & software & ethical software
|
||||
* Degrowth & sustainability
|
||||
* Cartoons
|
||||
* A less violent world through anarchy
|
||||
* Video essays
|
||||
* Toki Pona (skill level: beginner/intermediate)
|
||||
* Urban Exploration (Urbex)
|
||||
* The intersection of any of the above
|
||||
|
||||
I'm generally not super chatty with people I'm not already friends with, unless
|
||||
you talk to me in person, but that doesn't mean you can't reach out. If you
|
||||
want advice, have any questions about me or my work, or want to chat, you
|
||||
can get my contact information above.
|
||||
|
||||
But heads up, please don't try to talk to me about
|
||||
|
||||
* Unsolicited software opinions
|
||||
* [Large-model generative AI](https://12ft.io/https://www.newyorker.com/tech/annals-of-technology/chatgpt-is-a-blurry-jpeg-of-the-web)
|
||||
* [Space colonization](https://pugetsoundanarchists.org/dont-let-them-leave-an-anti-space-zine/)
|
||||
|
||||
[sea/sear/seas]: https://en.pronouns.page/sea,sear,seas,seas,seaself,0
|
||||
[he/it / him/its / his/its]: https://en.pronouns.page/he/it,him/its,his/its,his/its,himself/itself,0
|
|
@ -0,0 +1,25 @@
|
|||
{% comment %}
|
||||
Displays an inline icon from an svg. The icon must be an asset in the :/assets/images/icon/ directory of the project. The icon should be viewboxed to be 24x24px, and will be inserted into the page and take on the color of the text/element it occupies. Keep track of the icon's filename in the repository. This value should be present in two places.
|
||||
|
||||
1. The icon's name should also be an id applied to the main SVG element of the icon.
|
||||
2. The icon's name should be passed using the name argument of the include.
|
||||
|
||||
Neither of these values should include the .svg extension.
|
||||
|
||||
Alt text support is included.
|
||||
|
||||
Arguments:
|
||||
size: The width and height the icon should have on the page
|
||||
alt: Alt text to make available to screenreaders
|
||||
name: See above.
|
||||
{% endcomment %}
|
||||
|
||||
<svg
|
||||
height="{{size}}"
|
||||
width="{{size}}"
|
||||
viewBox="0 0 24 24"
|
||||
aria-labelledby="{{alt}}">
|
||||
|
||||
<title id="{{alt}}">{{alt}}</title>
|
||||
<use xlink:href={{name | prepend: "/static/icon/" | prepend: site.base_url | append: ".svg#"| append: name}} />
|
||||
</svg>
|
|
@ -0,0 +1,23 @@
|
|||
<div class="picker">
|
||||
<a href="https://technomancers.gay/prev/corviform.gay">
|
||||
<img
|
||||
class="picker-prev"
|
||||
src="{{site.base_url}}/static/picker/arrow.svg"
|
||||
height="50px"
|
||||
alt="Previous" />
|
||||
</a>
|
||||
<a href="https://technomancers.gay/">
|
||||
<img
|
||||
src="{{site.base_url}}/static/picker/body.svg"
|
||||
height="50px"
|
||||
alt="technomancers.gay index page" />
|
||||
</a>
|
||||
<a href="https://technomancers.gay/next/corviform.gay">
|
||||
<img
|
||||
class="picker-next"
|
||||
src="{{site.base_url}}/static/picker/arrow.svg"
|
||||
height="50px"
|
||||
alt="Next"
|
||||
style="transform: scaleX(-1)" />
|
||||
</a>
|
||||
</div>
|
|
@ -0,0 +1,52 @@
|
|||
<section>
|
||||
<p>
|
||||
<b>Short Answer:</b>
|
||||
Dark reader messes with the formatting of my site, and I don't like that
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<p>
|
||||
<b>Long Answer:</b>
|
||||
Philosophically, extensions like dark reader view websites as sources of
|
||||
information to be consumed, and understands the <i>most efficient</i> way of
|
||||
consuming that information as the <i>best</i> way of consuming that
|
||||
information.
|
||||
</p>
|
||||
<p>
|
||||
I think this is true for a lot of websites, especially websites that are
|
||||
primarily tools or repositories of raw information. For sites like these, I
|
||||
encourage you to customize the fuck out of them, and browse however makes
|
||||
you feel comfortable.
|
||||
</p>
|
||||
<p>
|
||||
But I think there's another category of website — expressive websites.
|
||||
Websites that are artistic first, and communicate just as much, if not more,
|
||||
through design as through words and images.
|
||||
</p>
|
||||
<p>
|
||||
That's the category that I hope my website falls into. And maybe you don't
|
||||
like my design choices, or you think my site sucks, and that's okay. But
|
||||
it's still my art and I'm proud of it, and I'd really appreciate it if you
|
||||
experienced it as it is.
|
||||
</p>
|
||||
</section>
|
||||
<section>
|
||||
<p>
|
||||
<b>Accessibility Concerns:</b>
|
||||
Some people may use tools like dark reader in order to accommodate for a
|
||||
disability. To this end, reader mode is available for every
|
||||
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
|
||||
<a href="mailto:ember@corviform.gay">ember@corviform.gay</a>, and I will do my best
|
||||
to try to meet your need.
|
||||
</p>
|
||||
</section>
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=525">
|
||||
<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>
|
||||
<body>
|
||||
{% assign sections=page.content | split: "<p>. . .</p>" %}
|
||||
<main style="--section-count: {{sections | size}}">
|
||||
{% for section in sections %}
|
||||
<section style="--section-number: {{ forloop.index }}">
|
||||
{{ section }}
|
||||
</section>
|
||||
{% endfor %}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
BIN
_layouts/landing.liquid (Stored with Git LFS)
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
layout: hyper-accessible.liquid
|
||||
permalink: /darkreader-a11y
|
||||
title: Why I Dislike Darkreader
|
||||
---
|
||||
# Why I Dislike Darkreader
|
||||
|
||||
{% include "why-darkreader.html" %}
|
BIN
gender/index.html (Stored with Git LFS)
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
layout: hyper-accessible.liquid
|
||||
permalink: /home
|
||||
---
|
||||
|
||||
# A gay crow's tiny corner of the internet
|
||||
|
||||
## Ember
|
||||
|
||||
**sea/sear/seas**
|
||||
|
||||
[email](mailto:ember@corviform.gay) or [matrix](https://matrix.to/#/@emi:the-apothecary.club)
|
||||
|
||||
- local affront to god
|
||||
- hobbyist trespasser
|
||||
- hot as hell
|
||||
- cringiest bird on earth
|
||||
|
||||
## Whereabouts
|
||||
|
||||
- [@emi:the-apothecary.club](https://matrix.to/#/@emi:the-apothecary.club)
|
||||
- alch_emi on Discord
|
||||
|
||||
No broadcast social media atm
|
||||
|
||||
. . .
|
||||
|
||||
<p style="text-align: center">This site is part of the technomancers.gay webring.</p>
|
||||
|
||||
{% include "picker.html" %}
|
||||
|
||||
. . .
|
||||
|
||||
{% include "bio.md" %}
|
|
@ -0,0 +1,178 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="800"
|
||||
height="400"
|
||||
viewBox="0 0 211.66666 105.83334"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
|
||||
sodipodi:docname="card.svg"
|
||||
inkscape:export-filename="/home/emi/Desktop/card.png"
|
||||
inkscape:export-xdpi="96"
|
||||
inkscape:export-ydpi="96"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<title
|
||||
id="title249200">Emi's Card</title>
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#17071a"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:pageshadow="0"
|
||||
inkscape:pageopacity="1"
|
||||
inkscape:pagecheckerboard="false"
|
||||
inkscape:document-units="px"
|
||||
showgrid="false"
|
||||
units="px"
|
||||
inkscape:zoom="1.0469406"
|
||||
inkscape:cx="217.29981"
|
||||
inkscape:cy="234.49276"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1046"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="34"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:snap-bbox="true"
|
||||
inkscape:bbox-paths="true"
|
||||
inkscape:snap-page="true"
|
||||
inkscape:bbox-nodes="true"
|
||||
borderlayer="true" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<rect
|
||||
style="fill:#17071a;fill-opacity:1;stroke-width:12.904;stroke-linecap:round;paint-order:markers stroke fill"
|
||||
id="rect3706"
|
||||
width="211.66667"
|
||||
height="105.83334"
|
||||
x="-1.7529301e-06"
|
||||
y="0" />
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:151.19px;line-height:1.25;font-family:Avara;-inkscape-font-specification:'Avara Ultra-Bold';fill:#bb89eb;fill-opacity:0.0505445;stroke:none;stroke-width:1.44991"
|
||||
x="-17.08452"
|
||||
y="105.83334"
|
||||
id="text146193"><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:151.19px;font-family:VG5000;-inkscape-font-specification:VG5000;fill:#bb89eb;fill-opacity:0.0505445;stroke-width:1.44991"
|
||||
x="-17.08452"
|
||||
y="105.83334"
|
||||
id="tspan146191">☾</tspan></text>
|
||||
<g
|
||||
id="g3682"
|
||||
transform="matrix(1.0865297,0,0,1.0865297,8.0768822,12.394256)"
|
||||
style="fill:#bb89eb;fill-opacity:1">
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-weight:normal;font-size:49.6373px;line-height:1.25;font-family:sans-serif;fill:#bb89eb;fill-opacity:1;stroke:none;stroke-width:1.24093"
|
||||
x="2.7770081"
|
||||
y="45.399502"
|
||||
id="text1640"><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Avara;-inkscape-font-specification:Avara;fill:#bb89eb;fill-opacity:1;stroke-width:1.24093"
|
||||
x="2.7770081"
|
||||
y="45.399502"
|
||||
id="tspan8072">Emi</tspan></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-weight:normal;font-size:22.7559px;line-height:1.25;font-family:sans-serif;fill:#bb89eb;fill-opacity:1;stroke:none;stroke-width:0.568892"
|
||||
x="5.4397645"
|
||||
y="69.97612"
|
||||
id="text3012"><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Avara;-inkscape-font-specification:Avara;fill:#bb89eb;fill-opacity:1;stroke-width:0.568892"
|
||||
x="5.4397645"
|
||||
y="69.97612"
|
||||
id="tspan3010">Simpson</tspan></text>
|
||||
</g>
|
||||
<g
|
||||
id="g249167"
|
||||
transform="translate(0,-0.77660334)">
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:9.74347px;line-height:1.25;font-family:Avara;-inkscape-font-specification:'Avara Ultra-Bold';fill:#bb89eb;fill-opacity:1;stroke:none;stroke-width:0.243584"
|
||||
x="169.97375"
|
||||
y="17.995163"
|
||||
id="text3012-3"><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:VG5000;-inkscape-font-specification:VG5000;fill:#bb89eb;fill-opacity:1;stroke-width:0.243584"
|
||||
x="169.97375"
|
||||
y="17.995163"
|
||||
id="tspan3010-6">an<tspan
|
||||
style="letter-spacing:1.2065px"
|
||||
id="tspan24347">y</tspan><tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:avara;-inkscape-font-specification:avara;letter-spacing:0px"
|
||||
id="tspan14941">/</tspan>all<tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.46667px;font-family:Avara;-inkscape-font-specification:Avara"
|
||||
id="tspan270127">*</tspan></tspan></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:9.74347px;line-height:0.9;font-family:Avara;-inkscape-font-specification:'Avara Ultra-Bold';text-align:end;text-anchor:end;fill:#bb89eb;fill-opacity:1;stroke:none;stroke-width:0.243584"
|
||||
x="203.28494"
|
||||
y="43.945324"
|
||||
id="text40390"><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:VG5000;-inkscape-font-specification:VG5000;text-align:end;text-anchor:end;fill:#bb89eb;fill-opacity:1;stroke-width:0.243584"
|
||||
x="203.28494"
|
||||
y="43.945324"
|
||||
id="tspan43648"
|
||||
dy="0"
|
||||
dx="0">a beautiful</tspan><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:VG5000;-inkscape-font-specification:VG5000;text-align:end;text-anchor:end;fill:#bb89eb;fill-opacity:1;stroke-width:0.243584"
|
||||
x="203.28494"
|
||||
y="53.237083"
|
||||
id="tspan47556">affront to</tspan><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:VG5000;-inkscape-font-specification:VG5000;text-align:end;text-anchor:end;fill:#bb89eb;fill-opacity:1;stroke-width:0.243584"
|
||||
x="203.28494"
|
||||
y="62.528847"
|
||||
id="tspan47558">order and</tspan><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:VG5000;-inkscape-font-specification:VG5000;text-align:end;text-anchor:end;fill:#bb89eb;fill-opacity:1;stroke-width:0.243584"
|
||||
x="203.28494"
|
||||
y="71.82061"
|
||||
id="tspan86501">reason</tspan></text>
|
||||
<text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:9.74347px;line-height:1.25;font-family:Avara;-inkscape-font-specification:'Avara Ultra-Bold';letter-spacing:0.457729px;fill:#bb89eb;fill-opacity:1;stroke:none;stroke-width:0.243584"
|
||||
x="148.334"
|
||||
y="96.406677"
|
||||
id="text92375"><tspan
|
||||
sodipodi:role="line"
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:VG5000;-inkscape-font-specification:VG5000;letter-spacing:0.457729px;fill:#bb89eb;fill-opacity:1;stroke-width:0.243584"
|
||||
x="148.334"
|
||||
y="96.406677"
|
||||
id="tspan92373"><tspan
|
||||
style="letter-spacing:0px"
|
||||
id="tspan198505">emii.ga</tspan><tspan
|
||||
style="letter-spacing:0.740833px"
|
||||
id="tspan233229">y</tspan><tspan
|
||||
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Avara;-inkscape-font-specification:Avara;letter-spacing:0.457729px"
|
||||
id="tspan183523">/</tspan><tspan
|
||||
style="letter-spacing:0px"
|
||||
id="tspan226541">bio</tspan></tspan></text>
|
||||
</g>
|
||||
</g>
|
||||
<metadata
|
||||
id="metadata249198">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:title>Emi's Card</dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
After Width: | Height: | Size: 8.4 KiB |
|
@ -0,0 +1,2 @@
|
|||
User-agent: *
|
||||
Disallow: /
|
After Width: | Height: | Size: 13 KiB |
BIN
static/comic-mono.ttf (Stored with Git LFS)
|
@ -0,0 +1,91 @@
|
|||
/* General Styling */
|
||||
body {
|
||||
font-family: Fengardo Neue;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: Avara Bold;
|
||||
color: #f10385;
|
||||
}
|
||||
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: Avara Bold;
|
||||
src: url(/static/avara.woff2) format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fengardo Neue;
|
||||
src: url(/static/fengardo-neue.woff) format("woff");
|
||||
}
|
||||
|
||||
/* Flag Styling */
|
||||
.flag {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
width: 200px;
|
||||
height: 10px;
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.flag > div {
|
||||
height: 10px;
|
||||
}
|
||||
footer {
|
||||
display: grid;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
/*******************
|
||||
* Fuck Darkreader *
|
||||
*******************/
|
||||
html[data-darkreader-mode] body > :not(#disable-darkreader-popup) {
|
||||
display: none;
|
||||
}
|
||||
html:not([data-darkreader-mode]) #disable-darkreader-popup {
|
||||
display: none;
|
||||
}
|
||||
html[data-darkreader-mode] #disable-darkreader-popup {
|
||||
display: grid;
|
||||
}
|
||||
#disable-darkreader-popup {
|
||||
font-family: Avara Bold;
|
||||
position:absolute;
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
justify-items: center;
|
||||
align-content: center;
|
||||
background: radial-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.5));
|
||||
}
|
||||
#darkreader-why > summary{
|
||||
list-style-type: none;
|
||||
color: #AA89FD;
|
||||
}
|
||||
#darkreader-why > summary:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
#darkreader-why[open] > summary{
|
||||
display: none;
|
||||
}
|
||||
#darkreader-why[open] {
|
||||
font-family: Fengardo Neue;
|
||||
max-width: 500px;
|
||||
margin: 0 40px;
|
||||
}
|
||||
#darkreader-why > section {
|
||||
margin: 50px 0;
|
||||
}
|
||||
.dark-a11y {
|
||||
background-color: black;
|
||||
padding: 10px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
text-align: center;
|
||||
display: block;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.dark-a11y:not(:hover) {
|
||||
text-decoration: none;
|
||||
}
|
|
@ -0,0 +1,22 @@
|
|||
body {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
background-color: #181a1b;
|
||||
color: white;
|
||||
margin: 80px 0;
|
||||
}
|
||||
main {
|
||||
max-width: 500px;
|
||||
margin: 20px;
|
||||
}
|
||||
h1 {
|
||||
color: #f10385;
|
||||
}
|
||||
section {
|
||||
margin: 60px 0;
|
||||
}
|
||||
a {
|
||||
color: #a692dd;
|
||||
font-weight: bold;
|
||||
}
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" id="discord"><path fill="none" d="M0 0h24v24H0z"/><path d="M10.076 11c.6 0 1.086.45 1.075 1 0 .55-.474 1-1.075 1C9.486 13 9 12.55 9 12s.475-1 1.076-1zm3.848 0c.601 0 1.076.45 1.076 1s-.475 1-1.076 1c-.59 0-1.075-.45-1.075-1s.474-1 1.075-1zm4.967-9C20.054 2 21 2.966 21 4.163V23l-2.211-1.995-1.245-1.176-1.317-1.25.546 1.943H5.109C3.946 20.522 3 19.556 3 18.359V4.163C3 2.966 3.946 2 5.109 2H18.89zm-3.97 13.713c2.273-.073 3.148-1.596 3.148-1.596 0-3.381-1.482-6.122-1.482-6.122-1.48-1.133-2.89-1.102-2.89-1.102l-.144.168c1.749.546 2.561 1.334 2.561 1.334a8.263 8.263 0 0 0-3.096-1.008 8.527 8.527 0 0 0-2.077.02c-.062 0-.114.011-.175.021-.36.032-1.235.168-2.335.662-.38.178-.607.305-.607.305s.854-.83 2.705-1.376l-.103-.126s-1.409-.031-2.89 1.103c0 0-1.481 2.74-1.481 6.121 0 0 .864 1.522 3.137 1.596 0 0 .38-.472.69-.871-1.307-.4-1.8-1.24-1.8-1.24s.102.074.287.179c.01.01.02.021.041.031.031.022.062.032.093.053.257.147.514.262.75.357.422.168.926.336 1.513.452a7.06 7.06 0 0 0 2.664.01 6.666 6.666 0 0 0 1.491-.451c.36-.137.761-.337 1.183-.62 0 0-.514.861-1.862 1.25.309.399.68.85.68.85z"/></svg>
|
After Width: | Height: | Size: 1.2 KiB |
|
@ -0,0 +1 @@
|
|||
<svg fill="none" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" id="element"><path d="m100 0c-55.23 0-100 44.77-100 100 0 55.23 44.77 100 100 100 55.23 0 100-44.77 100-100 0-55.23-44.77-100-100-100zm-12.54 30.51c31.38 0 56.82 25.38 56.82 56.7 0 4.62-3.754 8.365-8.383 8.365-4.63 0-8.383-3.745-8.383-8.365 0-22.07-17.93-39.97-40.05-39.97-4.63 0-8.383-3.745-8.383-8.365s3.753-8.365 8.383-8.365zm-0.1328 25.59c4.63 0 8.383 3.745 8.383 8.365s-3.753 8.365-8.383 8.365c-22.12 0-40.05 17.89-40.05 39.97 0 4.619-3.753 8.363-8.383 8.363s-8.383-3.744-8.383-8.363c0-31.31 25.44-56.7 56.82-56.7zm73.78 22.75c4.63 0 8.383 3.745 8.383 8.365 0 31.31-25.44 56.7-56.81 56.7-4.63 0-8.383-3.745-8.383-8.365 0-4.619 3.753-8.365 8.383-8.365 22.12 0 40.05-17.89 40.05-39.97 0-4.62 3.753-8.365 8.383-8.365zm-96.87 25.59c4.63 0 8.383 3.746 8.383 8.365 0 22.07 17.93 39.97 40.05 39.97 4.63 0 8.383 3.744 8.383 8.363 0 4.621-3.753 8.365-8.383 8.365-31.38 0-56.82-25.38-56.82-56.7 0-4.619 3.753-8.365 8.383-8.365z"/></svg>
|
After Width: | Height: | Size: 1020 B |
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" id="mastodon"><path fill="none" d="M0 0h24v24H0z"/><path d="M21.258 13.99c-.274 1.41-2.456 2.955-4.962 3.254-1.306.156-2.593.3-3.965.236-2.243-.103-4.014-.535-4.014-.535 0 .218.014.426.04.62.292 2.215 2.196 2.347 4 2.41 1.82.062 3.44-.45 3.44-.45l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51-3.923-1.039-4.598-5.22-4.701-9.464-.031-1.26-.012-2.447-.012-3.44 0-4.34 2.843-5.611 2.843-5.611 1.433-.658 3.892-.935 6.45-.956h.062c2.557.02 5.018.298 6.451.956 0 0 2.843 1.272 2.843 5.61 0 0 .036 3.201-.397 5.424zm-2.956-5.087c0-1.074-.273-1.927-.822-2.558-.567-.631-1.308-.955-2.229-.955-1.065 0-1.871.41-2.405 1.228l-.518.87-.519-.87C11.276 5.8 10.47 5.39 9.405 5.39c-.921 0-1.663.324-2.229.955-.549.631-.822 1.484-.822 2.558v5.253h2.081V9.057c0-1.075.452-1.62 1.357-1.62 1 0 1.501.647 1.501 1.927v2.79h2.07v-2.79c0-1.28.5-1.927 1.5-1.927.905 0 1.358.545 1.358 1.62v5.1h2.08V8.902z"/></svg>
|
After Width: | Height: | Size: 987 B |
|
@ -0,0 +1,192 @@
|
|||
/* Basic styling */
|
||||
body {
|
||||
margin: 0;
|
||||
color: white;
|
||||
background-color: #141016;
|
||||
}
|
||||
|
||||
/* Setting up the centered content */
|
||||
main > section {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
|
||||
padding: 50px 0;
|
||||
}
|
||||
main > section > .section-content-wrapper {
|
||||
max-width: 700px;
|
||||
width: 80vw;
|
||||
}
|
||||
|
||||
/* Styles for the header */
|
||||
header p:first-of-type {
|
||||
font-size: 2em;
|
||||
}
|
||||
h1 {
|
||||
font-size: min(5em, 14.413vw);
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
header {
|
||||
font-family: Avara Bold;
|
||||
text-align: center;
|
||||
height: 70vh;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
}
|
||||
header p {
|
||||
margin: 0 20px;
|
||||
}
|
||||
canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: calc(100vh + 200px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Styles for the cards */
|
||||
#cards {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, max(20vw, 350px));
|
||||
justify-content: space-evenly;
|
||||
padding: 40px 0;
|
||||
}
|
||||
.card {
|
||||
color: #280C3F;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.card h2 {
|
||||
color: #280C3F;
|
||||
text-align: center;
|
||||
}
|
||||
.card a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
.card:nth-child(1) {
|
||||
background-color: #ff2f94;
|
||||
grid-area: 1/1/3/2;
|
||||
}
|
||||
.card:nth-child(2) {
|
||||
background-color: #ff8153;
|
||||
grid-area: 2/2/4/3;
|
||||
}
|
||||
.card:nth-child(3) {
|
||||
background-color: #ff964a;
|
||||
grid-area: 3/3/5/4;
|
||||
}
|
||||
@media (max-width: 1160px) {
|
||||
#cards {
|
||||
grid-template-columns: repeat(2, 350px);
|
||||
gap: 50px;
|
||||
justify-content: center;
|
||||
}
|
||||
.card:nth-child(3) {
|
||||
grid-area: 3/1/6/2;
|
||||
}
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
#cards {
|
||||
grid-template-columns: 350px;
|
||||
row-gap: 50px
|
||||
}
|
||||
#cards .card {
|
||||
grid-area: initial;
|
||||
}
|
||||
}
|
||||
|
||||
/* Card Specific Details */
|
||||
.card:nth-child(1) > h2 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.pronouns {
|
||||
font-family: Avara Bold;
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.contact {
|
||||
font-size: 0.9rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 0fr 1fr;
|
||||
}
|
||||
.matrix:hover,.email:hover {
|
||||
font-size: 0;
|
||||
}
|
||||
.email:hover:after {
|
||||
font-size: 0.9rem;
|
||||
content: "emi@alchemi.dev"
|
||||
}
|
||||
.matrix:hover:after {
|
||||
font-size: 0.9rem;
|
||||
content: "@emi:the-apothecary.club"
|
||||
}
|
||||
#socials li {
|
||||
margin: 5px 0;
|
||||
}
|
||||
#socials a {
|
||||
display: grid;
|
||||
grid-template-columns: 0fr 1fr;
|
||||
gap: 4px;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
}
|
||||
#socials a:hover {
|
||||
text-decoration: underline;
|
||||
font-weight: bold;
|
||||
}
|
||||
#socials {
|
||||
display: grid;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#socials p {
|
||||
margin: 8px;
|
||||
}
|
||||
.card:nth-child(3) {
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
/* General Markdown Styling */
|
||||
code {
|
||||
background-color: rgba(200, 200, 200, 0.1);
|
||||
padding: 2px 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* Widgets & Components */
|
||||
.horizontal {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.picker {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.picker-prev:hover,
|
||||
.picker-next:hover {
|
||||
padding-right: 20px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.picker-next, .picker-prev {
|
||||
transition: padding 50ms ease-out;
|
||||
padding-right: 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Color Scheme */
|
||||
h1, a {
|
||||
color: #AA89FD;
|
||||
}
|
||||
h2 {
|
||||
color: #F10385;
|
||||
}
|
||||
|
||||
svg {
|
||||
fill: currentColor;
|
||||
}
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="56.08" height="55" version="1.1" viewBox="0 0 14.838 14.552" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(-8.4449 -112.65)">
|
||||
<g transform="matrix(-1 0 0 1 164.02 0)" fill="#ff0379">
|
||||
<path d="m140.74 112.65 4.2008 7.276-4.2008 7.276h4.2871l4.2008-7.276-4.2008-7.276z"/>
|
||||
<path d="m147.09 112.65 4.2008 7.276-4.2008 7.276h4.2871l4.2008-7.276-4.2008-7.276z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 412 B |
|
@ -0,0 +1,30 @@
|
|||
<svg width="409.71" height="55" version="1.1" viewBox="0 0 108.4 14.552" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(-25.98 -112.65)">
|
||||
<g transform="translate(-3.3496)">
|
||||
<g fill="#ff0379">
|
||||
<path transform="matrix(.20405 0 0 .20405 72.967 58.467)" d="m296.81 336.88h-41.175l-20.588-35.659 20.588-35.659h41.175l20.588 35.659z"/>
|
||||
<path transform="matrix(-.20405 0 0 .20405 94.094 58.467)" d="m296.81 336.88h-41.175l-20.588-35.659 20.588-35.659h41.175l20.588 35.659z"/>
|
||||
<rect x="33.53" y="112.65" width="100" height="14.552"/>
|
||||
</g>
|
||||
<g transform="scale(.98858 1.0116)" stroke-width=".26156" aria-label="technomancers.gay">
|
||||
<path d="m40.391 115.18h-0.88931v4.0385c0.01046 1.1404 0.94162 2.0611 2.0925 2.082h0.87885v-0.89977h-0.87885c-0.6696-0.0105-1.2032-0.55451-1.2032-1.2136v-2.0506h1.674v-0.89978h-1.674z"/>
|
||||
<path d="m45.162 116.23c-1.1718 0-2.0925 0.94163-2.1134 2.082v0.89978c0.02092 1.13 0.94162 2.0611 2.082 2.082h2.1448v-0.89977h-2.1448c-0.64868-0.0105-1.1718-0.54405-1.1823-1.1823h3.3271v-0.86839c0-1.1718-0.94162-2.1134-2.1134-2.1134zm0 0.88932c0.6696 0 1.2032 0.53358 1.2136 1.1927h-2.4273c0.01046-0.65914 0.54405-1.1927 1.2136-1.1927z"/>
|
||||
<path d="m50.257 116.23c-1.0776 0.0628-1.9879 0.93117-2.0088 2.1134v0.86839c0.02092 1.1404 0.95209 2.082 2.1134 2.082 1.1613 0 2.1134-0.95208 2.1134-2.1134l-0.03139-0.0314h-0.837l-0.03139 0.0314c0 0.6696-0.54405 1.2136-1.2136 1.2136-0.68006 0-1.2346-0.54405-1.2346-1.2136v-0.837c0-0.68006 0.55451-1.2241 1.2346-1.2241 0.6696 0 1.2136 0.54405 1.2136 1.2241l0.03139 0.0314h0.837l0.03139-0.0314c0-1.1718-0.95209-2.1134-2.1134-2.1134z"/>
|
||||
<path d="m54.348 113.73h-0.89978v7.5644h0.89978v-2.9504c0-0.68006 0.53359-1.2241 1.2136-1.2241 0.6696 0 1.2032 0.53358 1.2136 1.2032 0.01046 0.0105 0 0.0105 0 0.0209v2.9504h0.89978v-2.9713c-0.02092-1.1613-0.95209-2.0925-2.1134-2.0925-0.44989 0-0.86839 0.14648-1.2136 0.38712z"/>
|
||||
<path d="m59.704 116.23h-0.89978v5.0638h0.89978v-2.9504c0-0.68006 0.54405-1.2136 1.2136-1.2136s1.2136 0.52312 1.2346 1.1823v2.9818h0.87885v-2.9818c-0.02093-1.1509-0.95209-2.082-2.1134-2.082-0.44989 0-0.86839 0.14648-1.2136 0.38712z"/>
|
||||
<path d="m66.233 116.23c-1.1509 0-2.103 0.94163-2.103 2.1134v0.86839c0.01046 1.1509 0.96255 2.082 2.103 2.082 1.1613 0 2.1134-0.93116 2.1344-2.082v-0.86839c0-1.1718-0.96255-2.1134-2.1344-2.1134zm1.2346 2.9818c-0.02092 0.64867-0.56498 1.1823-1.2346 1.1823-0.65914 0-1.2136-0.54405-1.2136-1.2136v-0.837c0-0.68006 0.55451-1.2136 1.2136-1.2136 0.68006 0 1.2346 0.53359 1.2346 1.2136z"/>
|
||||
<path d="m70.355 116.23h-0.88931v5.0638h0.88931v-2.9504c0-0.68006 0.55451-1.2241 1.2346-1.2241 0.6696 0 1.2136 0.54405 1.2136 1.2241v2.9504h0.89978v-2.9818c0.01046-0.65914 0.54405-1.1927 1.2136-1.1927s1.2032 0.53358 1.2241 1.1927v2.9818h0.88931v-2.9818c-0.01046-1.1509-0.95209-2.082-2.1134-2.082-0.68006 0-1.2764 0.32434-1.6635 0.81608-0.38711-0.49174-0.99394-0.81608-1.6635-0.81608-0.46035 0-0.87885 0.14648-1.2346 0.39758z"/>
|
||||
<path d="m80.996 116.23h-2.4168v0.88932h2.4168c0.64868 0 1.1823 0.53358 1.1823 1.1927v0.60683h-0.28249c-0.20925-0.81608-0.96255-1.4438-1.8519-1.4438-1.0462 0-1.9146 0.86839-1.9146 1.8937 0 1.0672 0.86839 1.9251 1.9146 1.9251 0.89978 0 1.6531-0.62775 1.8519-1.4857h0.28249v1.4857h0.89978v-2.9818c0-1.1509-0.94162-2.082-2.082-2.082zm-0.96255 4.185c-0.54405 0-1.0149-0.46035-1.0149-1.0462 0-0.53358 0.47081-1.0044 1.0149-1.0044 0.57544 0 1.0358 0.47082 1.0358 1.0044 0 0.5859-0.46035 1.0462-1.0358 1.0462z"/>
|
||||
<path d="m85.233 116.23h-0.89978v5.0638h0.89978v-2.9504c0-0.68006 0.54405-1.2136 1.2136-1.2136s1.2136 0.52312 1.2346 1.1823v2.9818h0.87885v-2.9818c-0.02093-1.1509-0.95209-2.082-2.1134-2.082-0.44989 0-0.86839 0.14648-1.2136 0.38712z"/>
|
||||
<path d="m91.667 116.23c-1.0776 0.0628-1.9879 0.93117-2.0088 2.1134v0.86839c0.02093 1.1404 0.95209 2.082 2.1134 2.082s2.1134-0.95208 2.1134-2.1134l-0.03139-0.0314h-0.837l-0.03139 0.0314c0 0.6696-0.54405 1.2136-1.2136 1.2136-0.68006 0-1.2346-0.54405-1.2346-1.2136v-0.837c0-0.68006 0.55451-1.2241 1.2346-1.2241 0.6696 0 1.2136 0.54405 1.2136 1.2241l0.03139 0.0314h0.837l0.03139-0.0314c0-1.1718-0.95209-2.1134-2.1134-2.1134z"/>
|
||||
<path d="m96.94 116.23c-1.1718 0-2.0925 0.94163-2.1134 2.082v0.89978c0.02093 1.13 0.94162 2.0611 2.082 2.082h2.1448v-0.89977h-2.1448c-0.64868-0.0105-1.1718-0.54405-1.1823-1.1823h3.3271v-0.86839c0-1.1718-0.94162-2.1134-2.1134-2.1134zm0 0.88932c0.6696 0 1.2032 0.53358 1.2136 1.1927h-2.4273c0.01046-0.65914 0.54405-1.1927 1.2136-1.1927z"/>
|
||||
<path d="m101.05 116.23h-0.88932v5.0638h0.88932v-2.9504c0-0.6696 0.52312-1.2032 1.1927-1.2136h0.88931v-0.89978h-0.88931c-0.44989 0.0105-0.85792 0.14648-1.1927 0.38712z"/>
|
||||
<path d="m107.95 116.23h-2.103c-1.1509 0-2.082 0.95209-2.082 2.1134v0.86839h3.2852c-0.0209 0.63821-0.54405 1.1718-1.2032 1.1823h-2.082v0.89977h2.082c1.1613-0.0209 2.103-0.95208 2.103-2.1134v-0.86839h-3.2957c0.0209-0.64867 0.54405-1.1823 1.1927-1.1823h2.103z"/>
|
||||
<path d="m110.95 118.42c-0.78469 0-1.4334 0.64867-1.4334 1.4438s0.64867 1.4334 1.4334 1.4334c0.79515 0 1.4438-0.63821 1.4438-1.4334s-0.64868-1.4438-1.4438-1.4438zm0 0.89977c0.29295 0 0.54405 0.2511 0.54405 0.54405s-0.2511 0.53359-0.54405 0.53359-0.54405-0.24064-0.54405-0.53359 0.2511-0.54405 0.54405-0.54405z"/>
|
||||
<path d="m116.06 116.22c-1.3392 0-2.1134 0.96255-2.1134 2.1134v0.86838c0.0209 1.1404 0.95209 2.082 2.1134 2.082 0.44988 0 0.87885-0.14647 1.2136-0.38711v0.40804c-0.0105 0.64867-0.55452 1.1823-1.2136 1.1823-0.65914 0-1.2346-0.51266-1.2346-1.245h-0.87885c0 1.1927 0.94163 2.1448 2.1134 2.1448s2.1134-0.95208 2.1134-2.1134v-5.0429h-0.89977v0.37665c-0.3348-0.24063-0.76377-0.38711-1.2136-0.38711zm0 0.88931c0.6696 0 1.2136 0.54405 1.2136 1.2241v0.837c0 0.6696-0.54405 1.2136-1.2136 1.2136-0.68007 0-1.2346-0.54405-1.2346-1.2136v-0.86839c0.0209-0.65914 0.56498-1.1927 1.2346-1.1927z"/>
|
||||
<path d="m122.01 116.23h-2.4168v0.88932h2.4168c0.64868 0 1.1823 0.53358 1.1823 1.1927v0.60683h-0.28248c-0.20925-0.81608-0.96255-1.4438-1.8519-1.4438-1.0462 0-1.9146 0.86839-1.9146 1.8937 0 1.0672 0.86838 1.9251 1.9146 1.9251 0.89978 0 1.6531-0.62775 1.8519-1.4857h0.28248v1.4857h0.89978v-2.9818c0-1.1509-0.94163-2.082-2.082-2.082zm-0.96255 4.185c-0.54405 0-1.0149-0.46035-1.0149-1.0462 0-0.53358 0.47081-1.0044 1.0149-1.0044 0.57544 0 1.0358 0.47082 1.0358 1.0044 0 0.5859-0.46035 1.0462-1.0358 1.0462z"/>
|
||||
<path d="m128.52 116.23-1.2555 3.0237-1.4438-3.0237h-1.0149l1.9983 4.1327-1.2555 3.0132h0.97301l2.9714-7.1459z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 6.3 KiB |