diff --git a/src/routes/+page.server.ts b/src/routes/+page.server.ts index 4333997..cb6555b 100644 --- a/src/routes/+page.server.ts +++ b/src/routes/+page.server.ts @@ -1,25 +1,25 @@ -import { getLastPosts } from "$lib/bluesky.js" -import { getNowPlaying } from "$lib/lastfm" -import { getLastGame } from "$lib/steam" -import { noteFromBskyPost } from "../components/note.svelte" +import { getLastPosts } from '$lib/bluesky.js'; +import { getNowPlaying } from '$lib/lastfm'; +import { getLastGame } from '$lib/steam'; +import { noteFromBskyPost } from '../components/note.svelte'; -export const load = async ({}) => { - const lastTrack = getNowPlaying() - const lastGame = getLastGame() - const lastPosts = getLastPosts() - const lastNote = lastPosts.length > 0 ? noteFromBskyPost(lastPosts[0]) : null - let banners: number[] = [] - while (banners.length < 3) { - const no = getBannerNo(banners) - banners.push(no) - } - return {banners, lastTrack, lastGame, lastNote} -} +export const load = async () => { + const lastTrack = getNowPlaying(); + const lastGame = getLastGame(); + const lastPosts = getLastPosts(); + const lastNote = lastPosts.length > 0 ? noteFromBskyPost(lastPosts[0]) : null; + let banners: number[] = []; + while (banners.length < 3) { + const no = getBannerNo(banners); + banners.push(no); + } + return { banners, lastTrack, lastGame, lastNote }; +}; const getBannerNo = (others: number[]) => { - const no = Math.floor(Math.random() * 20) + 1 - if (others.includes(no)) { - return ((no + (Math.floor(Math.random() * 20))) % 20) + 1 - } - return no -}; \ No newline at end of file + const no = Math.floor(Math.random() * 20) + 1; + if (others.includes(no)) { + return ((no + Math.floor(Math.random() * 20)) % 20) + 1; + } + return no; +}; diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 98b34ba..3571761 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -3,6 +3,7 @@ import Note from '../components/note.svelte'; import Window from '../components/window.svelte'; import LatestStuff from './lateststuff.md'; + import CoolStuff from './coolstuff.md'; import { renderDate, renderRelativeDate } from '$lib/dateFmt'; import Tooltip from '../components/tooltip.svelte'; @@ -15,13 +16,13 @@ </script> <div class="flex flex-col md:flex-row gap-4 md:gap-8 md:h-full h-card"> - <div class="flex flex-col gap-4 md:gap-8 ml-auto"> - <Window title="latest stuff" iconUri="/icons/msg_information.webp"> + <div class="flex flex-col gap-4 md:gap-8 ml-auto place-items-end"> + <Window title="stuff im doing.." iconUri="/icons/msg_information.webp"> <div class="prose prose-ralsei prose-img:m-0 leading-6"> <LatestStuff /> </div> </Window> - <Window style="md:ml-4" title="status" iconUri="/icons/msn.webp" removePadding> + <Window style="md:mr-4" title="status" iconUri="/icons/msn.webp" removePadding> {#if data.lastNote} <div class="m-1.5 flex flex-col font-monospace text-sm"> <p @@ -117,9 +118,14 @@ </div> {/if} </Window> + <Window title="cool stuff,,"> + <div class="max-w-[50ch] prose prose-ralsei prose-a:!animate-none prose-img:m-0 leading-snug"> + <CoolStuff /> + </div> + </Window> </div> - <div class="flex flex-col gap-4 md:gap-8 mr-auto w-full md:w-fit place-items-end"> - <Window style="md:mr-12" title="links!" iconUri="/icons/contact.webp"> + <div class="flex flex-col gap-4 md:gap-8 mr-auto w-full md:w-fit place-items-start"> + <Window title="links!" iconUri="/icons/contact.webp"> <div class="[width:40ch] prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none" > @@ -172,7 +178,7 @@ </div> </div> </Window> - <Window title="readme?" iconUri="/icons/question.webp" removePadding> + <Window style="md:ml-2" title="readme?" iconUri="/icons/question.webp" removePadding> <div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none"> <div class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden"> {#each data.banners as bannerNo, index} @@ -180,7 +186,7 @@ <img width="150" height="20" - title="banners from https://blinkies.cafe/" + title="banners from https://blinkies.cafe/ (refresh to get different ones! :3)" alt="banner" class=" {hideIfMobile ? 'hidden' : ''} sm:inline w-[150px] [height:20px] @@ -193,7 +199,7 @@ <div class="flex flex-grow"> <Tooltip> {#snippet tooltipContent()} - that's me! my angelsona :3c + that's me! my angelsona ^^ {/snippet} <div class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20" @@ -215,14 +221,14 @@ <li class="[list-style-type:'->'] p-note"> <Tooltip x="translate-x-none" - y="translate-y-none" - targetX="group-hover:translate-x-[80%]" + y="-translate-y-[40%]" + targetX="group-hover:translate-x-[40%]" targetY="group-hover:-translate-y-[70%]" > {#snippet tooltipContent()} - angelrobotdollpuppything + angelrobotpuppydollthing {/snippet} - is a thing (it/they) + is a <i>thing</i> (it/they) </Tooltip> </li> <li class="[list-style-type:'->']"> diff --git a/src/routes/coolstuff.md b/src/routes/coolstuff.md new file mode 100644 index 0000000..3aa24d8 --- /dev/null +++ b/src/routes/coolstuff.md @@ -0,0 +1,12 @@ ++++ +layout = false ++++ + +<div class="flex flex-row gap-3 place-items-start"> + <a title="skyrina" href="https://skyrina.dev/"><img src="/others/skylar.gif" alt="skyrina"></a> + <a title="candlelitsmiles" href="https://candlelitsmiles.neocities.org"><img src="https://candlelitsmiles.neocities.org/candlebuttonone.png" alt="candlelitsmiles"></a> + <a title="indieweb" href="https://indieweb.org/"><img src="https://indieweb.org/images/9/91/indieweb88x31-retro-gif.gif" alt="indieweb"></a> +</div> + +<span class="text-sm">please send me your buttons or stuff to add !! ;3</span><br> +<span class="text-xs italic">last updated on: 02-04-2025</span> diff --git a/src/routes/lateststuff.md b/src/routes/lateststuff.md index 58b93a3..ca870dd 100644 --- a/src/routes/lateststuff.md +++ b/src/routes/lateststuff.md @@ -2,6 +2,6 @@ layout = false +++ -*last updated on: 19-02-2025* +currently working on a game under the name `packet.runner`, read some very WIP stuff about it [here](https://doc.gaze.systems/LsE08EU7QOSKm7xps_treA). -currently working on a game under the name `packet.runner`, read some very WIP stuff about it [here](https://doc.gaze.systems/LsE08EU7QOSKm7xps_treA). \ No newline at end of file +<span class="text-xs italic">last updated on: 19-02-2025</span> diff --git a/static/others/skylar.gif b/static/others/skylar.gif new file mode 100644 index 0000000..14496a8 Binary files /dev/null and b/static/others/skylar.gif differ