data endpoint for entity 90008 (aka. a website)
feat: add new content, improve layout and styling
+84
-21
+33
-6
src/routes/+layout.svelte
+33
-6
src/routes/+layout.svelte
···
15
15
{ href: '', name: 'home', iconUri: '/icons/home.png' },
16
16
{ href: 'entries', name: 'entries', iconUri: '/icons/entries.png' },
17
17
{ href: 'guestbook', name: 'guestbook', iconUri: '/icons/guestbook.png' },
18
-
{ href: 'about', name: 'about', iconUri: '/icons/about.png' },
18
+
{ href: 'about', name: 'about', iconUri: '/icons/about.png' }
19
19
];
20
20
21
21
const routeComponents = data.route.split('/');
···
43
43
</script>
44
44
45
45
<svelte:head>
46
-
<title>{title}</title>
46
+
<title>{title}</title>
47
47
<meta property="og:title" content={title} />
48
-
<meta property="og:site_name" content="gaze.systems"/>
49
-
<meta property="og:url" content="https://gaze.systems/"/>
48
+
<meta property="og:site_name" content="gaze.systems" />
49
+
<meta property="og:url" content="https://gaze.systems/" />
50
50
<meta property="og:image" content="https://gaze.systems/icons/gaze_website.png" />
51
51
</svelte:head>
52
52
···
63
63
"
64
64
/>
65
65
66
-
<div class="lg:mx-[4vw] 2xl:mx-[8vw] lg:my-[4vh]"><slot /></div>
66
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="hidden">
67
+
<defs>
68
+
<filter id="squiggly-0">
69
+
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="0" />
70
+
<feDisplacementMap id="displacement" in="SourceGraphic" in2="noise" scale="2" />
71
+
</filter>
72
+
<filter id="squiggly-1">
73
+
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="1" />
74
+
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
75
+
</filter>
76
+
77
+
<filter id="squiggly-2">
78
+
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="2" />
79
+
<feDisplacementMap in="SourceGraphic" in2="noise" scale="2" />
80
+
</filter>
81
+
<filter id="squiggly-3">
82
+
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="3" />
83
+
<feDisplacementMap in="SourceGraphic" in2="noise" scale="3" />
84
+
</filter>
85
+
86
+
<filter id="squiggly-4">
87
+
<feTurbulence id="turbulence" baseFrequency="0.02" numOctaves="3" result="noise" seed="4" />
88
+
<feDisplacementMap in="SourceGraphic" in2="noise" scale="1" />
89
+
</filter>
90
+
</defs>
91
+
</svg>
92
+
93
+
<div class="h-[96vh] lg:px-[4vw] 2xl:px-[8vw] lg:py-[4vh]"><slot /></div>
67
94
68
-
<nav class="w-full z-10 fixed bottom-0 bg-ralsei-black">
95
+
<nav class="w-full max-h-[4vh] z-10 fixed bottom-0 bg-ralsei-black">
69
96
<div
70
97
class="
71
98
max-w-full max-h-fit p-1 overflow-auto
+20
-11
src/routes/+page.svelte
+20
-11
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">
6
-
<Window title="readme?" iconUri='/icons/question.png'>
7
-
<div class="prose prose-ralsei prose-img:m-0 leading-6">
8
-
<p>hi there <img class="inline h-6" src="/wavey.gif" alt="wavey" title="hi :33" /></p>
9
-
<p>
10
-
i'm dusk! and this is my personal spot where i plan to put everything that i do on (<i>if i don't forget to...</i>)
11
-
</p>
12
-
<p>not much else to say, hopefully will add more text here one day :></p>
13
-
<p>website very much in progress still !!!</p>
14
-
</div>
15
-
</Window>
5
+
<div class="flex flex-none gap-y-4 lg:gap-y-0 flex-wrap md:flex-nowrap md:h-full">
6
+
<div class="flex flex-col gap-y-2 lg:gap-y-0">
7
+
<Window title="readme?" iconUri='/icons/question.png'>
8
+
<div class="prose prose-ralsei prose-img:m-0 leading-6">
9
+
<p>hi there <img class="inline h-6 animate-squiggle" src="/wavey.gif" alt="wavey" title="hi :33" /></p>
10
+
<p>
11
+
i'm dusk! and this is my personal spot where i plan to put everything that i do on (<i>if i don't forget to...</i>)
12
+
</p>
13
+
<p>not much else to say, hopefully will add more text here one day :></p>
14
+
<p>website very much in progress still !!!</p>
15
+
</div>
16
+
</Window>
17
+
<div class="grow"/>
18
+
<Window title="latest stuff">
19
+
<div class="prose prose-ralsei prose-img:m-0 leading-6">
20
+
<p>worked on a game for a jam!! check it out at <a href="https://manonox.itch.io/fish-well">it's itch.io page</a>!</p>
21
+
<img src="https://img.itch.zone/aW1hZ2UvMjkxNjQzOC8xNzQ2MDY2Mi5wbmc=/original/%2BIb5Vf.png" alt="fish well gameplay screenshot">
22
+
</div>
23
+
</Window>
24
+
</div>
16
25
<div class="grow" />
17
26
<Window title="contacts!" iconUri='/icons/contact.png'>
18
27
<div class="prose prose-ralsei leading-6">
+3
-3
src/routes/guestbook/+page.svelte
+3
-3
src/routes/guestbook/+page.svelte
···
8
8
9
9
<div class="flex flex-col-reverse md:flex-row gap-2 md:gap-4">
10
10
<div class="mb-[7vh] md:hidden" />
11
-
<Window title="guestbook">
11
+
<Window title="guestbook" iconUri="/icons/guestbook.png">
12
12
<div class="flex flex-col gap-4 2xl:w-[60ch]">
13
13
<p>
14
14
hia, here is the guestbook if you wanna post anything :)
···
52
52
type="submit"
53
53
value={platform}
54
54
formaction="?/post_{platform}"
55
-
class="text-lg text-ralsei-green-light leading-5 motion-safe:hover:animate-bounce w-fit p-0.5"
55
+
class="text-lg text-ralsei-green-light leading-5 hover:underline motion-safe:hover:animate-squiggle w-fit p-0.5"
56
56
/>
57
57
{/each}
58
58
</div>
···
70
70
</div>
71
71
</Window>
72
72
<div class="grow" />
73
-
<Window title="entries">
73
+
<Window title="entries" iconUri="/icons/entries.png">
74
74
<div class="flex flex-col gap-2 md:gap-4 2xl:w-[60ch]">
75
75
{#if data.getRatelimited}
76
76
<p class="text-error">
+28
-1
src/styles/app.css
+28
-1
src/styles/app.css
···
27
27
content: '>>>> ';
28
28
}
29
29
30
+
.prose a {
31
+
text-decoration: none;
32
+
}
33
+
30
34
.prose a:hover {
31
-
@apply animate-pulse-fast;
35
+
@apply motion-safe:animate-squiggle;
36
+
text-decoration: underline;
32
37
}
33
38
34
39
h1,h2,h3,h4,h5,h6 {
···
83
88
font-display: swap;
84
89
src: url('/fonts/comici.woff2') format('woff2');
85
90
}
91
+
92
+
.animate-squiggle {
93
+
animation: squigglevision 0.3s infinite;
94
+
}
95
+
96
+
@keyframes squigglevision {
97
+
0% {
98
+
filter: url("#squiggly-0");
99
+
}
100
+
25% {
101
+
filter: url("#squiggly-1");
102
+
}
103
+
50% {
104
+
filter: url("#squiggly-2");
105
+
}
106
+
75% {
107
+
filter: url("#squiggly-3");
108
+
}
109
+
100% {
110
+
filter: url("#squiggly-4");
111
+
}
112
+
}
86
113
}
87
114
88
115
@layer utilities {