rough first draft of v2!
This commit is contained in:
parent
103bf3f1c3
commit
dd04d44f47
GPG key ID:
CF99829C92678188
29 changed files with 430 additions and 389 deletions
|
|
@ -1,13 +1,13 @@
|
|||
{{define "head"}}
|
||||
<title>ari melody 💫</title>
|
||||
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
|
||||
<link rel="shortcut icon" href="/img/favicon.webp" type="image/x-icon">
|
||||
|
||||
<meta name="description" content="home to your local SPACEGIRL 💫">
|
||||
|
||||
<meta property="og:title" content="ari melody">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="www.arimelody.space">
|
||||
<meta property="og:image" content="https://www.arimelody.space/img/favicon.png">
|
||||
<meta property="og:image" content="https://www.arimelody.space/img/favicon.webp">
|
||||
<meta property="og:site_name" content="ari melody 💫">
|
||||
<meta property="og:description" content="home to your local SPACEGIRL 💫">
|
||||
|
||||
|
|
@ -20,64 +20,112 @@
|
|||
{{end}}
|
||||
|
||||
{{define "content"}}
|
||||
<main>
|
||||
{{if .TwitchStatus}}
|
||||
<div id="live-banner">
|
||||
<div class="live-preview">
|
||||
<div>
|
||||
<img src="{{.TwitchStatus.Thumbnail 144 81}}" alt="livestream thumbnail" class="live-thumbnail">
|
||||
<a href="https://twitch.tv/{{.TwitchStatus.UserName}}" class="live-button">join in!</a>
|
||||
</div>
|
||||
<div class="live-info">
|
||||
<h2>ari melody <span class="live-highlight">LIVE</span> <i class="live-pinger"></i></h2>
|
||||
<p class="live-game"><span class="live-game-prefix">streaming:</span> {{.TwitchStatus.GameName}}</p>
|
||||
<p class="live-title">{{.TwitchStatus.Title}}</p>
|
||||
<p class="live-viewers">{{.TwitchStatus.ViewerCount}} viewers</p>
|
||||
</div>
|
||||
|
||||
{{if .TwitchStatus}}
|
||||
<div id="live-banner">
|
||||
<div class="live-preview">
|
||||
<div>
|
||||
<img src="{{.TwitchStatus.Thumbnail 144 81}}" alt="livestream thumbnail" class="live-thumbnail">
|
||||
<a href="https://twitch.tv/{{.TwitchStatus.UserName}}" class="live-button">join in!</a>
|
||||
</div>
|
||||
<div class="live-info">
|
||||
<h2>ari melody <span class="live-highlight">LIVE</span> <i class="live-pinger"></i></h2>
|
||||
<p class="live-game"><span class="live-game-prefix">streaming:</span> {{.TwitchStatus.GameName}}</p>
|
||||
<p class="live-title">{{.TwitchStatus.Title}}</p>
|
||||
<p class="live-viewers">{{.TwitchStatus.ViewerCount}} viewers</p>
|
||||
</div>
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
<h1 class="typeout">
|
||||
# hello, world!
|
||||
</h1>
|
||||
<div class="fancyheader">
|
||||
<div class="fancyheader-inner">
|
||||
<div class="left">
|
||||
<h1>
|
||||
hi, i'm ari!
|
||||
<img src="/img/favicon.webp" class="icon" width="64" height="64" alt="">
|
||||
</h1>
|
||||
<div class="subheader">
|
||||
<div class="swatch primary"></div>
|
||||
<div class="swatch secondary"></div>
|
||||
<div class="swatch tertiary"></div>
|
||||
<span>she/her 🏳️⚧️ 🏳️🌈 💫 🦆 🇮🇪</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<strong>i'm ari!</strong>
|
||||
<br>
|
||||
<small>she/her 🏳️⚧️🏳️🌈💫🦆🇮🇪</small>
|
||||
</p>
|
||||
<div class="right">
|
||||
<ul class="platform-links">
|
||||
<li>
|
||||
<a href="https://youtube.com/@arispacegirl" title="youtube" style="animation-delay: 0ms">
|
||||
<img src="/img/brand/youtube.svg" alt="youtube" width="32" height="32"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitch.tv/arispacegirl" title="twitch" style="animation-delay: 50ms">
|
||||
<img src="/img/brand/twitch.svg" alt="twitch" width="32" height="32"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://arimelody.bandcamp.com" title="bandcamp" style="animation-delay: 100ms">
|
||||
<img src="/img/brand/bandcamp.svg" alt="bandcamp" width="32" height="32"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://codeberg.org/arimelody" title="codeberg" style="animation-delay: 150ms">
|
||||
<img src="/img/brand/codeberg.svg" alt="codeberg" width="32" height="32"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://bsky.app/profile/arimelody.space" title="bluesky" style="animation-delay: 200ms">
|
||||
<img src="/img/brand/bluesky.svg" alt="bluesky" width="32" height="32"/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://arimelody.space/discord" title="discord" style="animation-delay: 250ms">
|
||||
<img src="/img/brand/discord.svg" alt="discord" width="32" height="32"/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
i'm a <a href="/music">musician</a>, <a href="https://codeberg.org/arimelody?tab=repositories">developer</a>,
|
||||
<a href="https://twitch.tv/arispacegirl">streamer</a>, <a href="https://youtube.com/@arispacegirl">youtuber</a>,
|
||||
and probably a bunch of other things i forgot to mention!
|
||||
</p>
|
||||
<p>
|
||||
you're very welcome to take a look around my little space on the internet here,
|
||||
or explore any of the other parts i inhabit!
|
||||
</p>
|
||||
<p>
|
||||
if you're looking to support me financially, that's so cool of you!!
|
||||
if you like, you can buy some of my music over on
|
||||
<a href="https://arimelody.bandcamp.com">bandcamp</a>
|
||||
so you can at least get something for your money.
|
||||
thank you very much either way!! 💕
|
||||
</p>
|
||||
<p>
|
||||
for anything else, you can reach me for any and all communications through
|
||||
<a href="mailto:ari@arimelody.space">ari@arimelody.space</a>. if your message
|
||||
contains anything beyond a silly gag, i strongly recommend encrypting
|
||||
your message using my public pgp key, listed below!
|
||||
</p>
|
||||
<p>
|
||||
thank you for stopping by- i hope you have a lovely rest of your day! 💫
|
||||
</p>
|
||||
<main>
|
||||
<div id="intro">
|
||||
<p>
|
||||
i'm a <a href="/music">musician</a>, <a href="https://codeberg.org/arimelody?tab=repositories">developer</a>,
|
||||
<a href="https://twitch.tv/arispacegirl">streamer</a>, <a href="https://youtube.com/@arispacegirl">youtuber</a>,
|
||||
and probably a bunch of other things i forgot to mention!
|
||||
</p>
|
||||
<p>
|
||||
you're very welcome to take a look around my little space on the internet here,
|
||||
or explore any of the other parts i inhabit!
|
||||
</p>
|
||||
<p>
|
||||
if you're looking to support me financially, that's so cool of you!!
|
||||
if you like, you can buy some of my music over on
|
||||
<a href="https://arimelody.bandcamp.com">bandcamp</a>
|
||||
so you can at least get something for your money.
|
||||
thank you very much either way!! 💕
|
||||
</p>
|
||||
<p>
|
||||
for anything else, you can reach me for any and all communications through
|
||||
<a href="mailto:ari@arimelody.space">ari@arimelody.space</a>. if your message
|
||||
contains anything beyond a silly gag, i strongly recommend encrypting
|
||||
your message using my public pgp key, listed below!
|
||||
</p>
|
||||
<p>
|
||||
thank you for stopping by- i hope you have a lovely rest of your day! 💫
|
||||
</p>
|
||||
|
||||
<div class="character">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 class="typeout">
|
||||
## metadata
|
||||
metadata
|
||||
</h2>
|
||||
|
||||
<p>
|
||||
|
|
@ -97,48 +145,6 @@
|
|||
<li>ssh (ed25519): <a href="/keys/id_ari_ed25519.pub" target="_blank">[link]</a></li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<strong>where to find me 🛰️</strong>
|
||||
</p>
|
||||
<ul class="platform-links">
|
||||
<li>
|
||||
<a href="https://youtube.com/@arispacegirl" title="youtube">
|
||||
<img src="/img/brand/youtube.svg" alt="youtube" width="32" height="32"/>
|
||||
youtube
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitch.tv/arispacegirl" title="twitch">
|
||||
<img src="/img/brand/twitch.svg" alt="twitch" width="32" height="32"/>
|
||||
twitch
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://arimelody.bandcamp.com" title="bandcamp">
|
||||
<img src="/img/brand/bandcamp.svg" alt="bandcamp" width="32" height="32"/>
|
||||
bandcamp
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://codeberg.org/arimelody" title="codeberg">
|
||||
<img src="/img/brand/codeberg.svg" alt="codeberg" width="32" height="32"/>
|
||||
codeberg
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://bsky.app/profile/arimelody.space" title="bluesky">
|
||||
<img src="/img/brand/bluesky.svg" alt="bluesky" width="32" height="32"/>
|
||||
bluesky
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://arimelody.space/discord" title="discord">
|
||||
<img src="/img/brand/discord.svg" alt="discord" width="32" height="32"/>
|
||||
discord
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
<strong>projects i've worked on 🛠️</strong>
|
||||
</p>
|
||||
|
|
@ -197,7 +203,7 @@
|
|||
<hr>
|
||||
|
||||
<h2 class="typeout">
|
||||
## cool critters
|
||||
cool critters
|
||||
</h2>
|
||||
|
||||
<div id="web-buttons">
|
||||
|
|
@ -266,7 +272,7 @@
|
|||
</div>
|
||||
|
||||
<h2 class="typeout">
|
||||
## webring
|
||||
webring
|
||||
</h2>
|
||||
|
||||
<div class="webring">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue