proven.lolhttps://frills.dev
HASH 66c5d9c2749a28dc37f119c7f4573b9d
This item was proven by @frills on 2024-02-26T21:51:27+00:00. (View all of @frills’s proofs.)
Evidence
This is a copy of the web page retrieved on 2024-02-26T21:51:27+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en-GB" data-scheme="light"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - Frills</title>
<meta name="description" content=""><link rel="me" href="https://indieweb.social/@frills">
<link rel="me" href="https://social.lol/@frills">
<link rel="me" href="https://frills.omg.lol"><meta property="og:type" content="website">
<meta property="og:url" content="https://frills.dev/">
<meta property="og:image" content="https://dynamic-og-image-generator.vercel.app//api/generate?title=Home&author=Frills&avatar=https://frills.dev/images/collections/avatars/andycarolan-pink.png&websiteUrl=https://frills.dev&theme=shadesOfPurple">
<meta property="og:image:alt" content="Page image for Frills">
<link rel="icon" type="image/png" href="/images/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link href="/css/main.css?nocache=beep" rel="stylesheet">
<!--proven.lol/79f13f-->
<link rel="preload" as="font" href="/fonts/atkinson-hyperlegible/regular.woff2" crossorigin="">
<noscript><link href="/css/noscript.css?nocache=beep" rel="stylesheet"></noscript>
</head>
<body>
<a href="#main" id="top" class="visually-hidden skiptomain">Skip to main content</a>
<script>0</script>
<div class="page">
<header class="page__header grid grid--header">
<a href="/" class="page__logo">
<span class="visually-hidden">Homepage</span>
<svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76 25" width="200" height="66" aria-hidden="true" preserveAspectRatio="xMinYMin">
<path class="logo-tx" d="M15.8 15c.5.3.7.8.7 1.6 0 1-.4 1.7-1.2 2-1 .4-2.2.5-3.4.5H7.7v1.8c0 2.1-.8 3.2-2.5 3.2-1.4 0-2.5-.8-3.3-2.4-.8-1.5-1.2-4-1.2-7.4a10 10 0 0 1 9.7-10.6c2.8-.2 6.8 1 6.8 4.3s-3.2 3.4-5.7 3.4c-1.7 0-4.1.7-4.1 2.7h3.7c1.5 0 3.4 0 4.7.9Zm6 9.1c-1.2 0-2-.7-2.5-2.2a21 21 0 0 1-.4-9c.3-1.6 1.1-2.8 2.7-2.8 1 0 2 .4 2.2 1.4a4 4 0 0 1 1.7-.8c1.4-.4 2.8-.4 4.1.2 1.4.6 2.8 2.3 2.1 3.9-.4.9-1.2 1.4-2.2 1.4-1.7 0-2.8-1-4.2.5-1.2 1.2-.8 3.3-.9 4.8 0 1.5-1 2.6-2.6 2.6Zm14-14.1c-2 0-3.3-1.8-3.3-3.6a3.4 3.4 0 1 1 6.8 0c0 1.9-1.6 3.6-3.5 3.6Zm0 14.1c-1.6 0-2.3-1.2-2.4-2.7-.3-2.5-.3-5 0-7.4.2-1.4 1-2.5 2.5-2.5s2.3 1.3 2.5 2.7c.3 2.5.3 5 0 7.4-.3 1.5-.9 2.5-2.6 2.5Zm8.4 0c-2.3 0-3-2.4-3.2-4.3a58 58 0 0 1 0-11.6c.2-2 .8-4.5 3.2-4.5 2.4 0 3.2 3.8 3.3 4.5.3 3.8.2 7.7-.2 11.5-.1 1.8-.9 4.4-3.1 4.4Zm8.3 0c-2.3 0-3-2.4-3.2-4.3a58 58 0 0 1 0-11.6c.2-2 1-4.5 3.3-4.5 2.4 0 3 2.5 3.2 4.5.3 3.8.3 7.7-.1 11.5-.1 1.9-1 4.4-3.2 4.4Zm10 0c-1.8 0-5.6-.5-5.6-3 0-.6.2-1 .6-1.4.4-.3 1-.5 1.5-.5 1 0 1.5.8 2.3.9.6 0 .9-.7.3-1l-2.1-.9c-1.4-.8-2.7-1.8-2.6-3.5 0-1.7 1.6-3 3.1-3.7 2-.8 4.3-.7 6.4-.1 1.3.4 2.9 1.5 2.9 3 0 1.6-1.9 2.3-3.2 1.5-.4-.2-1.3-.5-1.5 0-.1.5.2.8.6.9 1.1.4 2 .9 2.7 1.4a3 3 0 0 1 1 2.4c0 1.2-.5 2.2-1.7 3-1.2.7-2.7 1-4.7 1Z"></path>
<g>
<path class="logo-x" d="M68.2 2.2a2 2 0 0 1 1.5 1.5 2 2 0 0 1 1.6-1.5V2A2 2 0 0 1 69.8.5h-.1A2 2 0 0 1 68.2 2c-.1 0-.1.1 0 .2Z"></path>
<path class="logo-x" d="M63 5.3a3.7 3.7 0 0 1 2.6 2.6h.3a3.7 3.7 0 0 1 2.6-2.6c.1 0 .1-.2 0-.2a3.6 3.6 0 0 1-2.6-2.7h-.3A3.7 3.7 0 0 1 63 5.1c-.1 0-.1.1 0 .2Z"></path>
<path class="logo-x" d="M67.4 9.4a5.5 5.5 0 0 1 4 4h.3a5.5 5.5 0 0 1 4-4v-.3a5.5 5.5 0 0 1-4-4c0-.1-.3-.1-.4 0a5.5 5.5 0 0 1-3.9 4c-.2 0-.2.3 0 .3Z"></path>
</g>
</svg>
</a>
<nav aria-label="Top level" class="page__nav page__nav--top">
<ul>
<li class="about"><span class="emoji" aria-hidden="true">🌷</span> <a href="/about/">About</a></li>
<li class="now"><span class="emoji" aria-hidden="true">⌚</span> <a href="/now/">Now</a></li>
<li class="blog"><span class="emoji" aria-hidden="true">📝</span> <a href="/blog/">Blog</a></li>
<li class="links"><span class="emoji" aria-hidden="true">🔗</span> <a href="/links/">Links</a></li>
<li class="bookmarks"><span class="emoji" aria-hidden="true">🔖</span> <a href="/bookmarks/">Bookmarks</a></li>
<li class="experiments"><span class="emoji" aria-hidden="true">🧪</span> <a href="/experiments/">Experiments</a></li>
<li class="guestbook"><span class="emoji" aria-hidden="true">👋</span> <a href="/guestbook/">Guestbook</a></li>
</ul>
</nav>
<div class="settings">
<button id="themeButton" class="button ghost toggle toggle--seasonal">
Toggle seasonal theme
</button>
<button id="colorSchemeButton" class="button ghost toggle toggle--colorscheme" aria-pressed="false">
Toggle dark theme
</button>
</div>
</header><main tabindex="0" class="page__main grid grid--main" id="main">
<h1 class="visually-hidden">Home</h1>
<div class="content__sidebar"><div class="bio">
<h2 class="visually-hidden">Bio</h2>
<div class="avatar">
<div class="avatar__script swapAvatar swapped">
<noscript>
<img class="avatar__noscript" src="/images/pic.png" alt="Black and white avatar illustration: a smiling woman with shoulder length dark hair, large eyes and sparkles surrounding her" width="200" height="200">
</noscript>
<img width="200" height="200" id="swappedAvatar" src="/images/collections/avatars/Ultimate_friends_face_maker.png" alt="Avatar of a caucasian woman with brown hair and blonde streaks where men would have sideburns. Surly expression with slighly drooped eyes and straight lips. Wearing blue dungarees with a green jumper."></div>
<div class="avatar__extra">
<button id="refreshAvatar" class="button hidden noscriptHide">
🔃 Refresh<span class="avatar__hide"> avatar</span>
</button>
<span>🖼️ <a href="/collections/avatars" class="hidden">More<span class="avatar__hide"> avatars</span></a></span>
</div>
</div>
<div class="biogrid">
<div class="biogrid__icon">
<span class="emoji" role="img" aria-label="Pronouns">🌷</span>
</div>
<div class="biogrid__content">
she/her
</div>
<div class="biogrid__icon">
<span class="emoji" role="img" aria-label="Astrological sign">♊</span>
</div>
<div class="biogrid__content">
Gemini
</div>
<div class="biogrid__icon">
<span class="emoji" role="img" aria-label="Location">📍</span>
</div>
<div class="biogrid__content">
Wales, UK
</div>
<div class="biogrid__icon">
<span class="emoji" role="img" aria-label="Local time">⏰</span>
</div>
<div class="biogrid__content">
<span id="localTime" class="lowercase" title="British Summer Time">09:51pm</span> (GMT)
</div>
<div class="biogrid__icon">
<span id="status" class="status" data-status="online"></span>
</div>
<div class="biogrid__content">
<span id="statusText">Online now!</span>
</div>
</div>
</div>
</div>
<section class="content__main">
<div class="content__inner"><div class="dashboard">
<noscript>
<div class="dashboard__item">
<article class="callout callout--small mb-0"><div class="callout-emoji">
<span class="emoji" role="img" aria-label="Spanner and hammer">🛠️</span>
</div><div class="callout-content"><header><h2>Your JavaScipt is disabled</h2></header>
<p>This website uses JavaScript, please read the <a href="/colophon#javascript">Colophon</a> to understand why</p>
</div>
</article>
</div>
</noscript>
<article class="dashboard__item dashboard__item--gallery">
<h2 class="visually-hidden">Gallery</h2>
<figure>
<img src="/images/piclog/piclog2.jpg" alt="Caucasian woman (me) stood with their back to the camera standing on a wooden jetty looking out at the lake with my labrador, Orla. A lens flare from the sun in the top left." loading="lazy" width="100" height="100">
</figure>
<figure>
<img src="/images/piclog/piclog0.jpg" alt="Caucasian woman (me) with brown hair wearing an orange hat looks away from the camera to the left." loading="lazy" width="100" height="100">
</figure>
<figure>
<img src="/images/piclog/piclog1.jpg" alt="People walking out of the sea as the sun rises through the clouds behind them" loading="lazy" width="100" height="100">
</figure>
</article>
<div class="dashboard__item av-br">
<h2 class="visually-hidden">Intro</h2>
<p><span id="greetingText">Good evening</span>, world wide web adventurer! Step into my humble internet emporium, where a delightful array of digital knick-knacks, whimsical whirligigs, half-baked thoughts and musings await you.</p>
<p>I am Frills<span class="noscriptHide"> (<button data-speak="Frills" type="button" class="dotted" aria-label="Say 'Frills'">/frɪlz/</button> 🔊)</span>, the proud webmistress of this website in this wondrous wifi world, learn more <a href="/about">about me</a> or <a href="/colophon">about this website</a>.</p>
<p>Here you will find my latest <a href="/blog">thoughts</a> and <a href="/experiments">experiments</a>, <a href="/links">portals to other websites</a>, and <a href="/guestbook">messages</a> left by other wanderers.</p>
</div>
<div class="av-br">
<article class="dashboard__item dashboard__item--neocities bg-wiggly">
<img src="/images/neocities.svg" alt="Neocities cat holding a paintbrush and spanner">
<div>
<h2><a href="https://neocities.org/site/fri11s">Neocities profile</a></h2>
<p class="small">Follow me for updates!</p>
</div>
</article>
<div class="dashboard__item">
<article class="callout callout--small statusCafe noscriptHide"><div class="callout-emoji">
<span id="statusCafe-emoji">❤️</span>
</div><div class="callout-content"><header><h2><a href="https://status.cafe/users/fri11s" class="hidden">Latest status</a></h2>
<span id="statusCafe-time">10 days ago</span></header>
<div id="statusCafe-status">Added kudos to my blog posts so you can leave a heart!</div>
</div>
</article>
</div>
<div class="dashboard__item">
<article class="callout callout--small noscriptHide"><div class="callout-emoji">
<span class="emoji" role="img" aria-label="Musical note">🎵</span>
</div><div class="callout-content"><header><h2>Last played</h2>
<span><span id="lfmTime">2 hours ago</span></span>
</header>
<span id="lfmSong">Forever and Ever and Always - Ryan Mack</span>
</div>
</article>
</div>
<div class="dashboard__item">
<article class="callout callout--small"><div class="callout-emoji">
<span class="emoji" role="img" aria-label="Books">📚</span>
</div><div class="callout-content"><header><h2>Currently reading</h2></header>
<a href="https://www.goodreads.com/book/show/76713323-empire-of-storms" class="hidden">Empire of Storms - Sarah J Maas</a>
</div>
</article>
</div>
<div class="dashboard__item">
<h2 class="visually-hidden">Shrines</h2>
<a href="/shrine/orla" class="gallery" aria-label="Orla (my dog) shrine">
<img src="/images/shrine/orla/orla1.jpg" width="100" height="100" alt="" loading="lazy" title="My shrine to Orla!">
<img src="/images/shrine/orla/orla14.jpg" width="100" height="100" alt="" loading="lazy" title="My shrine to Orla!">
<img src="/images/shrine/orla/orla15.jpg" width="100" height="100" alt="" loading="lazy" title="My shrine to Orla!">
</a>
</div>
<article class="dashboard__item dashboard__item--center noscriptHide">
<h2 class="visually-hidden">Website carbon</h2>
<div id="wcb" class="carbonbadge wcb-d"><style>#wcb.carbonbadge{--b1:#0e11a8;--b2:#00ffbc;font-size:15px;text-align:center;color:var(--b1);line-height:1.15}#wcb.carbonbadge sub{vertical-align:middle;position:relative;top:.3em;font-size:.7em}#wcb #wcb_2,#wcb #wcb_a,#wcb #wcb_g{display:inline-flex;justify-content:center;align-items:center;text-align:center;font-size:1em;line-height:1.15;font-family:-apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none;margin:.2em 0}#wcb #wcb_a,#wcb #wcb_g{padding:.3em .5em;border:.13em solid var(--b2)}#wcb #wcb_g{border-radius:.3em 0 0 .3em;background:#fff;border-right:0;min-width:8.2em}#wcb #wcb_a{border-radius:0 .3em .3em 0;border-left:0;background:var(--b1);color:#fff;font-weight:700;border-color:var(--b1)}#wcb.wcb-d #wcb_a{color:var(--b1);background:var(--b2);border-color:var(--b2)}#wcb.wcb-d #wcb_2{color:#fff}</style><div id="wcb_p"><span id="wcb_g">0.05g of CO<sub>2</sub>/view</span><a id="wcb_a" target="_blank" rel="noopener" href="https://websitecarbon.com">Website Carbon</a></div><span id="wcb_2"> Cleaner than 95% of pages tested</span></div>
</article>
</div>
<div class="av-br">
<article class="dashboard__item dashboard__item--card dashboard__item--latestposts">
<header>
<h2 class="bg-wiggly">Latest posts</h2>
</header><div class="h-sm">
<h3>📝 Blog</h3>
<a href="/blog/240216-life-in-pics/">Life in Pictures</a><p class="description"> Delciously crunchy compressed pictures.</p>
<h3>🧪 Experiment</h3>
<a href="/experiments/valentines-ascii-heart/">ASCII heART</a><p class="description">A curation of hearts and love themed ASCII art for the <a href="https://tilde.32bit.cafe/~ribose/events/valentines2024/">32bit.cafe Valentines 2024 challenge</a>.</p>
<h3>🛠️ Changelog</h3>
<div class="description">
<ul>
<li>Added name phonetics using the WebSpeechAPI</li>
<li>Added greeting based on user timezone</li>
<li>Added GMT time-based status</li>
</ul>
</div>
</div>
</article>
<article class="dashboard__item dashboard__item--card">
<div>
<h2 class="visually-hidden">RSS feeds</h2>
<ul class="unstyled inline small">
<li><a href="/rss.xml" class="rss">Blog<span class="visually-hidden"> RSS feed</span></a></li>
<li><a href="/experiments.xml" class="rss">Experiments<span class="visually-hidden"> RSS feed</span></a></li>
<li><a href="/changelog.xml" class="rss">Changelog<span class="visually-hidden"> RSS feed</span></a></li>
<li><a href="/all.xml" class="rss">All<span class="visually-hidden"> RSS feed</span></a></li>
</ul>
</div>
</article>
<div class="dashboard__item">
<a href="https://hillhouse.neocities.org/journal/notes/palestine"><img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAYAAABzyUiPAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADxSURBVFhH7ZBRCsMgEERzmH42N+sxe5v89zftCAPbZVxTo1A0Dybqukj2Lctj3a+cCD496PXuP/El8Hm7fw5Lk4ApBbaSCKYV2EIimFrgWYkgJ9D3AVUDqq5qCjuLJaod6bWEApHXtlUFRAI9XhAp9ebAvytsXfXk7nPvFQUiSlApIBLIEFUDqq5qHvw3V+4Bz74O1DnXS4oClZwjAZFAD2v+LuqNwL+TX/ekdA9CgemyMoCrpyTF7xmiagrOYbFnv/f9ub0lzctB7SMUURvAdWTSvBy0lTwEcB2ZNC8HbSUPAVxHJs3ba9CpBF6pzbq/ARqRTi2iy5HlAAAAAElFTkSuQmCC" alt="Free Gaza" width="80" height="15"></a>
<a href="https://www.codelikeagirl.com/"><img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPAgMAAAAOp6AcAAAACVBMVEXfOHf///8cGx0Yk1ajAAAAZUlEQVQY06WPsQ2AMAwEv3BS21K8jy2FPgVhLhqWyJS4oSFpEFeeTpYfYwGuPnHgxET+Iqmk5I3IFQUqzSwkO1cBUWU4TMg4pFnIKJuiY4uS3qULR/ncTNU1ZBHaLf/8c719LLgB7XE6FjMry00AAAAASUVORK5CYII=" alt="Code like a girl" width="80" height="15"></a>
<img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAAAAXNSR0IArs4c6QAAAFFQTFRFKCgoPDg2UElFZlxUfG9kkoN0qJmEva6T1cSh69uy+/HHAAAAzCQd1l0O15khmJcaaJ1qRYWIsWKGAAAA+0k0/oAZ+r0vuLsmjsB8g6WY04ab+RL+6wAAABt0Uk5TAP//////////////////////////////////xGlyNQAAAJ5JREFUOI3N07EOgzAMBFBuZG+N4///0J5NDCQFpFYZOEEIGZ6OREzz4EwzhsbB15q3RzyLp3jMoD/lAJ57jwERHrdAhAM9juEFyJc6aE6wT7W5jyCiIDlehV5BgqobkW/oF+ojwSgotSH4wQQ5uWmIFsyxBQW1YYB217Bf6EGQ9HKyrAUJmtk5+LWH207u4MUR/33K194zwNH/8uB8AKLfSKW+l9mPAAAAAElFTkSuQmCC" alt="LGBTQIA+ Friendly" width="80" height="15">
<img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAAAXNSR0IArs4c6QAAAO1JREFUSIljbF46g2EkARaydQY8ZKaiO+gDNsj/Jd/DDAwMGtk61HIKHcCNqVcYGBhYhmJEUQKYBtoB9AYUJWk4cHTPhzD275yIzEaWhXAd3fMxGWjqMQWxKkYzClMLprEMDAwsZOdDSJbAtB7NlVh9iBwWaA5CNpN4xQzYggCrMurEMBpAjlIGpMBGdhkaG9N9xIijmYxpBaZ2muTh/TsnovkKzWJkLppiYsTR1BDjBjhgQU6Z9Ae4chpWgNUDpBrLeLltNikuRAFDrh7eIP935FVLG+T/kqdziLZYKCqlBzb/kwfI9zDZSWNgAQCjEKqx3SeKrAAAAABJRU5ErkJggg==" alt="Trans rights" width="80" height="15">
<img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAYAAABzyUiPAAAAAXNSR0IArs4c6QAAASxJREFUWIXtlzESgjAQRb8OB/AcVPTWljS2ahtLOg5hZ0mttjaW1PZWnsMbaMGEWTbLsETQEXkzDGR3k8CfHwgTY8wTI94EAJCt59++j59ke7wWAgLA7bLrdbIoThGu+p3jk9xPKQBg+uX7+HkCHlgeHk7ReTNrzNE8jQ0d0YFWAC4EjUsidSHcfb8oDylO2zwv9ZfG09RocRxYJxpneXg4ORuTcm0IkxxA8WBhkpdnGrPwNu1fN562RoPXO1Bayl1i3dDmQXj/pvF83CbhOFCDdZlEF+JqhKPO5OL4ONAXLwEBOEuVL9t3lzHFimSvm9DU8po241Mmxphntp5X9oHURdJXlsLdKLWBYe4DKxtpSp1ztPG/38aM6CkdGMVp75PZ358hEQDFT/GIHy+CbLl++5lT8QAAAABJRU5ErkJggg==" alt="Tea Powered" width="80" height="15">
<a href="https://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Ffrills.dev%2F"><img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH1QYSEx41Z+WrXQAAAhBQTFRFAAAAAESKAESLAEWMAkWLAkaMA0aMBEWLBEaMBUaMBUeMBUeNB0iNCEmOCEuPCkuQDk6RD06REVCSEVGTE1KTFBQUGleXHFaWH1uZIFqYIVyZIl2aJF6bJl+bKioqK2SeLS0tLWWgLmWgL2afMGegMWegM2ihNTU1N2yjOW2lPDw8PHClPnGnQEBAQ3SpQ3WpRXaqR3irSkpKTExMTnytT09PUoCwWISyXYe1X4m1X4m2You2ZmZmZ4+5aGhoaJC6apG6b5W9cJW9cJa+cpi+dZm/dnZ2d5vBfJ7CfaDEgqPGg4ODhISEhKTGhKXHhqXHhqbHh4eHiqjKiqnJi6nJjKrKlpaWl7LPl7TQmLPQnAAAnQIBngMCngQCnwYDoAgEoAkEoQoFobrUornTo7rUpLvVpRIJpbzWp6enqBgMqKioqamprCEQrq6usCoVscbcsy4XtDIZt8vfuMreuczfu83gvc7gvc7hwcHBwdLiwdLjx9XlyNbmy2Ixy8vLzmg0z8/P0Gw20W020dHR0d3q0nA40t7q03I509/r1eDs19fX24FA29vb3IVC3YZD3+jx4eHh5ZdM5ubm6O/17KRS7e3t76pV8fHx8vLy9fj79/f39/r8+L5f+Pr8+fv8+fv9+sJh+vz9+/v7+/z9/MVi/Pz8/clk/f39/f3+/f7+/spl/v7+/v7//8tm/8xm////VM1bDQAAAWRJREFUOMtjsKEyYLBZT1UANlDNff16Ewsgz0oQCPTWTzC2m561fv06MgDEQFeVxesDROavnytoHuHMlLRcV8FIy44MA+fMgRpYxdKyPp2pbH05R+cafY15zeozVod1kW7glJzCZRADZ4t5rbdmdlzvIbE4lat6fUYuJDjAqhgYwAQDlMADJibEtEJduN5Sc76UqvRCJfu5snzBK7InIQwEGbSOAcrCCaYtWbe2Ly66FhaG61O4S3iK2PM5i+cmO7BGNkxFMRDhTJzmxectaIqNrodHyvrJ/MraK2UUBeauX7/aQHX5UjQXrluH35FL8qLSYqMbEbG8fr0Os/96F2YzENNJaNF6tDAkGIRLChIz29chGxjKWrO+kjG8LXz9GkP5utXr18/yISmWV3X3rkUxsENy4fqZ4v2lvJ5+bEE93j0NpoGUJOz161f6AgnflatDhPls566vkBN1W0SZgVTNy1QGAIC0hiM7IZxZAAAAAElFTkSuQmCC" alt="W3C CSS Validated" width="80" height="15"></a>
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Ffrills.dev%2F"><img src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAMAAABEF7i9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxEAAAsRAX9kX5EAAAAHdElNRQfVBhUIOSEqXrltAAACEFBMVEUAAAAARIoARIsARYwCRYsCRowDRowERYsERowFRowFR4wFR40HSI0ISY4IS48KS5AOTpEPTpERUJIRUZMTUpMUFBQaV5ccVpYfW5kgWpghXJkiXZokXpsmX5sqKiorZJ4tLS0tZaAuZaAvZp8wZ6AxZ6AzaKE1NTU3bKM5baU8PDw8cKU+cadAQEBDdKlDdalFdqpHeKtKSkpMTExOfK1PT09SgLBYhLJdh7VfibVfibZii7ZmZmZnj7loaGhokLpqkbpvlb1wlb1wlr5ymL51mb92dnZ3m8F8nsJ9oMSCo8aDg4OEhISEpMaEpceGpceGpseHh4eKqMqKqcmLqcmMqsqWlpaXss+XtNCYs9CcAACdAgGeAwKeBAKfBgOgCASgCQShCgWhutSiudOjutSku9WlEgmlvNanp6eoGAyoqKipqamsIRCurq6wKhWxxtyzLhe0Mhm3y9+4yt65zN+7zeC9zuC9zuHBwcHB0uLB0uPH1eXI1ubLYjHLy8vOaDTPz8/QbDbRbTbR0dHR3erScDjS3urTcjnT3+vV4OzX19fbgUDb29vchULdhkPf6PHh4eHll0zm5ubo7/XspFLt7e3vqlXx8fHy8vL1+Pv39/f3+vz4vl/4+vz5+/z5+/36wmH6/P37+/v7/P38xWL8/Pz9yWT9/f39/f79/v7+ymX+/v7+/v//y2b/zGb///9UzVsNAAAAAWJLR0SuuWuTpwAAAXFJREFUOMtjsKEyYLBZT1UANlDNff16Ewsgz0oQCPTWTzC2m561fv06MgDEQFeVxesDROavnytoHuHMlLRcV8FIy44MA+fMgRpYxdKyPp2pbH05R+cafY15zeozVod1kW7glJzCZRADZ4t5rbdmdlzvIbE4lat6fUYuJDhAihhAiIGBAcRYByHBXCxgYkJMK9SF6y0150upSi9Usp8ryxe8InsSmoFgxLCOAWYghlnTlqxb2xcXXQsLw/Up3CU8Rez5nMVzkx1YIxumIhkIdg7EnThdOC0+b0FTbHQ9PFLWT+ZX1l4poygwd/361Qaqy5dicyHCyxhuXJIXlRYb3YiI5fXrdZj917swm4GYTkKL1uM2kAHiezSwpCAxs30dsoGhrDXrKxnD28LXrzGUr1u9fv0sH5JieVV371oUAzskF66fKd5fyuvpxxbU493TYBpIScJev36lL5DwXbk6RJjPdu76CjlRt0WUGUjVvExlAAC+JXiL+DgKGQAAAABJRU5ErkJggg==" alt="W3C HTML Validated" width="80" height="15"></a>
</div>
</div>
</div>
</div>
</section>
</main>
<div class="grid grid--offset">
<ul aria-hidden="true" class="colourpalette">
<li style="background-color: var(--text)"></li>
<li style="background-color: var(--subtext)"></li>
<li style="background-color: var(--accent)"></li>
<li style="background-color: var(--interactive)"></li>
<li style="background-color: var(--link)"></li>
<li style="background-color: var(--linkhover)"></li>
<li style="background-color: var(--linkvisited)"></li>
<li style="background-color: var(--dashboard-header-bg)"></li>
<li style="background-color: var(--callout-info)"></li>
<li style="background-color: var(--logo-anim-1)"></li>
<li style="background-color: var(--logo-anim-2)"></li>
<li style="background-color: var(--logo-anim-3)"></li>
<li style="background-color: var(--logo-anim-4)"></li>
<li style="background-color: var(--logo-anim-5)"></li>
<li style="background-color: var(--logo-anim-6)"></li>
<li style="background-color: var(--bodybg)"></li>
</ul>
</div>
<div class="grid grid--offset">
<aside class="webrings pt-2">
<h2 class="visually-hidden">Webrings</h2>
<div class="webring--retronaut">
<a href="https://webring.dinhe.net/prev/https://fri11s.neocities.org/" class="webring__prev">Previous retronaut site</a>
<a href="https://webring.dinhe.net/" target="_blank">retronaut</a>
<a href="https://webring.dinhe.net/next/https://fri11s.neocities.org/" class="webring__next">Next retronaut site</a>
</div>
<div class="webring--hotline">
<a href="https://hotlinewebring.club/frills/next" class="webring__prev">Previous hotline site</a>
<a href="https://hotlinewebring.club/" target="_blank">hotline</a>
<a href="https://hotlinewebring.club/frills/previous" class="webring__next">Next hotline site</a>
</div>
<div class="webring--neossg">
<div id="neossg">
<span class="webring-prev"><a href="https://punkfairie.net/"><<</a></span>
<span class="webring-info"><a href="https://neossg.neocities.org">NeoSSG</a></span>
<span class="webring-next"><a href="https://san-tagoy.online/">>></a></span>
<script src="https://neossg.neocities.org/onionring-variables.js"></script>
<script src="https://neossg.neocities.org/onionring-widget.js"></script>
</div>
</div>
<div class="webring--ladiesofthelink">
<a href="https://webri.ng/webring/ladiesofthelinks/previous?via=https%3A%2F%2Ffrills.dev" class="webring__prev">Previous Ladies of the Links site</a>
<a href="https://ladiesofthe.link/">Ladies of the Links</a>
<a href="https://webri.ng/webring/ladiesofthelinks/random?via=https%3A%2F%2Ffrills.dev" class="webring__random">Random Ladies of the Links site</a>
<a href="https://webri.ng/webring/ladiesofthelinks/next?via=https%3A%2F%2Ffrills.dev" class="webring__next">Next Ladies of the Links site</a>
</div>
<div class="webring--genlissa">
<a href="https://webri.ng/webring/genlissa/previous?via=http://frills.dev" class="webring__prev">Previous Site</a>
<a href="https://genlissa.neocities.org/#members">Gen Lissa</a>
<a href="https://webri.ng/webring/genlissa/random?via=http://frills.dev" class="webring__random">Random Site</a>
<a href="https://webri.ng/webring/genlissa/next?via=http://frills.dev" class="webring__next">Next Site</a>
</div>
<div class="webring--bukmarkclub">
<a href="https://bukmark.club/directory/">Bukmark Club</a>
</div>
</aside>
</div>
<footer class="page__footer grid grid--offset grid--footer">
<nav aria-label="Footer" class="page__nav">
<ul>
<li><span class="emoji" aria-hidden="true">⬆️</span> <a href="#top">Back to top</a></li>
<li><span class="emoji" aria-hidden="true">♿</span> <a href="/accessibility">Accessibility</a>
</li><li><span class="emoji" aria-hidden="true">👩💻</span> <a href="/colophon">Colophon</a>
</li></ul>
</nav>
</footer>
</div>
<script src="/js/sparkles.js"></script>
<script src="/js/main.js"></script>
<script src="/js/theme.js"></script>
<script src="https://tinylytics.app/embed/81AsSQ65Uii1Jszrzzcs.js?hits&kudos=💖" defer=""></script>
<script> const n=new Date,h=n.getHours(),d=n.toLocaleTimeString("en-GB",{timeZone:"Europe/London",hour:"2-digit",hour12:!0,minute:"2-digit"});e=d.replace(/\s/g,""),document.querySelector("#localTime").innerHTML=e;const dhr=n.toLocaleTimeString("en-GB",{timeZone:"Europe/London",hour:"2-digit"});let st,stT;dhr>=0&&dhr<7?(st="offline",stT="Sleepin’"):dhr>=7&&dhr<9?(st="away",stT="Gettin’ ready!"):dhr>=9&&dhr<17?(st="donotdisturb",stT="Workin’"):dhr>=17&&dhr<23?(st="online",stT="Online now!"):dhr>=23&&dhr<24&&(st="offline",stT="Sleepin’"),document.querySelector("#status").dataset.status=st,document.querySelector("#statusText").innerText=stT;let m;h>=0&&h<12?m="Good morning":h>=12&&h<17?m="Good afternoon":h>=17&&h<24&&(m="Good evening"),document.querySelector("#greetingText").innerHTML=m; </script> <script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer=""></script> <script> fetch("https://status.cafe/users/fri11s/status.json").then(t=>t.json()).then(t=>{if(!t.content.length){document.getElementById("statusCafe-status").innerHTML="No status yet.";return}document.getElementById("statusCafe-emoji").innerHTML=t.face,document.getElementById("statusCafe-time").innerHTML=t.timeAgo,document.getElementById("statusCafe-status").innerHTML=t.content}); </script> <script>let user="ooohbrap",url="https://lastfm-last-played.biancarosa.com.br/"+user+"/latest-song",song=document.querySelector("#lfmSong"),lastplayed=document.querySelector("#lfmTime");fetch(url).then(function(e){return e.json()}).then(function(e){song.innerHTML=e.track.name+" - "+e.track.artist["#text"],lastplayedunix=parseInt(e.track.date.uts),lastplayed.innerHTML=timeSince(lastplayedunix)});var timeSince=function(e){"object"!=typeof e&&(e=new Date(e));var t,o=Math.floor(new Date().getTime()/1e3-e),r=Math.floor(o/31536e3);return r>=1?t="year":(r=Math.floor(o/2592e3))>=1?t="month":(r=Math.floor(o/86400))>=1?t="day":(r=Math.floor(o/3600))>=1?t="hour":(r=Math.floor(o/60))>=1?t="minute":(r=o,t="second"),(r>1||0===r)&&(t+="s"),r+" "+t+" ago"};</script> <script src="/js/avatar.js"></script>
<div class="jso-cursor-trail-wrapper" style="position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; overflow: hidden; pointer-events: none; z-index: 9999;"><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 50 50"><path d="M24.6 0.8L49.1 25.3 24.6 49.8 0.1 25.3 24.6 0.8ZM24.6 10.7L9.8 25.5 24.6 40.4 39.5 25.5 24.6 10.7Z" fill="#fff200"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 50 50"><path d="M24.6 0.8L49.1 25.3 24.6 49.8 0.1 25.3 24.6 0.8ZM24.6 10.7L9.8 25.5 24.6 40.4 39.5 25.5 24.6 10.7Z" fill="#fff200"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="29.464285714285715" viewBox="0 0 28 55"><polyline points="13 3 17 3 17 4.1 16.8 5.2 16.3 6.3 15.5 7.4 14.5 8.5 13.3 9.6 12 10.6 10.8 11.6 9.5 12.6 8.5 13.5 7.6 14.4 7.1 15.3 7 16.2 7.2 17.1 7.8 18 8.8 18.9 10.1 19.8 11.7 20.7 13.4 21.7 15.2 22.8 16.9 23.8 18.5 25 19.7 26.1 20.6 27.3 21 28.5 20.9 29.7 20.3 30.9 19.2 32.1 17.6 33.3 15.7 34.4 13.6 35.4 11.3 36.5 9 37.4 7 38.3 5.2 39.2 3.9 40.1 3.2 40.9 3 41.6 3.5 42.4 4.6 43.2 6.3 44.1 8.4 44.9 11 45.9 13.7 46.9 16.5 47.9 19.1 49 21.4 50.2 23.2 51.4 24.5 52.7 25 54" stroke="#ffed7f" stroke-width="5" fill="none"></polyline></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 142 142">
<circle cx="71" cy="71" r="71" fill="#1569ff"></circle>
</svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 37 34"><polygon points="18.5 27.8 7.6 33.5 9.7 21.4 0.9 12.8 13.1 11 18.5 0 23.9 11 36.1 12.8 27.3 21.4 29.4 33.5" fill="#16d2ac"></polygon></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 48 47">
<rect width="33" height="33" x="7.343" y="7" fill="#ff1aff" transform="rotate(45 23.843 23.5)"></rect>
</svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 46 46"><path d="M23 0C35.7 0 46 10.3 46 23 46 35.7 35.7 46 23 46 10.3 46 0 35.7 0 23 0 10.3 10.3 0 23 0ZM23 7C14.2 7 7 14.2 7 23 7 31.8 14.2 39 23 39 31.8 39 39 31.8 39 23 39 14.2 31.8 7 23 7Z" fill="#ad18ff"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="29.464285714285715" viewBox="0 0 28 55"><polyline points="13 3 17 3 17 4.1 16.8 5.2 16.3 6.3 15.5 7.4 14.5 8.5 13.3 9.6 12 10.6 10.8 11.6 9.5 12.6 8.5 13.5 7.6 14.4 7.1 15.3 7 16.2 7.2 17.1 7.8 18 8.8 18.9 10.1 19.8 11.7 20.7 13.4 21.7 15.2 22.8 16.9 23.8 18.5 25 19.7 26.1 20.6 27.3 21 28.5 20.9 29.7 20.3 30.9 19.2 32.1 17.6 33.3 15.7 34.4 13.6 35.4 11.3 36.5 9 37.4 7 38.3 5.2 39.2 3.9 40.1 3.2 40.9 3 41.6 3.5 42.4 4.6 43.2 6.3 44.1 8.4 44.9 11 45.9 13.7 46.9 16.5 47.9 19.1 49 21.4 50.2 23.2 51.4 24.5 52.7 25 54" stroke="#ffed7f" stroke-width="5" fill="none"></polyline></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 142 142">
<circle cx="71" cy="71" r="71" fill="#1569ff"></circle>
</svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="29.09090909090909" viewBox="0 0 110 80"><g transform="translate(0 3)" fill="none"><polyline points="55.8 28.9 60.4 28.9 61.2 29.8 61.8 30.9 62.1 32.2 62.2 33.6 62 35.1 61.4 36.7 60.5 38.2 59.3 39.6 57.7 40.9 55.8 41.8 53.6 42.5 51.3 42.8 48.8 42.6 46.2 42.1 43.7 41 41.3 39.4 39.1 37.4 37.2 35 35.6 32.1 34.6 28.9 34 25.5 34 21.9 34.7 18.2 35.9 14.5 37.8 11 40.4 7.8 43.5 4.9 47.2 2.5 51.3 0.6 55.8 -0.5 60.5 -1 65.4 -0.7 70.3 0.5 75.1 2.4 79.6 5.2 83.7 8.7 87.3 12.9 90.2 17.8 92.4 23.2 93.6 28.9 94 35 93.4 41.1 91.7 47.2 89.1 53.1 85.5 58.6 81 63.5 75.6 67.8 69.5 71.2 62.9 73.6 55.8 75" transform="scale(1 -1)rotate(79 108.885 0)" fill="none" stroke-width="5" stroke="#3e9ce5"></polyline><polygon points="20.5 52.8 8.5 59.1 10.8 45.7 1 36.2 14.5 34.2 20.5 22 26.5 34.2 40 36.2 30.2 45.7 32.6 59.1"></polygon></g></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 46 46"><path d="M23 0C35.7 0 46 10.3 46 23 46 35.7 35.7 46 23 46 10.3 46 0 35.7 0 23 0 10.3 10.3 0 23 0ZM23 7C14.2 7 7 14.2 7 23 7 31.8 14.2 39 23 39 31.8 39 39 31.8 39 23 39 14.2 31.8 7 23 7Z" fill="#ad18ff"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="29.464285714285715" viewBox="0 0 28 55"><polyline points="13 3 17 3 17 4.1 16.8 5.2 16.3 6.3 15.5 7.4 14.5 8.5 13.3 9.6 12 10.6 10.8 11.6 9.5 12.6 8.5 13.5 7.6 14.4 7.1 15.3 7 16.2 7.2 17.1 7.8 18 8.8 18.9 10.1 19.8 11.7 20.7 13.4 21.7 15.2 22.8 16.9 23.8 18.5 25 19.7 26.1 20.6 27.3 21 28.5 20.9 29.7 20.3 30.9 19.2 32.1 17.6 33.3 15.7 34.4 13.6 35.4 11.3 36.5 9 37.4 7 38.3 5.2 39.2 3.9 40.1 3.2 40.9 3 41.6 3.5 42.4 4.6 43.2 6.3 44.1 8.4 44.9 11 45.9 13.7 46.9 16.5 47.9 19.1 49 21.4 50.2 23.2 51.4 24.5 52.7 25 54" stroke="#ffed7f" stroke-width="5" fill="none"></polyline></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 46 46"><path d="M23 0C35.7 0 46 10.3 46 23 46 35.7 35.7 46 23 46 10.3 46 0 35.7 0 23 0 10.3 10.3 0 23 0ZM23 7C14.2 7 7 14.2 7 23 7 31.8 14.2 39 23 39 31.8 39 39 31.8 39 23 39 14.2 31.8 7 23 7Z" fill="#ad18ff"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17.916666666666668" viewBox="0 0 48 43">
<rect width="18" height="47" x="15" y="-2" fill="#1ef321" transform="rotate(-52 24 21.5)"></rect>
</svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="29.09090909090909" viewBox="0 0 110 80"><g transform="translate(0 3)" fill="none"><polyline points="55.8 28.9 60.4 28.9 61.2 29.8 61.8 30.9 62.1 32.2 62.2 33.6 62 35.1 61.4 36.7 60.5 38.2 59.3 39.6 57.7 40.9 55.8 41.8 53.6 42.5 51.3 42.8 48.8 42.6 46.2 42.1 43.7 41 41.3 39.4 39.1 37.4 37.2 35 35.6 32.1 34.6 28.9 34 25.5 34 21.9 34.7 18.2 35.9 14.5 37.8 11 40.4 7.8 43.5 4.9 47.2 2.5 51.3 0.6 55.8 -0.5 60.5 -1 65.4 -0.7 70.3 0.5 75.1 2.4 79.6 5.2 83.7 8.7 87.3 12.9 90.2 17.8 92.4 23.2 93.6 28.9 94 35 93.4 41.1 91.7 47.2 89.1 53.1 85.5 58.6 81 63.5 75.6 67.8 69.5 71.2 62.9 73.6 55.8 75" transform="scale(1 -1)rotate(79 108.885 0)" fill="none" stroke-width="5" stroke="#3e9ce5"></polyline><polygon points="20.5 52.8 8.5 59.1 10.8 45.7 1 36.2 14.5 34.2 20.5 22 26.5 34.2 40 36.2 30.2 45.7 32.6 59.1"></polygon></g></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 64 60"><path d="M32 0L41.7 19.7 63.4 22.8 47.7 38.1 51.4 59.7 32 49.5 12.6 59.7 16.3 38.1 0.6 22.8 22.3 19.7 32 0ZM32 16L27 26.1 15.8 27.7 23.9 35.6 22 46.8 32 41.5 42 46.8 40.1 35.6 48.2 27.7 37 26.1 32 16Z" fill="#ffad1e"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="26.90909090909091" viewBox="0 0 55 74"><polyline points="35 47.5 39.7 47.5 39.8 48 39.8 48.6 39.7 49.1 39.6 49.7 39.4 50.3 39.2 50.9 38.9 51.4 38.5 51.9 38 52.4 37.5 52.8 36.9 53.2 36.3 53.5 35.6 53.8 34.9 53.9 34.2 54 33.4 54 32.6 54 31.8 53.8 31 53.5 30.3 53.1 29.5 52.7 28.9 52.1 28.2 51.5 27.6 50.7 27.1 49.9 26.7 49 26.4 48.1 26.2 47.1 26.1 46.1 26.1 45 26.2 43.9 26.5 42.8 26.9 41.7 27.4 40.7 28.1 39.7 28.8 38.7 29.7 37.8 30.7 37 31.9 36.4 33.1 35.8 34.4 35.4 35.8 35.1 37.2 35 38.7 35 40.2 35.3 41.6 35.7 43.1 36.2 44.5 37 45.9 37.9 47.2 39 48.3 40.3 49.4 41.8 50.3 43.3 51 45.1 51.5 46.9 51.9 48.8 52 50.8 51.9 52.8 51.6 54.9 51 57 50.2 59 49.1 61 47.8 62.8 46.2 64.6 44.4 66.2 42.4 67.6 40.2 68.8 37.9 69.8 35.4 70.5 32.7 70.9 30 71 27.2 70.8 24.4 70.3 21.6 69.4 18.8 68.2 16.2 66.6 13.7 64.8 11.3 62.5 9.2 60 7.3 57.2 5.7 54.1 4.5 50.8 3.6 47.3 3.1 43.6 3 39.8 3.3 35.9 4.1 32 5.4 28.1 7.1 24.3 9.3 20.7 12 17.2 15.1 14 18.6 11.1 22.5 8.5 26.7 6.4 31.3 4.8 36.2 3.6 41.2 3 46.4 3 51.7 3.6" fill="none" stroke-width="5" stroke="#fa663a"></polyline></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 48 47">
<rect width="33" height="33" x="7.343" y="7" fill="#ff1aff" transform="rotate(45 23.843 23.5)"></rect>
</svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 142 142">
<circle cx="71" cy="71" r="71" fill="#1569ff"></circle>
</svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="26.90909090909091" viewBox="0 0 55 74"><polyline points="35 47.5 39.7 47.5 39.8 48 39.8 48.6 39.7 49.1 39.6 49.7 39.4 50.3 39.2 50.9 38.9 51.4 38.5 51.9 38 52.4 37.5 52.8 36.9 53.2 36.3 53.5 35.6 53.8 34.9 53.9 34.2 54 33.4 54 32.6 54 31.8 53.8 31 53.5 30.3 53.1 29.5 52.7 28.9 52.1 28.2 51.5 27.6 50.7 27.1 49.9 26.7 49 26.4 48.1 26.2 47.1 26.1 46.1 26.1 45 26.2 43.9 26.5 42.8 26.9 41.7 27.4 40.7 28.1 39.7 28.8 38.7 29.7 37.8 30.7 37 31.9 36.4 33.1 35.8 34.4 35.4 35.8 35.1 37.2 35 38.7 35 40.2 35.3 41.6 35.7 43.1 36.2 44.5 37 45.9 37.9 47.2 39 48.3 40.3 49.4 41.8 50.3 43.3 51 45.1 51.5 46.9 51.9 48.8 52 50.8 51.9 52.8 51.6 54.9 51 57 50.2 59 49.1 61 47.8 62.8 46.2 64.6 44.4 66.2 42.4 67.6 40.2 68.8 37.9 69.8 35.4 70.5 32.7 70.9 30 71 27.2 70.8 24.4 70.3 21.6 69.4 18.8 68.2 16.2 66.6 13.7 64.8 11.3 62.5 9.2 60 7.3 57.2 5.7 54.1 4.5 50.8 3.6 47.3 3.1 43.6 3 39.8 3.3 35.9 4.1 32 5.4 28.1 7.1 24.3 9.3 20.7 12 17.2 15.1 14 18.6 11.1 22.5 8.5 26.7 6.4 31.3 4.8 36.2 3.6 41.2 3 46.4 3 51.7 3.6" fill="none" stroke-width="5" stroke="#fa663a"></polyline></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 142 142">
<circle cx="71" cy="71" r="71" fill="#ff7070"></circle>
</svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="19.833333333333332" viewBox="0 0 42 49">
<rect width="18" height="47" x="12" y="1" fill="#ffbf2d" transform="rotate(34 21 24.5)"></rect>
</svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 64 60"><path d="M32 0L41.7 19.7 63.4 22.8 47.7 38.1 51.4 59.7 32 49.5 12.6 59.7 16.3 38.1 0.6 22.8 22.3 19.7 32 0ZM32 16L27 26.1 15.8 27.7 23.9 35.6 22 46.8 32 41.5 42 46.8 40.1 35.6 48.2 27.7 37 26.1 32 16Z" fill="#ffad1e"></path></svg></div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="29.09090909090909" viewBox="0 0 110 80"><g transform="translate(0 3)" fill="none"><polyline points="55.8 28.9 60.4 28.9 61.2 29.8 61.8 30.9 62.1 32.2 62.2 33.6 62 35.1 61.4 36.7 60.5 38.2 59.3 39.6 57.7 40.9 55.8 41.8 53.6 42.5 51.3 42.8 48.8 42.6 46.2 42.1 43.7 41 41.3 39.4 39.1 37.4 37.2 35 35.6 32.1 34.6 28.9 34 25.5 34 21.9 34.7 18.2 35.9 14.5 37.8 11 40.4 7.8 43.5 4.9 47.2 2.5 51.3 0.6 55.8 -0.5 60.5 -1 65.4 -0.7 70.3 0.5 75.1 2.4 79.6 5.2 83.7 8.7 87.3 12.9 90.2 17.8 92.4 23.2 93.6 28.9 94 35 93.4 41.1 91.7 47.2 89.1 53.1 85.5 58.6 81 63.5 75.6 67.8 69.5 71.2 62.9 73.6 55.8 75" transform="scale(1 -1)rotate(79 108.885 0)" fill="none" stroke-width="5" stroke="#3e9ce5"></polyline><polygon points="20.5 52.8 8.5 59.1 10.8 45.7 1 36.2 14.5 34.2 20.5 22 26.5 34.2 40 36.2 30.2 45.7 32.6 59.1"></polygon></g></svg>
</div><div class="jso-cursor-trail-shape" style="position: absolute; left: 0px; top: 0px; pointer-events: none; display: none;">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17.916666666666668" viewBox="0 0 48 43">
<rect width="18" height="47" x="15" y="-2" fill="#1ef321" transform="rotate(-52 24 21.5)"></rect>
</svg></div></div></body></html>