165 lines
6.3 KiB
HTML
165 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>ari melody 💫</title>
|
|
<link rel="shortcut icon" href="img/favicon.png" 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.me">
|
|
<meta property="og:image" content="https://www.arimelody.me/img/favicon.png">
|
|
<meta property="og:site_name" content="ari melody">
|
|
<meta property="og:description" content="home to your local SPACEGIRL 💫">
|
|
|
|
<link rel="stylesheet" href="style/main.css">
|
|
|
|
<script src="/script/main.js" defer></script>
|
|
<script src="/script/accessibility.js" defer></script>
|
|
<link rel="me" href="https://wetdry.world/@ari">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div id="header">
|
|
<img src="img/favicon.png" id="header-icon" width="100" height="100" alt="">
|
|
<div id="header-text">
|
|
<h1>ari melody</h1>
|
|
<h2>your local SPACEGIRL 💫</h2>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<a href="/">home</a>
|
|
</li>
|
|
<li>
|
|
<a href="/music">music</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/mellodoot/arimelody.me" target="_blank">source</a>
|
|
</li>
|
|
<li>
|
|
<!-- coming later! -->
|
|
<span title="coming later!">blog</span>
|
|
</li>
|
|
<li>
|
|
<!-- coming later! -->
|
|
<span title="coming later!">art</span>
|
|
</li>
|
|
<li id="toggle-crt" title="toggle CRT effect">
|
|
<svg width="24" height="24" viewBox="0 0 29 29" version="1.1" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M29,2.5l0,16c0,1.38 -1.12,2.5 -2.5,2.5l-24,-0c-1.38,-0 -2.5,-1.12 -2.5,-2.5l-0,-16c-0,-1.38 1.12,-2.5 2.5,-2.5l24,-0c1.38,-0 2.5,1.12 2.5,2.5Zm-1,0c0,-0.828 -0.672,-1.5 -1.5,-1.5l-24,-0c-0.828,-0 -1.5,0.672 -1.5,1.5l0,16c0,0.828 0.672,1.5 1.5,1.5l24,-0c0.828,-0 1.5,-0.672 1.5,-1.5l0,-16Zm-24.5,2.5c-0.276,-0 -0.5,-0.224 -0.5,-0.5c0,-0.276 0.224,-0.5 0.5,-0.5l22,0c0.276,-0 0.5,0.224 0.5,0.5c0,0.276 -0.224,0.5 -0.5,0.5l-22,0Zm0,3c-0.276,0 -0.5,-0.224 -0.5,-0.5c-0,-0.276 0.224,-0.5 0.5,-0.5l22,-0c0.276,0 0.5,0.224 0.5,0.5c-0,0.276 -0.224,0.5 -0.5,0.5l-22,-0Zm0,9c-0.276,0 -0.5,-0.224 -0.5,-0.5c-0,-0.276 0.224,-0.5 0.5,-0.5l22,-0c0.276,0 0.5,0.224 0.5,0.5c-0,0.276 -0.224,0.5 -0.5,0.5l-22,-0Zm-0,-3c-0.276,-0 -0.5,-0.224 -0.5,-0.5c0,-0.276 0.224,-0.5 0.5,-0.5l22,0c0.276,-0 0.5,0.224 0.5,0.5c0,0.276 -0.224,0.5 -0.5,0.5l-22,0Zm-0,-3c-0.276,-0 -0.5,-0.224 -0.5,-0.5c0,-0.276 0.224,-0.5 0.5,-0.5l22,0c0.276,-0 0.5,0.224 0.5,0.5c0,0.276 -0.224,0.5 -0.5,0.5l-22,0Zm25.5,14.5l0,1c0,1.38 -1.12,2.5 -2.5,2.5l-24,0c-1.38,0 -2.5,-1.12 -2.5,-2.5l-0,-1c-0,-1.38 1.12,-2.5 2.5,-2.5l24,0c1.38,0 2.5,1.12 2.5,2.5Zm-1,0c0,-0.828 -0.672,-1.5 -1.5,-1.5l-24,0c-0.828,0 -1.5,0.672 -1.5,1.5l0,1c0,0.828 0.672,1.5 1.5,1.5l24,0c0.828,0 1.5,-0.672 1.5,-1.5l0,-1Z"/>
|
|
</svg>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<h1>
|
|
# hello, world!
|
|
</h1>
|
|
|
|
<p>
|
|
<strong>i'm ari!</strong>
|
|
<br>
|
|
<small>she/her 🏳️⚧️🏳️🌈💫🦆🇮🇪</small>
|
|
</p>
|
|
<p>
|
|
creator of the infamous (but barely famous) <a href="https://catdance.xyz" target="_blank">catdance</a>, a lovely little <a href="https://github.com/mellodoot/prideflag" target="_blank">pride flag</a> for
|
|
the
|
|
web, other <a href="https://github.com/mellodoot?tab=repositories" target="_blank">silly
|
|
code
|
|
projects</a> and a whole slew of content across <a href="https://youtube.com/mellodoot" target="_blank">youtube</a> and all good <a href="https://mellodoot.com/music" target="_blank">music</a> streaming platforms!
|
|
</p>
|
|
<p>
|
|
i play around with all aspects of creative media. i like making music, writing code,
|
|
creating
|
|
videos, drawing artwork...if it can be done on a computer, i've probably tried it!
|
|
really a jack
|
|
of all trades, mastery pending.
|
|
</p>
|
|
<p>
|
|
if you're looking to support me financially, that's so cool of you!! if you like, you
|
|
can buy
|
|
one or more of my songs over on <a href="https://arimelody.bandcamp.com" target="_blank">bandcamp</a>, so you can at least get something for your
|
|
troubles. 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.me">ari@arimelody.me</a>.
|
|
</p>
|
|
<p>
|
|
thanks for stopping by, and i hope you have a lovely rest of your day!
|
|
</p>
|
|
|
|
<hr>
|
|
|
|
<h2>
|
|
## where to find me:
|
|
</h2>
|
|
<ul class="links">
|
|
<li>
|
|
<a href="https://youtube.com/@mellodoot" target="_blank">youtube</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://mellodoot.tumblr.com" target="_blank">tumblr</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://twitch.tv/mellodoot" target="_blank">twitch</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://sptfy.com/mellodoot" target="_blank">spotify</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://soundcloud.com/arimelody" target="_blank">soundcloud</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/mellodoot" target="_blank">github</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<h2>
|
|
## projects i've worked on:
|
|
</h2>
|
|
<ul class="links">
|
|
<li>
|
|
<a href="https://catdance.xyz" target="_blank">catdance</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/mellodoot/sandblock" target="_blank">sandblock</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/mellodoot/prideflag" target="_blank">pride flag</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/mellodoot/ipaddrgen" target="_blank">ipaddrgen</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://impact.mellodoot.com/" target="_blank">impact meme</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://term.arimelody.me/" target="_blank">OpenTerminal</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<p>
|
|
this site is intended to eventually replace
|
|
<a href="https://mellodoot.com/" target="_blank">mellodoot.com</a>.
|
|
</p>
|
|
</main>
|
|
|
|
<footer>
|
|
<div id="footer">
|
|
<small><em>*made with ♥ by ari, 2023*</em></small>
|
|
</div>
|
|
</footer>
|
|
|
|
<div id="overlay"></div>
|
|
</body>
|
|
</html>
|