289 lines
10 KiB
HTML
289 lines
10 KiB
HTML
|
<!doctype html>
|
||
|
|
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<title><my-element> Demo</title>
|
||
|
|
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
|
||
|
|
<script src="../node_modules/lit/polyfill-support.js"></script>
|
||
|
|
<script type="module" src="../cohost-wc.js"></script>
|
||
|
|
<link rel="stylesheet" href="../cohost-wc.css" />
|
||
|
|
<style type="text/css">
|
||
|
|
:root {
|
||
|
|
color-scheme: light dark;
|
||
|
|
background-color: light-dark(#fff9f2, #191919);
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<cohost-wc
|
||
|
|
avatarSrc="https://staging.cohostcdn.org/avatar/10282-23a36741-dadc-498c-90c1-32e4d82bfff9-profile.jpg?dpr=2&width=80&height=80&fit=cover&auto=webp"
|
||
|
|
avatarShape="squircle"
|
||
|
|
displayName="ash"
|
||
|
|
username="astral"
|
||
|
|
iso8601Timestamp="2024-03-04T19:00:03.535-08:00"
|
||
|
|
permalink="https://cohost.org/astral/post/4894934-an-intro-post"
|
||
|
|
postTitle="an intro post"
|
||
|
|
>
|
||
|
|
<p>
|
||
|
|
ummm hi! I've been posting here for over a year & never really wrote
|
||
|
|
a proper introduction for this page. so, here's what to expect from
|
||
|
|
<span style="font-family: system-ui"
|
||
|
|
><span style="opacity: 0.6">https://</span>cohost.org<span
|
||
|
|
style="opacity: 0.6"
|
||
|
|
>/astral</span
|
||
|
|
>:</span
|
||
|
|
>
|
||
|
|
</p>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
<strong
|
||
|
|
>prose, tagged
|
||
|
|
<a
|
||
|
|
href="https://cohost.org/astral/tagged/meowing"
|
||
|
|
target="_blank"
|
||
|
|
rel="nofollow noopener"
|
||
|
|
tabindex="0"
|
||
|
|
>#meowing</a
|
||
|
|
></strong
|
||
|
|
>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
subject matter may include literally anything, but most often
|
||
|
|
computers / the internet, videogames, or stuff I made / am making.
|
||
|
|
</li>
|
||
|
|
<li>oh, speaking of which...</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<strong>stuff I made / am making</strong>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
I'm a
|
||
|
|
<a
|
||
|
|
href="https://ashastral.com/"
|
||
|
|
target="_blank"
|
||
|
|
rel="nofollow noopener"
|
||
|
|
tabindex="0"
|
||
|
|
>musician</a
|
||
|
|
>
|
||
|
|
who, when pressed to summarize her style for an unknown audience,
|
||
|
|
apparently makes "EDM / rhythm game fusion" music. neat!
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
I'm also a programmer with some ambitious thoughts on what modern
|
||
|
|
software ought to look like (but doesn't, because of capitalism)
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<strong>any furry art that brings me joy</strong>
|
||
|
|
<ul>
|
||
|
|
<li>
|
||
|
|
subject matter may include
|
||
|
|
<span
|
||
|
|
style="
|
||
|
|
position: absolute;
|
||
|
|
height: 1px;
|
||
|
|
width: 1px;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
white-space: nowrap;
|
||
|
|
"
|
||
|
|
>the Trans Experience™</span
|
||
|
|
><span aria-hidden="true"
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -4.24s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>t</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -4.04s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>h</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -3.84s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>e</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -3.64s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
> </span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -3.44s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>T</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -3.24s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>r</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -3.03s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>a</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -2.83s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>n</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -2.63s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>s</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -2.43s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
> </span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -2.23s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>E</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -2.02s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>x</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -1.82s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>p</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -1.62s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>e</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -1.42s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>r</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -1.22s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>i</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -1.01s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>e</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -0.81s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>n</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -0.61s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>c</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -0.41s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>e</span
|
||
|
|
><span
|
||
|
|
style="
|
||
|
|
display: inline-block;
|
||
|
|
animation: 1.2s ease-in-out -0.21s infinite alternate spin;
|
||
|
|
transform: translateY(-25%);
|
||
|
|
"
|
||
|
|
>™</span
|
||
|
|
></span
|
||
|
|
>, macro/micro, TF, and more!
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
I don't tag these; my blog is for people who don't mind seeing
|
||
|
|
these things.
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<strong>some good-ass chosts from all around the website</strong>.
|
||
|
|
enough said, folks
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<p>
|
||
|
|
as for myself: my name is Ash<a
|
||
|
|
href="https://meow.garden/how-to-refer-to-me/"
|
||
|
|
target="_blank"
|
||
|
|
rel="nofollow noopener"
|
||
|
|
tabindex="0"
|
||
|
|
>*</a
|
||
|
|
>
|
||
|
|
and I'm uhh
|
||
|
|
<em>(rolls a pair of dice but does not look at the results)</em> tired
|
||
|
|
today! a lot of my friends know me through the dance game community (ITG
|
||
|
|
in particular); I've also been a
|
||
|
|
<em>Crypt of the NecroDancer</em> racer/speedrunner and
|
||
|
|
<em>N (2004 flash game)</em> mapper in the distant past. I spent too
|
||
|
|
many years of my life on Twitter & Tumblr and now I'm 30 and trying
|
||
|
|
my best to overcome the maladaptive behaviors those platforms
|
||
|
|
encouraged. you may
|
||
|
|
<a
|
||
|
|
href="https://cohost.org/astral/tagged/Ash%20(fursona)"
|
||
|
|
target="_blank"
|
||
|
|
rel="nofollow noopener"
|
||
|
|
tabindex="0"
|
||
|
|
>look at my fursona</a
|
||
|
|
>
|
||
|
|
if you are so inclined
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
well, that's every single thing there is to know about me! I'll leave a
|
||
|
|
short curated gallery of stuff I've made under the cut
|
||
|
|
</p>
|
||
|
|
</cohost-wc>
|
||
|
|
</body>
|
||
|
|
</html>
|