gazesys/website
gazesys/website
1
0
Fork 1
Code Actions Releases 1 Activity

feat: remove the animation warning

Browse Source
This commit is contained in:
dusk 2024-09-29 22:38:01 +03:00
parent 293f9e023a
commit 61c7d27e22
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
1 changed files with 77 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/routes/+page.svelte
View File

@ -8,12 +8,27 @@
<Window title="readme?" iconUri="/icons/question.png"> <Window title="readme?" iconUri="/icons/question.png">
<div class="flex flex-col prose prose-ralsei prose-img:m-0 leading-none"> <div class="flex flex-col prose prose-ralsei prose-img:m-0 leading-none">
<div class="flex flex-grow"> <div class="flex flex-grow">
<img class="mt-1 ml-1 w-36 [height:9rem] u-photo" src="/pfp.png" alt="character from q.u.q." title="character from q.u.q. (good vn go read it NOW)"/> <img
<ul class="place-self-center m-0 leading-none marker:[content:'->'] [list-style-type:'->']"> class="mt-1 ml-1 w-36 [height:9rem] u-photo"
src="/pfp.png"
alt="character from q.u.q."
title="character from q.u.q. (good vn go read it NOW)"
/>
<ul
class="place-self-center m-0 leading-none marker:[content:'->'] [list-style-type:'->']"
>
<li class="[list-style-type:'->'] p-note">trying to do stuff</li> <li class="[list-style-type:'->'] p-note">trying to do stuff</li>
<li class="[list-style-type:'->']"><span class="p-category">software engineer</span>, <span class="p-category">indie game dev</span></li> <li class="[list-style-type:'->']">
<li class="[list-style-type:'->']"><span class="p-gender-identity">genderfluid</span></li> <span class="p-category">software engineer</span>,
<li class="[list-style-type:'->']">in <span class="p-country-name">turkey</span> <i class="text-[0.5rem]">(get me out)</i></li> <span class="p-category">indie game dev</span>
</li>
<li class="[list-style-type:'->']">
<span class="p-gender-identity">genderfluid</span>
</li>
<li class="[list-style-type:'->']">
in <span class="p-country-name">turkey</span>
<i class="text-[0.5rem]">(get me out)</i>
</li>
<li class="[list-style-type:'->']">aka <span class="p-nickname">yusdacra</span></li> <li class="[list-style-type:'->']">aka <span class="p-nickname">yusdacra</span></li>
</ul> </ul>
</div> </div>
@ -25,11 +40,12 @@
alt="wavey" alt="wavey"
title="hi :33" title="hi :33"
/> />
<i>i'm <a class="m-0 [padding:0px] p-name u-url u-uid" href={PUBLIC_BASE_URL}>dusk</a>!</i> <i>i'm <a class="m-0 [padding:0px] p-name u-url u-uid" href={PUBLIC_BASE_URL}>dusk</a>!</i
>
</p> </p>
</div> </div>
</Window> </Window>
<div class="grow" /> <div class="mt-auto">
<Window title="latest stuff"> <Window title="latest stuff">
<div class="prose prose-ralsei prose-img:m-0 leading-6"> <div class="prose prose-ralsei prose-img:m-0 leading-6">
<p> <p>
@ -38,13 +54,16 @@
>! >!
</p> </p>
<img <img
class="md:max-w-[35rem]"
src="https://img.itch.zone/aW1hZ2UvMjkxNjQzOC8xNzQ2MDY2Mi5wbmc=/original/%2BIb5Vf.png" src="https://img.itch.zone/aW1hZ2UvMjkxNjQzOC8xNzQ2MDY2Mi5wbmc=/original/%2BIb5Vf.png"
alt="fish well gameplay screenshot" alt="fish well gameplay screenshot"
/> />
</div> </div>
</Window> </Window>
</div> </div>
</div>
<div class="hidden md:block md:grow" /> <div class="hidden md:block md:grow" />
<div class="flex flex-col gap-y-2 lg:gap-y-0">
<Window title="contacts!" iconUri="/icons/contact.png"> <Window title="contacts!" iconUri="/icons/contact.png">
<div class="prose prose-ralsei leading-6"> <div class="prose prose-ralsei leading-6">
<ul> <ul>
@ -83,14 +102,4 @@
</div> </div>
</Window> </Window>
</div> </div>
<div class="hidden motion-reduce:block absolute max-w-[40ch] bottom-0 right-0 md:bottom-[10vh] md:right-[8vw]">
<Window title=":(" iconUri="/icons/warning.png">
<div class="prose prose-ralsei leading-6">
<p>
you have <code>prefers-reduced-motion</code> enabled so i disabled (most of) the animations!
</p>
<p class="text-xs italic">they looked nice i think....</p>
</div>
</Window>
</div> </div>