satr14/5th-site-expanded
1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

a bit of a redesign

Browse source
This commit is contained in:
satr14 2025-03-27 11:33:29 +07:00
commit 597304e3e3
8 changed files with 186 additions and 262 deletions
Download patch file Download diff file Expand all files Collapse all files

11
package-lock.json generated
View file

@ -11,6 +11,7 @@
"@sveltejs/adapter-cloudflare": "^4.7.4" "@sveltejs/adapter-cloudflare": "^4.7.4"
}, },
"devDependencies": { "devDependencies": {
"@catppuccin/tailwindcss": "^0.1.6",
"@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/kit": "^2.0.0", "@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0", "@sveltejs/vite-plugin-svelte": "^3.0.0",
@ -48,6 +49,16 @@
"node": ">=6.0.0" "node": ">=6.0.0"
} }
}, },
"node_modules/@catppuccin/tailwindcss": {
"version": "0.1.6",
"resolved": "https://registry.npmjs.org/@catppuccin/tailwindcss/-/tailwindcss-0.1.6.tgz",
"integrity": "sha512-V+Y0AwZ5SSyvOVAcDl7Ng30xy+m82OKnEJ+9+kcZZ7lRyXuZrAb2GScdq9XR3v+ggt8qiZ/G4TvaC9cJ88AAXA==",
"dev": true,
"license": "MIT",
"peerDependencies": {
"tailwindcss": ">=3.0.0"
}
},
"node_modules/@cloudflare/kv-asset-handler": { "node_modules/@cloudflare/kv-asset-handler": {
"version": "0.3.4", "version": "0.3.4",
"resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.3.4.tgz", "resolved": "https://registry.npmjs.org/@cloudflare/kv-asset-handler/-/kv-asset-handler-0.3.4.tgz",

1
package.json
View file

@ -10,6 +10,7 @@
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch" "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch"
}, },
"devDependencies": { "devDependencies": {
"@catppuccin/tailwindcss": "^0.1.6",
"@sveltejs/adapter-auto": "^3.0.0", "@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/kit": "^2.0.0", "@sveltejs/kit": "^2.0.0",
"@sveltejs/vite-plugin-svelte": "^3.0.0", "@sveltejs/vite-plugin-svelte": "^3.0.0",

24
src/app.css
View file

@ -3,30 +3,30 @@
@tailwind utilities; @tailwind utilities;
* { @apply transition-all duration-300 ease-in-out; } * { @apply transition-all duration-300 ease-in-out; }
body { @apply bg-slate-950 text-gray-400 max-w-3xl mx-auto my-8 px-4; } body { @apply bg-ctp-crust text-ctp-text max-w-3xl mx-auto my-8 px-4; }
h1 { @apply text-3xl md:text-4xl font-semibold my-4; } h1 { @apply text-3xl md:text-4xl font-semibold my-4; }
h2 { @apply text-2xl md:text-3xl font-bold my-4; } h2 { @apply text-2xl md:text-3xl font-bold my-4; }
h3 { @apply text-xl md:text-2xl font-bold my-4; } h3 { @apply text-xl md:text-2xl font-bold my-4; }
h4 { @apply text-lg md:text-xl font-bold my-4; } h4 { @apply text-lg md:text-xl font-bold my-4; }
h5 { @apply text-base md:text-lg font-bold my-4; } h5 { @apply text-base md:text-lg font-bold my-4; }
h6 { @apply text-sm md:text-base font-bold my-4; } h6 { @apply text-sm md:text-base font-bold my-4; }
a { @apply text-sky-300 hover:text-sky-100 underline; } a { @apply text-ctp-sapphire hover:text-ctp-sky underline; }
article { @apply p-2 sm:p-4 text-slate-300; } article { @apply p-2 sm:p-4 text-ctp-subtext0; }
p { @apply my-4 text-sm sm:text-base; } p { @apply my-4 text-sm sm:text-base; }
code { @apply bg-slate-800 p-0.5 rounded-md; } code { @apply bg-ctp-overlay0 p-0.5 rounded-md; }
pre { @apply bg-slate-800 p-4 rounded-md my-4 overflow-x-auto; } pre { @apply bg-ctp-overlay0 p-4 rounded-md my-4 overflow-x-auto; }
blockquote { @apply bg-slate-800 text-gray-400 p-4; } blockquote { @apply bg-ctp-overlay0 p-4; }
hr { @apply my-4 border-gray-700; } hr { @apply my-4 border-ctp-overlay1; }
ul { @apply list-disc ml-6; } ul { @apply list-disc ml-6; }
ol { @apply list-decimal ml-6; } ol { @apply list-decimal ml-6; }
header { @apply flex flex-col justify-between items-center gap-4; } header { @apply flex flex-col justify-between items-center gap-4; }
nav { @apply flex gap-4; } nav { @apply flex gap-4; }
img { @apply object-cover object-center; } img { @apply object-cover object-center; }
form { @apply my-4 flex flex-col justify-center items-start; } form { @apply my-4 flex flex-col justify-center items-start; }
input { @apply m-1 py-1 px-2 w-full border bg-gray-700 text-gray-300; } input { @apply m-1 py-1 px-2 w-full border bg-ctp-overlay1 text-ctp-subtext1; }
button { @apply m-1 py-1 px-2 w-full bg-gray-400 text-slate-900; } button { @apply m-1 py-1 px-2 w-full text-base; }
footer { @apply my-4 text-center; } footer { @apply my-4 text-center; }
table { @apply w-full my-4; } table { @apply w-full my-4; }
thead { @apply bg-slate-800 text-gray-400; } thead { @apply bg-ctp-overlay0; }
tbody { @apply bg-slate-900 text-slate-300; } tbody { @apply bg-ctp-base text-ctp-subtext0; }
tr, th, td { @apply p-1 border border-gray-700; } tr, th, td { @apply p-1 border border-ctp-overlay1; }

28
src/hooks.server.ts
View file

@ -1,26 +1,12 @@
import type { Handle } from '@sveltejs/kit'; import type { Handle } from '@sveltejs/kit';
import info, { daysUntilBirthday, getTimeIn } from '$lib'; import info from '$lib';
export const handle: Handle = async ({ event, resolve }) => { export const handle: Handle = async ({ event, resolve }) => !event.request.headers.get('user-agent')?.includes('curl') ? await resolve(event) : new Response(`\
const days = daysUntilBirthday(info.birthday); \
const time = getTimeIn(info.timezone); \x1b[2J\x1b[3J\x1b[H\
if (!event.request.headers.get('user-agent')?.includes('curl')) return await resolve(event);
else return new Response(`\
\x1b[2J\x1b[3J\x1b[H
\x1b[1m${info.subtitle}\x1b[0m \x1b[1m${info.subtitle}\x1b[0m
${info.description} ${info.description}
\x1b[1m${days || 'Today'}\x1b[0m ${ days ? 'day' + (days === 1 ? '' : 's') + ' until my birthday.' : 'is my birthday!' } \ \x1b[2;3m${info.title} - ${event.request.headers.get('user-agent')} version ;)\x1b[0m\n\
Its \x1b[1m${time}\x1b[0m in ${info.timezone}. \
`);
\x1b[3m${info.skills.join('\x1b[0m, \x1b[3m')}\x1b[0m
${Object.entries(info.links).map(([key, value]) => `- \x1b[1m${key}\x1b[0m: \x1b[4m${value}\x1b[0m`).join('\n')}
\x1b[1m\ github\x1b[0m: ${info.github}
\x1b[1m\ discord\x1b[0m: ${info.discord}
\x1b[1m\ blog\x1b[0m: ${info.blog.main}
\x1b[2;3m${info.title} - ${event.request.headers.get('user-agent')} version ;)\x1b[0m\n`);
};

250
src/lib/index.ts
View file

@ -1,116 +1,116 @@
export function blog(api: string, base?: string) { // export function blog(api: string, base?: string) {
return fetch(`${api}/api/collections/blogs/records?page=1&perPage=1&fields=collectionId,id,title,desc,created,thumbnail&sort=-created`) // return fetch(`${api}/api/collections/blogs/records?page=1&perPage=1&fields=collectionId,id,title,desc,created,thumbnail&sort=-created`)
.then(res => res.json()) // .then(res => res.json())
.then((data: { // .then((data: {
items: { // items: {
collectionId: string, // collectionId: string,
id: string, // id: string,
title: string, // title: string,
desc: string, // desc: string,
created: number, // created: number,
thumbnail: string, // thumbnail: string,
}[] // }[]
}) => { // }) => {
const blog = data.items[0]; // const blog = data.items[0];
return { // return {
title: blog.title, // title: blog.title,
desc: blog.desc, // desc: blog.desc,
created: blog.created, // created: blog.created,
// thumbnail: `${api}/api/files/${blog.collectionId}/${blog.id}/${blog.thumbnail}?thumb=320x160`, // // thumbnail: `${api}/api/files/${blog.collectionId}/${blog.id}/${blog.thumbnail}?thumb=320x160`,
url: !base ? '' : `${base}/${blog.id}`, // url: !base ? '' : `${base}/${blog.id}`,
}; // };
}); // });
} // }
export function github(max: number, user: string) { // export function github(max: number, user: string) {
return fetch(`https://api.github.com/users/${user}/repos?per_page=${max}?type=owner&sort=created`) // return fetch(`https://api.github.com/users/${user}/repos?per_page=${max}?type=owner&sort=created`)
.then(res => res.json()) // .then(res => res.json())
.then((data: // .then((data:
{ // {
fork: boolean, // fork: boolean,
name: string, // name: string,
description: string, // description: string,
html_url: string, // html_url: string,
stargazers_count: number, // stargazers_count: number,
language: string, // language: string,
}[] // }[]
) => data.filter(repo => !repo.fork).slice(0, max).map(repo => ({ // ) => data.filter(repo => !repo.fork).slice(0, max).map(repo => ({
name: repo.name, // name: repo.name,
desc: repo.description, // desc: repo.description,
url: repo.html_url, // url: repo.html_url,
stars: repo.stargazers_count, // stars: repo.stargazers_count,
lang: repo.language, // lang: repo.language,
}))).catch((e) => [ // }))).catch((e) => [
{ name: 'Error', desc: e.message, url: '', stars: 0, lang: '' }, // { name: 'Error', desc: e.message, url: '', stars: 0, lang: '' },
]); // ]);
} // }
export function discord(id: string) { // export function discord(id: string) {
return fetch(`https://api.lanyard.rest/v1/users/${id}`) // return fetch(`https://api.lanyard.rest/v1/users/${id}`)
.then(res => res.json()) // .then(res => res.json())
.then(({data}: { // .then(({data}: {
data: { // data: {
discord_user: { // discord_user: {
id: string, // id: string,
username: string, // username: string,
avatar: string, // avatar: string,
}, // },
discord_status: string, // discord_status: string,
spotify: { // spotify: {
album_art_url: string, // album_art_url: string,
track_id: string, // track_id: string,
song: string, // song: string,
artist: string, // artist: string,
}, // },
activities: { // activities: {
type: number, // type: number,
name: string, // name: string,
created_at: number, // created_at: number,
state: string, // state: string,
details: string, // details: string,
assets: { // assets: {
large_image: string, // large_image: string,
small_image: string, // small_image: string,
}, // },
application_id: string, // application_id: string,
}[], // }[],
} // }
success: boolean, // success: boolean,
}) => ({ // }) => ({
// avatar: `https://cdn.discordapp.com/avatars/${data.discord_user.id}/${data.discord_user.avatar}.png?size=128`, // // avatar: `https://cdn.discordapp.com/avatars/${data.discord_user.id}/${data.discord_user.avatar}.png?size=128`,
username: data.discord_user.username, // username: data.discord_user.username,
status: data.discord_status, // status: data.discord_status,
spotify: { // spotify: {
art: data?.spotify?.album_art_url, // art: data?.spotify?.album_art_url,
link: `https://open.spotify.com/intl-id/track/${data?.spotify?.track_id}`, // link: `https://open.spotify.com/intl-id/track/${data?.spotify?.track_id}`,
song: data?.spotify?.song, // song: data?.spotify?.song,
artist: data?.spotify?.artist, // artist: data?.spotify?.artist,
}, // },
activity: data?.activities.filter((a: {type:number}) =>a.type===0).map((activity: // activity: data?.activities.filter((a: {type:number}) =>a.type===0).map((activity:
{name: string, created_at: number, state: string, details: string, assets: {large_image: string, small_image: string}, application_id: string} // {name: string, created_at: number, state: string, details: string, assets: {large_image: string, small_image: string}, application_id: string}
) => ({ // ) => ({
name: activity.name, // name: activity.name,
started: activity.created_at, // started: activity.created_at,
state: activity.state, // state: activity.state,
details: activity.details, // details: activity.details,
images: { // images: {
large: !activity?.assets?.large_image ? '' : `https://cdn.discordapp.com/app-assets/${activity.application_id}/${activity?.assets?.large_image}.png?size=256`, // large: !activity?.assets?.large_image ? '' : `https://cdn.discordapp.com/app-assets/${activity.application_id}/${activity?.assets?.large_image}.png?size=256`,
small: !activity?.assets?.small_image ? '' : `https://cdn.discordapp.com/app-assets/${activity.application_id}/${activity?.assets?.small_image}.png?size=256`, // small: !activity?.assets?.small_image ? '' : `https://cdn.discordapp.com/app-assets/${activity.application_id}/${activity?.assets?.small_image}.png?size=256`,
}, // },
})).sort((a: {started:number}, b: {started:number}) => b.started - a.started) || [], // })).sort((a: {started:number}, b: {started:number}) => b.started - a.started) || [],
})).catch(() => ({ // })).catch(() => ({
username: 'Error', // username: 'Error',
status: 'Error', // status: 'Error',
spotify: { // spotify: {
art: '', // art: '',
link: '', // link: '',
song: '', // song: '',
artist: '', // artist: '',
}, // },
activity: [], // activity: [],
})); // }));
} // }
export function daysUntilBirthday(date: number[]): number { export function daysUntilBirthday(date: number[]): number {
const today = new Date(); const today = new Date();
@ -180,18 +180,30 @@ export default {
birthday: [12,6], birthday: [12,6],
timezone: "Asia/Jakarta", timezone: "Asia/Jakarta",
links: { links: {
"NixOS Flake": "https://github.com/SX-9/nix-conf", "part-of.my.id": "https://part-of.my.id/",
"Project part-of.my.id": "https://part-of.my.id/", "fetch.sh": "https://fetch.satr14.my.id/",
"NixOS Flakes": "https://github.com/SX-9/nix-conf",
"Forever Maze": "https://forever-maze.satr14.my.id/", "Forever Maze": "https://forever-maze.satr14.my.id/",
"Chess from scratch": "https://sx-9.github.io/chess-from-scratch/", "Chess from scratch": "https://sx-9.github.io/chess-from-scratch/",
"CDN": "https://cdn.satr14.my.id/", },
communities: {
"part-of.my.id": {
icon: "https://avatars.githubusercontent.com/u/184933425?s=200&v=4",
role: "Founder",
url: "https://part-of.my.id/",
},
"is-a.dev": {
icon: "https://avatars.githubusercontent.com/u/72358814?s=200&v=4",
role: "Maintainer",
url: "https://is-a.dev/",
},
"Hack Club": {
icon: "https://assets.hackclub.com/icon-square.png",
role: "Member",
url: "https://hackclub.com/",
},
}, },
discord: "882595027132493864", discord: "882595027132493864",
github: "SX-9", github: "SX-9",
blog: { blog: "https://blog.satr14.my.id/",
api: "https://blog.satr14.my.id/pb",
base: "https://blog.satr14.my.id/post",
main: "https://blog.satr14.my.id/",
},
nixwebring: 'satr14',
} }

22
src/routes/+layout.ts
View file

@ -2,29 +2,9 @@ import type { LayoutLoad } from './$types';
import info, { blog, discord, github } from '$lib'; import info, { blog, discord, github } from '$lib';
export const ssr = true; export const ssr = true;
// export const csr = true; export const csr = false;
export const load = (async () => { export const load = (async () => {
return { return {
...info, ...info,
fetched: {
discord: await discord(info.discord).catch((err) => ({
username: '',
status: '',
activity: [],
spotify: {
song: '',
art: '',
link: '',
artist: '',
},
})),
github: await github(7, info.github).catch((err) => ([])),
blog: await blog(info.blog.api, info.blog.base).catch((err) => ({
title: 'Error',
desc: err,
url: info.blog.base,
created: new Date(),
})),
},
}; };
}) satisfies LayoutLoad; }) satisfies LayoutLoad;

100
src/routes/+page.svelte
View file

@ -5,21 +5,23 @@
let days = daysUntilBirthday(data.birthday); let days = daysUntilBirthday(data.birthday);
let time = getTimeIn(data.timezone); let time = getTimeIn(data.timezone);
let created = new Date(data.fetched.blog.created);
</script> </script>
<header> <header>
<div class="group border-2 border-slate-700 hover:border-slate-500 rounded-xl w-full h-32 overflow-hidden flex justify-center items-center shadow-lg"> <div class="group border-2 border-ctp-base hover:border-ctp-overlay1 rounded-xl w-full h-32 overflow-hidden flex justify-center items-center shadow-lg">
<div class="text-center text-5xl font-mono my-4 cursor-default -rotate-6 leading-10 text-slate-500 group-hover:text-slate-700"> <div class="text-center text-5xl font-mono my-4 cursor-default -rotate-6 leading-10 text-ctp-overlay1 group-hover:text-ctp-base">
<span>{randomStr(30)}<br>{randomStr(40)}</span> <span>{randomStr(30)}<br>{randomStr(40)}</span>
<span class="group-hover:py-4 block">{randomStr(20-data.name.length/2)}<a href={'https://github.com/'+data.github+'/5th-site'} target="_blank" class="group-hover:px-8 no-underline text-slate-300 group-hover:text-slate-100">{data.name.toUpperCase()}</a>{randomStr(20-data.name.length/2)}</span> <span class="group-hover:py-4 block">{randomStr(20-data.name.length/2)}<a href={'https://github.com/'+data.github+'/5th-site'} target="_blank" class="group-hover:px-8 no-underline text-ctp-subtext1 group-hover:text-ctp-text">{data.name.toUpperCase()}</a>{randomStr(20-data.name.length/2)}</span>
<span>{randomStr(40)}<br>{randomStr(30)}</span> <span>{randomStr(40)}<br>{randomStr(30)}</span>
</div> </div>
</div> </div>
<nav class="flex justify-center gap-4 text-lg max-w-full overflow-y-auto text-nowrap"> <nav class="flex justify-between items-center gap-4 text-lg max-w-full w-full px-4 overflow-y-auto text-nowrap">
<div class="flex justify-center gap-4">
<a href={'https://github.com/'+data.github} target="_blank">github</a> <a href={'https://github.com/'+data.github} target="_blank">github</a>
<a href={'https://discordapp.com/users/'+data.discord} target="_blank">discord</a> <a href={'https://discordapp.com/users/'+data.discord} target="_blank">discord</a>
<a href={data.blog.main} target="_blank">blog</a> <a href={data.blog} target="_blank">blog</a>
</div>
<p class="text-center m-0 font-mono italic">curl https://satr14.my.id</p>
</nav> </nav>
</header> </header>
@ -28,98 +30,30 @@
<h1>{data.subtitle}</h1> <h1>{data.subtitle}</h1>
<p>{data.description}</p> <p>{data.description}</p>
<p class="text-sm"><i> <p class="text-sm"><i>
It's <b>{time}</b> in <b>{data.timezone}</b>.
<b>{days || 'Today'}</b> { days ? 'day' + (days === 1 ? '' : 's') + ' until my birthday.' : 'is my birthday!' } <b>{days || 'Today'}</b> { days ? 'day' + (days === 1 ? '' : 's') + ' until my birthday.' : 'is my birthday!' }
It's <b>{time}</b> for me.
</i></p> </i></p>
<p class="flex flex-wrap gap-2 text-sm"> <p class="flex flex-wrap gap-2 text-sm">
{#each data.skills as skill} {#each data.skills as skill}
<a href={'https://google.com/search?q='+skill} target="_blank" class="bg-slate-900 text-sky-100 hover:bg-slate-800 px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</a> <a href={'https://google.com/search?q='+skill} target="_blank" class="bg-ctp-mantle text-ctp-text hover:bg-ctp-base px-2 py-1 rounded-full no-underline text-xs sm:text-sm">{skill}</a>
{/each} {/each}
</p> </p>
<p class="flex flex-wrap gap-1"> <p class="flex flex-wrap gap-1">
{#each Object.entries(data.links) as link, i} {#each Object.entries(data.links) as link, i}
{#if i > 0}<span class="text-slate-300">~</span>{/if} {#if i > 0}<span class="text-ctp-subtext1">~</span>{/if}
<a href={link[1]} target="_blank">{link[0]}</a> <a href={link[1]} target="_blank">{link[0]}</a>
{/each} {/each}
</p> </p>
</article> </article>
<section>
<h2 class="text-sm sm:text-base italic m-0">Latest blog post</h2>
<h1 class="m-0 font-normal"><a class="no-underline" href={data.fetched.blog.url} target="_blank">{data.fetched.blog.title}</a></h1>
<p class="text-lg m-0">{months[created.getMonth()]} {created.getDate()}, {created.getFullYear()} - {data.fetched.blog.desc}</p>
</section>
<section>
<h2 class="text-sm sm:text-base italic m-0 mt-8">GitHub repositories</h2>
<div class="flex flex-col gap-4 mt-2">
{#each data.fetched.github as repo, i}
<div class="flex justify-between items-center ">
<div>
<h3 class="m-0 font-normal"><a class="no-underline" href={repo.url} target="_blank">{repo.name}</a></h3>
<p class="m-0">{repo.desc}</p>
</div>
<div class="text-right">
{#if repo.lang}<i>{repo.lang}</i>{/if}<br>
{#if repo.stars}<span class="text-yellow-200"><b>{repo.stars}</b> star{repo.stars>1?'s':''}</span>{/if}
</div>
</div>
{/each}
</div>
</section>
<section>
<h2 class="italic font-normal mt-8 text-base sm:text-lg flex justify-between items-center">
<span>@<u>{data.fetched.discord.username}</u></span>
<span class="data-[status=idle]:text-yellow-200 data-[status=dnd]:text-red-200 data-[status=online]:text-green-200" data-status={data.fetched.discord.status}><b>{data.fetched.discord.status}</b></span>
</h2>
<div class="flex flex-wrap sm:justify-evenly my-4">
{#if data.fetched.discord.spotify.song}
<div class="m-4">
<span class="italic text-sm">Listening to <b>Spotify</b></span>
<div class="flex gap-2 items-center">
<img class="size-12 rounded-md" src={data.fetched.discord.spotify.art} alt="album art">
<div class="max-w-64 truncate">
<h3 class="my-0 inline"><a href={data.fetched.discord.spotify.link}>{data.fetched.discord.spotify.song}</a></h3>
<br><i>{data.fetched.discord.spotify.artist}</i>
</div>
</div>
</div>
{/if}
{#each data.fetched.discord.activity as activity}
<div class="m-4">
<div class="flex gap-2 items-center">
<div class="relative">
{#if activity.images.large}
<img class="size-12 rounded-md" src={activity.images.large} alt="large">
{/if}
{#if activity.images.small}
<img class="size-6 rounded-full absolute -bottom-1 -right-1" src={activity.images.small} alt="small">
{/if}
</div>
<span class="text-sm">
<h3 class="my-0 inline text-lg"><b>{activity.name}</b></h3>
<i>
{#if activity.state}
<br>{activity.state}
{/if}
{#if activity.details}
<br>{activity.details}
{/if}
</i>
</span>
</div>
<span class="text-sm"><i>Started {timeAgo(activity.started)}</i></span>
</div>
{/each}
</div>
</section>
</main> </main>
<footer class=" mt-8"> <footer class=" mt-8">
<nav class="flex justify-center items-center gap-4 text-lg"> <nav class="flex justify-center items-center gap-4 text-lg">
<a class="no-underline px-2" href={'https://nixwebr.ing/prev/'+data.nixwebring}>&lt;</a> <a class="no-underline px-2" href="https://nixwebr.ing">nixwebr.ing:</a>
<a class="no-underline px-2" href="https://nixwebr.ing/prev/satr14">&lt;</a>
<a class="no-underline px-2" href="https://nixwebr.ing/rand">*</a> <a class="no-underline px-2" href="https://nixwebr.ing/rand">*</a>
<a class="no-underline px-2" href={'https://nixwebr.ing/next/'+data.nixwebring}>&gt;</a> <a class="no-underline px-2" href="https://nixwebr.ing/next/satr14">&gt;</a>
<a class="no-underline px-2" href="https://nixwebr.ing">?</a>
</nav> </nav>
<p class="text-center m-0 font-mono italic">
curl https://satr14.my.id
</p>
</footer> </footer>

8
tailwind.config.js
View file

@ -1,8 +1,8 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
export default { export default {
content: ['./src/**/*.{html,js,svelte,ts}'], content: ['./src/**/*.{html,js,svelte,ts}'],
theme: { plugins: [require("@catppuccin/tailwindcss")({
extend: {} defaultFlavour: 'mocha',
}, prefix: 'ctp',
plugins: [] })],
}; };