arimelody.me/views/index.html

{{define "head"}}
<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">
<link rel="stylesheet" href="/style/index.css">

<link rel="me" href="https://ice.arimelody.me/@ari">
<link rel="me" href="https://wetdry.world/@ari">
{{end}}

{{define "content"}}
<main>
        <script type="module" src="/script/main.js"></script>

        <h1>
                # hello, world!
        </h1>


        <p>
                <strong>i'm ari!</strong>
                <br>
                <small>she/her 🏳️‍⚧️🏳️‍🌈💫🦆🇮🇪</small>
        </p>

        <p>
                i like to create things on the internet! namely <a href="/music">music</a>,
                <a href="https://youtube.com/mellodoot" target="_blank">videos</a>, art <small><em>(link pending)</em></small>, and the odd
                <a href="https://github.com/mellodoot?tab=repositories" target="_blank">code project</a> from time to time!
                if it's a thing you can create on a computer, i've probably taken a swing at it.
        </p>
        <p>
                you're very welcome to take a look around my little slice of the internet here,
                or explore any of the other corners i inhabit!
        </p>
        <p>	
                and 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 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.me">ari@arimelody.me</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>

        <hr>

        <h2>
                ## metadata
        </h2>

        <p>
                <strong>my colours 🌈</strong>
        </p>
        <ul>
                <li>primary: <span class="col-primary">#b7fd49</span></li>
                <li>secondary: <span class="col-secondary">#f8e05b</span></li>
                <li>tertiary: <span class="col-tertiary">#f788fe</span></li>
        </ul>

        <p>
                <strong>my keys 🔑</strong>
        </p>
        <ul>
                <li>pgp: <a href="/keys/ari melody_0x92678188_public.asc" target="_blank">[link]</a></li>
                <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="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>

        <p>
                <strong>projects i've worked on 🛠️</strong>
        </p>
        <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.arimelody.me/" target="_blank">
                                impact meme
                        </a>
                </li>
                <li>
                        <a href="https://term.arimelody.me/" target="_blank">
                                OpenTerminal
                        </a>
                </li>
        </ul>

        <hr>

        <h2>## cool people</h2>

        <div id="web-buttons">
                <a href="https://arimelody.me">
                        <img src="/img/buttons/ari melody.gif" alt="ari melody web button" loading="lazy">
                </a>
                <a href="https://supitszaire.com" target="_blank">
                        <img src="/img/buttons/zaire.gif" alt="zaire web button" loading="lazy">
                </a>
                <a href="https://mae.wtf" target="_blank">
                        <img src="/img/buttons/mae.png" alt="vimae web button" loading="lazy">
                </a>
                <a href="https://zvava.org" target="_blank">
                        <img src="/img/buttons/zvava.png" alt="zvava web button" loading="lazy">
                </a>

                <hr>

                <img src="/img/buttons/misc/debian.gif" alt="powered by debian" loading="lazy">
                <img src="/img/buttons/misc/girls4notepad.gif" alt="girls 4 notepad" loading="lazy">
                <img src="/img/buttons/misc/gaywebring.gif" alt="this website is GAY" loading="lazy">
                <img src="/img/buttons/misc/graphicdesign.gif" alt="graphic design is my passion" loading="lazy">
                <img src="/img/buttons/misc/gplv3.gif" alt="GPLv3 free software" loading="lazy">
                <img src="/img/buttons/misc/hl.gif" alt="half-life" loading="lazy">
                <img src="/img/buttons/misc/h-free-anim.gif" alt="dis site is hentai FREE" loading="lazy">
                <img src="/img/buttons/misc/sprunk.gif" alt="sprunk" loading="lazy">
                <img src="/img/buttons/misc/tohell.gif" alt="go straight to hell" loading="lazy">
                <img src="/img/buttons/misc/virusalert.gif" alt="virus alert! click here" onclick="alert('meow :3')" loading="lazy">
                <img src="/img/buttons/misc/wii.gif" alt="wii" loading="lazy">
                <img src="/img/buttons/misc/www2.gif" alt="www" loading="lazy">
                <img src="/img/buttons/misc/iemandatory.gif" alt="get mandatory internet explorer" loading="lazy">
                <img src="/img/buttons/misc/learn_html.gif" alt="HTML - learn it today!" loading="lazy">
                <a href="https://smokepowered.com" target="_blank">
                        <img src="/img/buttons/misc/smokepowered.gif" alt="high on SMOKE" loading="lazy">
                </a>
                <a href="https://epicblazed.com" target="_blank">
                        <img src="/img/buttons/misc/epicblazed.png" alt="epic blazed" loading="lazy">
                </a>
        </div>
</main>
{{end}}