data endpoint for entity 90008 (aka. a website)
fix: even more layotuing ahhh i hate css
+62
-65
+10
-10
src/routes/+layout.svelte
+10
-10
src/routes/+layout.svelte
···
73
73
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
74
74
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
75
75
</filter>
76
-
77
76
<filter id="squiggly-2">
78
77
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
79
78
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" />
···
82
81
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
83
82
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
84
83
</filter>
85
-
86
84
<filter id="squiggly-4">
87
85
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
88
86
<feDisplacementMap in="SourceGraphic" in2="noise" scale="1" />
···
90
88
</defs>
91
89
</svg>
92
90
93
-
<div class="h-[96vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]"><slot /></div>
91
+
<div class="md:h-[96vh] pb-[7vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]">
92
+
<slot />
93
+
</div>
94
94
95
-
<nav class="w-full max-h-[4vh] z-10 fixed bottom-0 bg-ralsei-black">
95
+
<nav class="w-full max-h-[6vh] fixed bottom-0 z-10 bg-ralsei-black">
96
96
<div
97
97
class="
98
-
max-w-full max-h-fit p-1 overflow-auto
99
-
grid grid-flow-col grid-rows-1 gap-2 justify-start
100
-
border-ralsei-white border-8
101
-
bg-gradient-to-r to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30%
102
-
"
98
+
max-w-full max-h-fit p-1 overflow-auto
99
+
grid grid-flow-col grid-rows-1 gap-2 justify-start
100
+
border-ralsei-white border-8
101
+
bg-gradient-to-r to-ralsei-pink-neon/30 from-ralsei-pink-regular/20 from-30%
102
+
"
103
103
style="border-style: ridge hidden hidden hidden;"
104
104
>
105
105
{#each menuItems as item}
···
107
107
<NavButton {highlight} {...item} />
108
108
{/each}
109
109
</div>
110
-
</nav>
110
+
</nav>
+2
-2
src/routes/+page.svelte
+2
-2
src/routes/+page.svelte
···
2
2
import Window from '../components/window.svelte';
3
3
</script>
4
4
5
-
<div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap md:h-full">
5
+
<div class="flex flex-col md:flex-row gap-y-4 lg:gap-y-0 md:h-full">
6
6
<div class="flex flex-col gap-y-2 lg:gap-y-0">
7
7
<Window title="readme?" iconUri='/icons/question.png'>
8
8
<div class="prose prose-ralsei prose-img:m-0 leading-6">
···
22
22
</div>
23
23
</Window>
24
24
</div>
25
-
<div class="grow" />
25
+
<div class="hidden md:block md:grow" />
26
26
<Window title="contacts!" iconUri='/icons/contact.png'>
27
27
<div class="prose prose-ralsei leading-6">
28
28
<ul>
+50
-53
src/routes/guestbook/+page.svelte
+50
-53
src/routes/guestbook/+page.svelte
···
7
7
</script>
8
8
9
9
<div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4">
10
-
<div class="mb-[7vh] md:hidden" />
11
10
<Window title="guestbook" iconUri="/icons/guestbook.png">
12
11
<div class="flex flex-col gap-4 2xl:w-[60ch]">
13
12
<p>
···
56
55
</div>
57
56
</Window>
58
57
<div class="grow" />
59
-
<div class="md:mb-[7vh]">
60
-
<Window title="entries" iconUri="/icons/entries.png">
61
-
<div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]">
62
-
{#if data.getRatelimited}
63
-
<p class="text-error">
64
-
woops, looks like you are being ratelimited, try again in like half a minute :3
65
-
</p>
66
-
{:else if data.getError}
67
-
<p class="text-error">got error trying to fetch entries, pls tell me about this</p>
68
-
<details>
69
-
<summary>error</summary>
70
-
<p>{data.getError}</p>
71
-
</details>
72
-
{:else}
73
-
{#each data.entries as [entry_id, entry] (entry_id)}
74
-
{@const date = new Date(entry.timestamp * 1e3).toLocaleString()}
75
-
<div class="entry entryflex">
76
-
<div class="flex flex-row">
77
-
<p class="place-self-start grow text-2xl font-monospace">
78
-
#{entry_id}
79
-
</p>
80
-
<p class="justify-end self-center text-sm font-monospace">{date}</p>
81
-
</div>
82
-
<p class="text-lg text-wrap overflow-hidden text-ellipsis ml-0.5 max-w-[56ch]">
83
-
{entry.content}
58
+
<Window title="entries" iconUri="/icons/entries.png">
59
+
<div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]">
60
+
{#if data.getRatelimited}
61
+
<p class="text-error">
62
+
woops, looks like you are being ratelimited, try again in like half a minute :3
63
+
</p>
64
+
{:else if data.getError}
65
+
<p class="text-error">got error trying to fetch entries, pls tell me about this</p>
66
+
<details>
67
+
<summary>error</summary>
68
+
<p>{data.getError}</p>
69
+
</details>
70
+
{:else}
71
+
{#each data.entries as [entry_id, entry] (entry_id)}
72
+
{@const date = new Date(entry.timestamp * 1e3).toLocaleString()}
73
+
<div class="entry entryflex">
74
+
<div class="flex flex-row">
75
+
<p class="place-self-start grow text-2xl font-monospace">
76
+
#{entry_id}
84
77
</p>
85
-
<p
86
-
class="place-self-end text-sm font-monospace max-w-[16ch] md:max-w-[24ch] lg:max-w-[32ch] overflow-hidden text-ellipsis"
87
-
title={entry.author}
88
-
>
89
-
--- posted by {entry.author}
90
-
</p>
78
+
<p class="justify-end self-center text-sm font-monospace">{date}</p>
91
79
</div>
92
-
{:else}
93
-
<p>looks like there are no entries :(</p>
94
-
{/each}
95
-
{/if}
96
-
{#if hasPreviousPage || hasNextPage}
97
-
<div class="flex flex-row w-full justify-center items-center font-monospace">
98
-
{#if hasPreviousPage}
99
-
<a href="/guestbook/?page={data.entries.length < 0 ? data.page - 1 : 1}"
100
-
><< previous</a
101
-
>
102
-
{/if}
103
-
{#if hasNextPage && hasPreviousPage}
104
-
<div class="w-1/12" />
105
-
{/if}
106
-
{#if hasNextPage}
107
-
<a href="/guestbook/?page={data.page + 1}">next >></a>
108
-
{/if}
80
+
<p class="text-lg text-wrap overflow-hidden text-ellipsis ml-0.5 max-w-[56ch]">
81
+
{entry.content}
82
+
</p>
83
+
<p
84
+
class="place-self-end text-sm font-monospace overflow-hidden text-ellipsis text-nowrap"
85
+
title={entry.author}
86
+
>
87
+
--- posted by {entry.author}
88
+
</p>
109
89
</div>
110
-
{/if}
111
-
</div>
112
-
</Window>
113
-
</div>
90
+
{:else}
91
+
<p>looks like there are no entries :(</p>
92
+
{/each}
93
+
{/if}
94
+
{#if hasPreviousPage || hasNextPage}
95
+
<div class="flex flex-row w-full justify-center items-center font-monospace">
96
+
{#if hasPreviousPage}
97
+
<a href="/guestbook/?page={data.entries.length < 0 ? data.page - 1 : 1}"
98
+
><< previous</a
99
+
>
100
+
{/if}
101
+
{#if hasNextPage && hasPreviousPage}
102
+
<div class="w-1/12" />
103
+
{/if}
104
+
{#if hasNextPage}
105
+
<a href="/guestbook/?page={data.page + 1}">next >></a>
106
+
{/if}
107
+
</div>
108
+
{/if}
109
+
</div>
110
+
</Window>
114
111
</div>
115
112
116
113
<style lang="postcss">