<!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>