Compare commits
2 commits
84529e2f86
...
742b1da1ee
| Author | SHA1 | Date | |
|---|---|---|---|
| 742b1da1ee | |||
| 84cc45028b |
4 changed files with 36 additions and 33 deletions
19
src/app.css
19
src/app.css
|
|
@ -1,6 +1,17 @@
|
||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@import "@catppuccin/tailwindcss/mocha.css";
|
@import "@catppuccin/tailwindcss/mocha.css";
|
||||||
|
|
||||||
|
@property --rainbow-hue-top {
|
||||||
|
syntax: '<number>';
|
||||||
|
initial-value: 199;
|
||||||
|
inherits: true;
|
||||||
|
}
|
||||||
|
@property --rainbow-hue-bottom {
|
||||||
|
syntax: '<number>';
|
||||||
|
initial-value: 559;
|
||||||
|
inherits: true;
|
||||||
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: Stray;
|
font-family: Stray;
|
||||||
font-display: swap;
|
font-display: swap;
|
||||||
|
|
@ -18,6 +29,14 @@
|
||||||
0% { transform: translateX(100%); }
|
0% { transform: translateX(100%); }
|
||||||
100% { transform: translateX(0%); }
|
100% { transform: translateX(0%); }
|
||||||
}
|
}
|
||||||
|
@keyframes rainbow {
|
||||||
|
0% { --rainbow-hue-top: 199; --rainbow-hue-bottom: 559; }
|
||||||
|
100% { --rainbow-hue-top: 559; --rainbow-hue-bottom: 199; }
|
||||||
|
}
|
||||||
|
@keyframes breathing {
|
||||||
|
0%, 100% { opacity: 0.15; }
|
||||||
|
50% { opacity: 0.3; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@layer base {
|
@layer base {
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,24 @@
|
||||||
import type { Handle } from '@sveltejs/kit';
|
import type { Handle } from '@sveltejs/kit';
|
||||||
import info from '$lib';
|
import info from '$lib';
|
||||||
|
|
||||||
export const handle: Handle = async ({ event, resolve }) => !event.request.headers.get('user-agent')?.includes('curl') ? await resolve(event) : new Response(`\
|
export const handle: Handle = async ({ event, resolve }) => {
|
||||||
|
if (event.request.headers.get('user-agent')?.includes('curl')) {
|
||||||
|
return new Response(`\
|
||||||
\
|
\
|
||||||
\x1b[1m${info.subtitle}\x1b[0m
|
\x1b[1m"${info.quote}"\x1b[0m
|
||||||
${info.description}
|
${info.description}
|
||||||
|
|
||||||
\x1b[2;3m${info.title} - ${event.request.headers.get('user-agent')} version ;)\x1b[0m\n\
|
\x1b[2;3m${info.title} - ${event.request.headers.get('user-agent')} version ;)\x1b[0m\n\
|
||||||
\
|
\
|
||||||
`);
|
`);
|
||||||
|
}
|
||||||
|
|
||||||
|
const response = await resolve(event);
|
||||||
|
const { pathname } = event.url;
|
||||||
|
|
||||||
|
if (/\.(png|jpe?g|gif|webp|avif|svg|ico|mp3|ogg|wav|woff2?|ttf|otf)$/i.test(pathname)) {
|
||||||
|
response.headers.set('Cache-Control', 'public, max-age=31536000, immutable');
|
||||||
|
}
|
||||||
|
|
||||||
|
return response;
|
||||||
|
};
|
||||||
|
|
@ -207,7 +207,7 @@ export default {
|
||||||
},
|
},
|
||||||
socials: {
|
socials: {
|
||||||
protonmail: "mailto:admin@satr14.my.id",
|
protonmail: "mailto:admin@satr14.my.id",
|
||||||
github: "https://github.com/SX-9",
|
github: "https://github.com/satr14washere",
|
||||||
discord: "https://discord.com/users/882595027132493864",
|
discord: "https://discord.com/users/882595027132493864",
|
||||||
reddit: "https://reddit.com/u/Frequent_Outside_741",
|
reddit: "https://reddit.com/u/Frequent_Outside_741",
|
||||||
steam: "https://steamcommunity.com/id/satr14",
|
steam: "https://steamcommunity.com/id/satr14",
|
||||||
|
|
|
||||||
|
|
@ -64,36 +64,7 @@
|
||||||
duration: 1500, easing: cubicOut
|
duration: 1500, easing: cubicOut
|
||||||
}}></div>
|
}}></div>
|
||||||
|
|
||||||
<svelte:head>
|
|
||||||
<style>
|
|
||||||
@property --rainbow-hue-top {
|
|
||||||
syntax: '<number>';
|
|
||||||
initial-value: 199;
|
|
||||||
inherits: true;
|
|
||||||
}
|
|
||||||
@property --rainbow-hue-bottom {
|
|
||||||
syntax: '<number>';
|
|
||||||
initial-value: 559;
|
|
||||||
inherits: true;
|
|
||||||
}
|
|
||||||
@keyframes rainbow {
|
|
||||||
0% { --rainbow-hue-top: 199; --rainbow-hue-bottom: 559; }
|
|
||||||
100% { --rainbow-hue-top: 559; --rainbow-hue-bottom: 199; }
|
|
||||||
}
|
|
||||||
@keyframes breathing {
|
|
||||||
0%, 100% { opacity: 0.15; }
|
|
||||||
50% { opacity: 0.3; }
|
|
||||||
}
|
|
||||||
@keyframes marquee {
|
|
||||||
0% { transform: translateX(0%); }
|
|
||||||
100% { transform: translateX(-100%); }
|
|
||||||
}
|
|
||||||
@keyframes marquee2 {
|
|
||||||
0% { transform: translateX(100%); }
|
|
||||||
100% { transform: translateX(0%); }
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</svelte:head>
|
|
||||||
|
|
||||||
<div class="fixed top-0 left-0 w-full h-full overflow-hidden flex justify-center items-center select-none" transition:blur={{
|
<div class="fixed top-0 left-0 w-full h-full overflow-hidden flex justify-center items-center select-none" transition:blur={{
|
||||||
duration: 1000, easing: cubicOut,
|
duration: 1000, easing: cubicOut,
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue