data endpoint for entity 90008 (aka. a website)
feat: more tooltips
+27
-10
+27
-10
src/routes/+page.svelte
+27
-10
src/routes/+page.svelte
···
4
4
import Window from '../components/window.svelte';
5
5
import LatestStuff from './lateststuff.md';
6
6
import { renderDate, renderRelativeDate } from '$lib/dateFmt';
7
+
import Tooltip from '../components/tooltip.svelte';
7
8
8
9
interface Props {
9
10
// eslint-disable-next-line @typescript-eslint/no-explicit-any
···
34
35
{/each}
35
36
</div>
36
37
<div class="flex flex-grow">
37
-
<div class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20">
38
-
<img
39
-
class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]"
40
-
src="/pfp-iojkqpwerojnasduijf.webp"
41
-
alt="my angelsona"
42
-
title="that's me! my angelsona :3c"
43
-
/>
44
-
</div>
38
+
<Tooltip>
39
+
{#snippet tooltipContent()}
40
+
that's me! my angelsona :3c
41
+
{/snippet}
42
+
<div
43
+
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20"
44
+
>
45
+
<img
46
+
class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]"
47
+
src="/pfp-iojkqpwerojnasduijf.webp"
48
+
alt="my angelsona"
49
+
/>
50
+
</div>
51
+
</Tooltip>
45
52
<div
46
53
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20"
47
54
>
···
49
56
class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']"
50
57
>
51
58
<li class="[list-style-type:'->'] p-note">trying to do stuff</li>
52
-
<li class="[list-style-type:'->'] p-note" title="angelrobotdollpuppything">
53
-
is a thing (it/they)
59
+
<li class="[list-style-type:'->'] p-note">
60
+
<Tooltip
61
+
x="translate-x-none"
62
+
y="translate-y-none"
63
+
targetX="group-hover:translate-x-[80%]"
64
+
targetY="group-hover:-translate-y-[70%]"
65
+
>
66
+
{#snippet tooltipContent()}
67
+
angelrobotdollpuppything
68
+
{/snippet}
69
+
is a thing (it/they)
70
+
</Tooltip>
54
71
</li>
55
72
<li class="[list-style-type:'->']">
56
73
<span class="p-category">software engineer</span>,