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

feat: make hcard better

Browse Source
This commit is contained in:
dusk 2024-09-23 16:09:12 +03:00
parent 02f6db6924
commit bed776c54a
Signed by: dusk
SSH Key Fingerprint: SHA256:Abmvag+juovVufZTxyWY8KcVgrznxvBjQpJesv071Aw
2 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/routes/+page.svelte
View File

@ -3,25 +3,30 @@
import Window from '../components/window.svelte'; import Window from '../components/window.svelte';
</script> </script>
<div class="flex flex-col md:flex-row gap-y-4 lg:gap-y-0 md:h-full"> <div class="flex flex-col md:flex-row gap-y-4 lg:gap-y-0 md:h-full h-card">
<div class="flex flex-col gap-y-2 lg:gap-y-0"> <div class="flex flex-col gap-y-2 lg:gap-y-0">
<Window title="readme?" iconUri="/icons/question.png"> <Window title="readme?" iconUri="/icons/question.png">
<div class="prose prose-ralsei prose-img:m-0 leading-6 h-card"> <div class="prose prose-ralsei prose-img:m-0 leading-6">
<p> <p>
hi there <img hi there
<img
class="relative inline h-6 animate-squiggle pb-1 pr-1" class="relative inline h-6 animate-squiggle pb-1 pr-1"
src="/wavey.gif" src="/wavey.gif"
alt="wavey" alt="wavey"
title="hi :33" title="hi :33"
/><i>i'm <a class="p-name" href={PUBLIC_BASE_URL}>dusk</a>!</i> />
<i>i'm <a class="p-name u-url u-uid" href={PUBLIC_BASE_URL}>dusk</a>!</i>
</p> </p>
<ul class="marker:[content:'->'] leading-none">
<li class="p-note">trying to do stuff</li>
<li><span class="p-category">software engineer</span>, <span class="p-category">indie game dev</span></li>
<li><span class="p-gender-identity">genderfluid</span></li>
<li>in <span class="p-country-name">turkey</span> <i class="text-[0.5rem] align-text-bottom">(get me out)</i></li>
<li>aka <span class="p-nickname">yusdacra</span></li>
</ul>
<p> <p>
and this is my personal spot where i plan to put everything that i do on (<i ...and this is my personal spot on the web where i plan to put everything that i do on (<i class="text-sm">if i don't forget to</i> 👍)
>if i don't forget to...</i
>)
</p> </p>
<p>not much else to say, hopefully will add more text here one day :></p>
<p>website very much in progress still !!!</p>
</div> </div>
</Window> </Window>
<div class="grow" /> <div class="grow" />
@ -46,14 +51,14 @@
<li>discord: yusdacra</li> <li>discord: yusdacra</li>
<li> <li>
e-mail: e-mail:
<a href="mailto:y.bera003.06@pm.me" rel="me">y.bera003.06@pm.me</a> <a class="u-email" href="mailto:y.bera003.06@pm.me" rel="me">y.bera003.06@pm.me</a>
</li> </li>
</ul> </ul>
<h3>development</h3> <h3>development</h3>
<ul> <ul>
<li> <li>
github: github:
<a href="https://github.com/yusdacra" rel="me">@yusdacra</a> <a class="u-url" href="https://github.com/yusdacra" rel="me">@yusdacra</a>
</li> </li>
<li> <li>
gitlab: gitlab:
@ -61,14 +66,14 @@
</li> </li>
<li> <li>
my gitea: my gitea:
<a href="https://git.gaze.systems/dusk">@dusk</a> <a class="u-url" href="https://git.gaze.systems/dusk" rel="me">@dusk</a>
</li> </li>
</ul> </ul>
<h3>socials</h3> <h3>socials</h3>
<ul> <ul>
<li> <li>
bluesky: bluesky:
<a href="https://bsky.app/profile/gaze.systems">@gaze.systems</a> <a class="u-url" href="https://bsky.app/profile/gaze.systems" rel="me">@gaze.systems</a>
</li> </li>
<li> <li>
misskey.art: misskey.art:

11
src/styles/app.css
View File

@ -52,6 +52,10 @@
text-shadow: none; text-shadow: none;
} }
.prose ul, ul {
list-style-type: '-- ';
}
li::marker { li::marker {
text-shadow: 0 0 4px theme(colors.ralsei.pink.regular), 0 0 6px #fff9; text-shadow: 0 0 4px theme(colors.ralsei.pink.regular), 0 0 6px #fff9;
} }
@ -240,4 +244,11 @@ a.app-selected-route {
transform: scale(1.0, 1.0); transform: scale(1.0, 1.0);
} }
} }
}
.genderfluid-gradient {
background: linear-gradient(to right, rgb(255, 120, 166), rgb(247, 196, 210), rgb(255, 255, 255) 23%, rgb(255, 255, 255), rgb(255, 255, 255) 28%, rgb(219, 148, 213), rgb(190, 20, 215), rgb(89, 22, 85), rgb(0, 0, 0) 73%, rgb(0, 0, 0), rgb(0, 0, 0) 78%, rgb(51, 36, 87), rgb(50, 60, 191));
background-clip: text;
color: transparent;
text-shadow: none;
} }