data endpoint for entity 90008 (aka. a website)
feat: minor layout improvements
+28
-12
+7
-6
src/routes/+page.svelte
+7
-6
src/routes/+page.svelte
···
27
27
<Window title="readme?" iconUri="/icons/question.webp" removePadding>
28
28
<div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none">
29
29
<div
30
-
class="flex flex-row gap-3 mx-auto bg-ralsei-black bg-opacity-30 overflow-hidden"
30
+
class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden"
31
31
>
32
32
{#each data.banners as bannerNo, index}
33
33
{@const hideIfMobile = index === data.banners.length - 1}
···
46
46
</div>
47
47
<div class="flex flex-grow">
48
48
<div
49
-
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black bg-opacity-30"
49
+
class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20"
50
50
>
51
51
<img class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]" src="/pfp-iojkqpwerojnasduijf.webp" alt="my character" title="hi ;)"/>
52
52
</div>
53
53
<div
54
-
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black bg-opacity-30"
54
+
class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20"
55
55
>
56
56
<ul
57
57
class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']"
···
70
70
</ul>
71
71
</div>
72
72
</div>
73
-
<div class="flex flex-row [padding:8px] bg-ralsei-black bg-opacity-30">
73
+
<div class="flex flex-row [padding:8px] bg-ralsei-black/20">
74
74
<p class="leading-none m-0 text-sm">
75
75
hi there
76
76
<img
···
91
91
place-self-end [font-family:'Doll_Mono'] text-ralsei-pink-neon text-shadow-none hover:text-shadow-pink
92
92
hover:!animate-none hover:!no-underline opacity-20 hover:opacity-100 transition-opacity [transition-duration:300ms]
93
93
"
94
+
title="dollcode? sure hope they do"
94
95
href="https://dollcode.v01dlabs.sh/">▌▖▌▖▌▌▘▌▌▌▘▖▌▘▘▘</a
95
96
>
96
97
</div>
···
104
105
</div>
105
106
<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end">
106
107
<Window title="links!" iconUri="/icons/contact.webp">
107
-
<div class="prose prose-ralsei prose-ul:leading-[1.1rem] prose-headings:leading-none">
108
+
<div class="prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none">
108
109
<ul>
109
110
<li>discord: yusdacra</li>
110
111
<li>
···
157
158
class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"
158
159
style="border-style: double double none double;"
159
160
>
160
-
<a href="/entries">last log was...</a>
161
+
<a href="/entries">last log was…</a>
161
162
published <Time relative format="dddd @ h:mm A · MMMM D, YYYY" timestamp={data.lastNote.published}/>!
162
163
</p>
163
164
<div class="mt-0 p-1.5 border-4 border-double bg-ralsei-black min-w-full max-w-[40ch]">
+21
-6
src/styles/app.css
+21
-6
src/styles/app.css
···
10
10
@apply prose-code:font-monospace prose-headings:font-monospace;
11
11
cursor: url('/icons/gaze_closed.webp'), default;
12
12
scrollbar-color: theme(colors.ralsei.green.dark) transparent;
13
+
-webkit-font-smoothing: none !important;
14
+
font-smooth: never !important;
15
+
font-smoothing: none !important;
13
16
}
14
17
15
18
.prose h1::before {
16
-
content: '> ';
19
+
content: '[ ';
20
+
}
21
+
.prose h1::after {
22
+
content: ' ]';
17
23
}
18
24
19
25
.prose h2::before {
20
-
content: '>> ';
26
+
content: '[= ';
27
+
}
28
+
.prose h2::after {
29
+
content: ' =]';
21
30
}
22
31
23
32
.prose h3::before {
24
-
content: '>>> ';
33
+
content: '[== ';
34
+
}
35
+
.prose h3::after {
36
+
content: ' ==]';
25
37
}
26
38
27
39
.prose h4::before {
28
-
content: '>>>> ';
40
+
content: '[=== ';
41
+
}
42
+
.prose h4::after {
43
+
content: ' ===]';
29
44
}
30
45
31
-
.prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
46
+
/* .prose h1::after,.prose h2::after,.prose h3::after,.prose h4::after {
32
47
@apply motion-safe:animate-blink;
33
48
content: '_';
34
-
}
49
+
} */
35
50
36
51
.prose a {
37
52
text-decoration: none;