https://daintye.co

HASH e796526f178d00bd57a917c7e49b4367
This item was proven by @ava on 2023-07-23T22:42:03+00:00. (View all of @ava’s proofs.)
Evidence

This is a copy of the web page retrieved on 2023-07-23T22:42:03+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ava / daintyeco</title>
    <meta name="description" content="ava's personal webpage.">
    <style>
        body {
            background-color: #e5d7de;
            background-repeat: no-repeat;
            background-position: relative;
            background-attachment: fixed;
            image-rendering: pixelated;
            font-family: 'MS Gothic', monospace;
            text-transform: lowercase;
        }

        body.grayscale {
            background-color: #ededed;
            background-repeat: no-repeat;
            background-position: relative;
            background-attachment: fixed;
            image-rendering: pixelated;
            font-family: 'MS Gothic', monospace;
            text-transform: lowercase;
        }

        .greyscale-background {
            display: none;
        }

        .image-map-container {
            margin-left: 80px;
        }

        .text-container {
            position: absolute;
            top: 225px;
            left: 770px;
            width: 450px;
            height: 490px;
            line-height: 22px;
        }

        .name {
            margin: 5px 0 -10px 15px;

        }

        ul {
            margin-bottom: 0;
        }

        h1,
        h2 {
            margin-top: 0;
            margin-left: 10px;
            margin-bottom: 0;
        }

        h2 {
            font-size: 14px;
        }

        #statuscafe {
            padding: .4em;
            background-color: transparent;
            position: absolute;
            bottom: 30px;
        }

        #statuscafe-username {
            margin-bottom: .5em;
        }

        #statuscafe-content {
            margin: 0;
        }

        .link-container {
            position: absolute;
            top: 800px;
            left: 770px;
            width: 450px;
            height: 40px;
            align-content: center;
        }

        .button-container {
            position: absolute;
            top: 725px;
            left: 958px;
            width: 600px;
            line-height: 25px;
            width: 300px;
            height: 50px;
        }

        #melonland-surf-club {
            position: fixed;
            bottom: 0;
            right: 0;
        }
    </style>
</head>

<body>
    <div class="text-container" role="main">
        <h1><a href="https://daintyeco.smol.pub/namechange"><img src="ava6.png" alt="ava" class="name"></a></h1>
        <p>
        </p><ul>
            <li>27 years old, she/her</li>
            <li>part-time law student</li>
            <li>lesbian ⚢</li>
            <li>vegan Ⓥ</li>
            <li>into: arts &amp; crafts, Apple Fitness, gaming, coding, TTRPG, boardgames, my dog</li>
        </ul>
        <br>
        Click the items on the shelf and table to find out more! You can use grayscale mode below to emphasize the clickable items.

        <img src="trenner.png" alt="paint-style divider" role="separator"><br>
        <h2>Mood: <a href="https://www.imood.com/users/daintyeco"><img src="https://moods.imood.com/display/uname-daintyeco/fg-802374/trans-1/imood.gif" alt="The current mood of daintyeco at www.imood.com" border="0"></a></h2><br>

        <h2>Latest Status:</h2><br>
        <div id="statuscafe">
            <div id="statuscafe-username"><a href="https://status.cafe/users/daintyeco" target="_blank">daintyeco</a> 🌧️ 2 days ago</div>
            <div id="statuscafe-content">reworking parts of my site, feeling a little down!</div>
        </div>
        <script src="https://status.cafe/current-status.js?name=daintyeco" defer=""></script>
    </div>
    <div class="button-container" role="img">
        <img src="desktop.gif" alt="best viewed on desktop"><img src="neocities.gif" alt="neocities - the web is still yours"><img src="cloudbuttonround.gif" alt="my own 88x31 button">
    </div>
    <div class="link-container" role="nav">
        <a href="/sitemap.html"><button>sitemap</button></a> <a href="/mobile"><button>minimalist version</button></a> <button id="theme-switch">grayscale mode</button> <a href="/destruction"><button>destroy site</button></a>
    </div>
    <!-- Image Map Generated by http://www.image-map.net/ -->
    <div class="image-map-container">
        <img src="animated.png" alt="background image of microsoft paint window holding the main text, a shelf holding various clickable items such as consoles and books, and a table holding other various clickable items such as a sewing machine and a laptop. they lead to other pages of this website. it can be navigated by tabbing or mouse." usemap="#image-map">
        <img src="greyscalenoanimation.png" alt="Greyscale background version with the animation disabled" class="greyscale-background" usemap="#image-map">
    </div>

    <map name="image-map">
        <area target="_self" alt="about me" title="about me" href="/about" coords="1201,214,1257,272" shape="rect">
        <area target="_blank" alt="steam" title="steam" href="https://steamcommunity.com/id/ruledbyjupiter/" coords="1221,329,26" shape="circle">
        <area target="_blank" alt="spotify" title="spotify" href="https://open.spotify.com/user/anthymn" coords="1277,330,24" shape="circle">
        <area target="_blank" alt="neocities profile" title="neocities profile" href="https://neocities.org/site/daintyeco" coords="1334,330,27" shape="circle">
        <area target="_self" alt="my switch" title="my switch" href="/switch" coords="1193,405,1281,446" shape="rect">
        <area target="_self" alt="steamdeck" title="steamdeck" href="/steamdeck" coords="1276,393,1407,444" shape="rect">
        <area target="_blank" alt="journal" title="journal" href="https://daintyeco.smol.pub/" coords="1189,457,1219,527" shape="rect">
        <area target="_self" alt="poetry" title="poetry" href="/poetry" coords="1220,455,1261,527" shape="rect">
        <area target="_self" alt="counters" title="counters" href="/counters" coords="1256,522,1292,464" shape="rect">
        <area target="_self" alt="bluebrixx" title="bluebrixx" href="/bluebrixx" coords="1299,463,1395,523" shape="rect">
        <area target="_self" alt="filou" title="filou" href="/filou" coords="1188,618,1414,702" shape="rect">
        <area target="_self" alt="laptop" title="laptop" href="/laptop" coords="268,492,176,520,198,593,252,618,339,580,285,555" shape="poly">
        <area target="_self" alt="embroidery" title="embroidery" href="/embroidery" coords="198,419,44" shape="circle">
        <area target="_self" alt="paper art" title="paper art" href="/paper" coords="323,485,371,558" shape="rect">
        <area target="_self" alt="sewing" title="sewing" href="/sewing" coords="411,427,406,534,496,560,534,545,530,458,405,423" shape="poly">
        <area target="_self" alt="cool sites" title="cool sites" href="/sitebuttons" coords="282,261,43" shape="circle">
        <area target="_self" alt="home" title="home" href="https://daintye.co/" coords="612,46,1143,163" shape="rect">
    </map>
    <object id="melonland-surf-club" data="https://melonland.net/surf-badge.svg?fill=#fef3fe" type="image/svg+xml" style="width: 80px; height: 80px;"></object>

    <script>
        const grayscaleBtn = document.getElementById('theme-switch');
        const imageMap = document.querySelector('.image-map-container img[usemap="#image-map"]');

        grayscaleBtn.addEventListener('click', () => {
            document.body.classList.toggle('grayscale');
            if (document.body.classList.contains('grayscale')) {
                imageMap.src = 'greyscalenoanimation.png';
            } else {
                imageMap.src = 'animated.png';
            }
        });
    </script>
    <script type="text/javascript">
        if (screen.width <= 699) {
            document.location = "/mobile";
        }
    </script>
    
    <p style="display:none">proven8b6116</p>


</body></html>