···

       
1
       
-
       
import { env } from '$env/dynamic/private'

     

       
2
       
-
       
import { Bot, type Post } from "@skyware/bot";

     

       
3
       
-
       
import { get, writable } from 'svelte/store'

     

       
4
       
 
       


     

       
5
       
-
       
const bskyClient = writable<null | Bot>(null)

     

       
6
       
 
       


     

       
7
       
 
       
export const getBskyClient = async () => {

     

       
8
       
-
       
    let client = get(bskyClient)

     

       
9
       
-
       
    if (client === null) {

     

       
10
       
-
       
        client = await loginToBsky()

     

       
11
       
-
       
        bskyClient.set(client)

     

       
12
       
-
       
    }

     

       
13
       
-
       
    return client

     

       
14
       
-
       
}

     

       
15
       
 
       


     

       
16
       
 
       
const loginToBsky = async () => {

     

       
17
       
-
       
    const bot = new Bot({ service: "https://gaze.systems" })

     

       
18
       
-
       
    await bot.login({ identifier: 'guestbook.gaze.systems', password: env.BSKY_PASSWORD ?? "" })

     

       
19
       
-
       
    return bot

     

       
20
       
-
       
}

     

       
21
       
 
       


     

       
22
       
-
       
export const getUserPosts = async (did: string, count: number = 10, cursor: string | null = null) => {

     

       
23
       
-
       
    const client = await getBskyClient()

     

       
24
       
-
       
    let feedCursor: string | null | undefined = cursor;

     

       
25
       
-
       
    let posts: Post[] = []

     

       
26
       
-
       
    // fetch requested amount of posts

     

       
27
       
-
       
    while (posts.length < count - 1 && (typeof feedCursor === "string" || feedCursor === null)) {

     

       
28
       
-
       
        let feedData = await client.getUserPosts(

     

       
29
       
-
       
            did, { limit: count, filter: 'posts_no_replies', cursor: feedCursor === null ? undefined : feedCursor }

     

       
30
       
-
       
        )

     

       
31
       
-
       
        posts.push(...feedData.posts.filter((post) => post.author.did === did))

     

       
32
       
-
       
        feedCursor = feedData.cursor

     

       
33
       
-
       
    }

     

       
34
       
-
       
    return { posts, cursor: feedCursor === null ? undefined : feedCursor }

     

       
35
       
-
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
36
       
 
       


     

       
37
       
-
       
const lastPosts = writable<Post[]>([])

     

       
38
       
 
       


     

       
39
       
 
       
export const updateLastPosts = async () => {

     

       
40
       
-
       
    try {

     

       
41
       
-
       
        const { posts } = await getUserPosts("did:plc:dfl62fgb7wtjj3fcbb72naae", 13)

     

       
42
       
-
       
        lastPosts.set(posts)

     

       
43
       
-
       
    } catch (err) {

     

       
44
       
-
       
        console.log(`can't update last posts ${err}`)

     

       
45
       
-
       
    }

     

       
46
       
-
       
}

     

       
47
       
 
       


     

       
48
       
-
       
export const getLastPosts = () => { return get(lastPosts) }
     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
import { env } from '$env/dynamic/private';

     

       
2
       
+
       
import { Bot, type Post } from '@skyware/bot';

     

       
3
       
+
       
import { get, writable } from 'svelte/store';

     

       
4
       
 
       


     

       
5
       
+
       
const bskyClient = writable<null | Bot>(null);

     

       
6
       
 
       


     

       
7
       
 
       
export const getBskyClient = async () => {

     

       
8
       
+
       
	let client = get(bskyClient);

     

       
9
       
+
       
	if (client === null) {

     

       
10
       
+
       
		client = await loginToBsky();

     

       
11
       
+
       
		bskyClient.set(client);

     

       
12
       
+
       
	}

     

       
13
       
+
       
	return client;

     

       
14
       
+
       
};

     

       
15
       
 
       


     

       
16
       
 
       
const loginToBsky = async () => {

     

       
17
       
+
       
	const bot = new Bot({ service: 'https://gaze.systems' });

     

       
18
       
+
       
	await bot.login({ identifier: 'guestbook.gaze.systems', password: env.BSKY_PASSWORD ?? '' });

     

       
19
       
+
       
	return bot;

     

       
20
       
+
       
};

     

       
21
       
 
       


     

       
22
       
+
       
export const getUserPosts = async (

     

       
23
       
+
       
	did: string,

     

       
24
       
+
       
	count: number = 10,

     

       
25
       
+
       
	cursor: string | null = null

     

       
26
       
+
       
) => {

     

       
27
       
+
       
	const client = await getBskyClient();

     

       
28
       
+
       
	let feedCursor: string | null | undefined = cursor;

     

       
29
       
+
       
	const posts: Post[] = [];

     

       
30
       
+
       
	// fetch requested amount of posts

     

       
31
       
+
       
	while (posts.length < count - 1 && (typeof feedCursor === 'string' || feedCursor === null)) {

     

       
32
       
+
       
		const feedData = await client.getUserPosts(did, {

     

       
33
       
+
       
			limit: count,

     

       
34
       
+
       
			filter: 'posts_no_replies',

     

       
35
       
+
       
			cursor: feedCursor === null ? undefined : feedCursor

     

       
36
       
+
       
		});

     

       
37
       
+
       
		posts.push(...feedData.posts.filter((post) => post.author.did === did));

     

       
38
       
+
       
		feedCursor = feedData.cursor;

     

       
39
       
+
       
	}

     

       
40
       
+
       
	return { posts, cursor: feedCursor === null ? undefined : feedCursor };

     

       
41
       
+
       
};

     

       
42
       
 
       


     

       
43
       
+
       
const lastPosts = writable<Post[]>([]);

     

       
44
       
 
       


     

       
45
       
 
       
export const updateLastPosts = async () => {

     

       
46
       
+
       
	try {

     

       
47
       
+
       
		const { posts } = await getUserPosts('did:plc:dfl62fgb7wtjj3fcbb72naae', 13);

     

       
48
       
+
       
		lastPosts.set(posts);

     

       
49
       
+
       
	} catch (err) {

     

       
50
       
+
       
		console.log(`can't update last posts ${err}`);

     

       
51
       
+
       
	}

     

       
52
       
+
       
};

     

       
53
       
 
       


     

       
54
       
+
       
export const getLastPosts = () => {

     

       
55
       
+
       
	return get(lastPosts);

     

       
56
       
+
       
};

     

···

       
1
       
-
       
import { get, writable } from "svelte/store"

     

       
2
       
 
       


     

       
3
       
-
       
const GET_RECENT_TRACKS_ENDPOINT = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=yusdacra&api_key=da1911d405b5b37383e200b8f36ee9ec&format=json&limit=1"

     

       
0
       
 
       

     

       
4
       
 
       


     

       
5
       
 
       
type LastTrack = {

     

       
6
       
-
       
    name: string,

     

       
7
       
-
       
    artist: string,

     

       
8
       
-
       
    image: string | null,

     

       
9
       
-
       
    link: string,

     

       
10
       
-
       
    when: number,

     

       
11
       
-
       
    playing: boolean,

     

       
12
       
-
       
}

     

       
13
       
-
       
const lastTrack = writable<LastTrack | null>(null)

     

       
14
       
 
       


     

       
15
       
 
       
export const lastFmUpdateNowPlaying = async () => {

     

       
16
       
-
       
    try {

     

       
17
       
-
       
        var resp = await (await fetch(GET_RECENT_TRACKS_ENDPOINT)).json()

     

       
18
       
-
       
        var track = resp.recenttracks.track[0] ?? null

     

       
19
       
-
       
        if (!((track['@attr'] ?? {}).nowplaying ?? null)) {

     

       
20
       
-
       
            throw "no nowplaying track found"

     

       
21
       
-
       
        }

     

       
22
       
-
       
        var data = {

     

       
23
       
-
       
            name: track.name,

     

       
24
       
-
       
            artist: track.artist['#text'],

     

       
25
       
-
       
            image: track.image[2]['#text'] ?? null,

     

       
26
       
-
       
            link: track.url,

     

       
27
       
-
       
            when: Date.now(),

     

       
28
       
-
       
            playing: true,

     

       
29
       
-
       
        }

     

       
30
       
-
       
        lastTrack.set(data)

     

       
31
       
-
       
    } catch(why) {

     

       
32
       
-
       
        console.log("could not fetch last fm: ", why)

     

       
33
       
-
       
        lastTrack.update((t) => { if (t !== null) { t.playing = false; } return t })

     

       
34
       
-
       
    }

     

       
35
       
-
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
36
       
 
       


     

       
37
       
-
       
export const getNowPlaying = () => { return get(lastTrack) }
     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
import { get, writable } from 'svelte/store';

     

       
2
       
 
       


     

       
3
       
+
       
const GET_RECENT_TRACKS_ENDPOINT =

     

       
4
       
+
       
	'https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=yusdacra&api_key=da1911d405b5b37383e200b8f36ee9ec&format=json&limit=1';

     

       
5
       
 
       


     

       
6
       
 
       
type LastTrack = {

     

       
7
       
+
       
	name: string;

     

       
8
       
+
       
	artist: string;

     

       
9
       
+
       
	image: string | null;

     

       
10
       
+
       
	link: string;

     

       
11
       
+
       
	when: number;

     

       
12
       
+
       
	playing: boolean;

     

       
13
       
+
       
};

     

       
14
       
+
       
const lastTrack = writable<LastTrack | null>(null);

     

       
15
       
 
       


     

       
16
       
 
       
export const lastFmUpdateNowPlaying = async () => {

     

       
17
       
+
       
	try {

     

       
18
       
+
       
		const resp = await (await fetch(GET_RECENT_TRACKS_ENDPOINT)).json();

     

       
19
       
+
       
		const track = resp.recenttracks.track[0] ?? null;

     

       
20
       
+
       
		if (!((track['@attr'] ?? {}).nowplaying ?? null)) {

     

       
21
       
+
       
			throw 'no nowplaying track found';

     

       
22
       
+
       
		}

     

       
23
       
+
       
		const data = {

     

       
24
       
+
       
			name: track.name,

     

       
25
       
+
       
			artist: track.artist['#text'],

     

       
26
       
+
       
			image: track.image[2]['#text'] ?? null,

     

       
27
       
+
       
			link: track.url,

     

       
28
       
+
       
			when: Date.now(),

     

       
29
       
+
       
			playing: true

     

       
30
       
+
       
		};

     

       
31
       
+
       
		lastTrack.set(data);

     

       
32
       
+
       
	} catch (why) {

     

       
33
       
+
       
		console.log('could not fetch last fm: ', why);

     

       
34
       
+
       
		lastTrack.update((t) => {

     

       
35
       
+
       
			if (t !== null) {

     

       
36
       
+
       
				t.playing = false;

     

       
37
       
+
       
			}

     

       
38
       
+
       
			return t;

     

       
39
       
+
       
		});

     

       
40
       
+
       
	}

     

       
41
       
+
       
};

     

       
42
       
 
       


     

       
43
       
+
       
export const getNowPlaying = () => {

     

       
44
       
+
       
	return get(lastTrack);

     

       
45
       
+
       
};

     

···

       
1
       
-
       
import { env } from "$env/dynamic/private";

     

       
2
       
-
       
import SGDB from "steamgriddb";

     

       
3
       
-
       
import { get, writable } from "svelte/store";

     

       
4
       
 
       


     

       
5
       
-
       
const STEAM_ID = "76561198106829949"

     

       
6
       
-
       
const GET_PLAYER_SUMMARY_ENDPOINT = `http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=${env.STEAM_API_KEY}&steamids=${STEAM_ID}&format=json`

     

       
7
       
 
       


     

       
8
       
 
       
type LastGame = {

     

       
9
       
-
       
    name: string,

     

       
10
       
-
       
    link: string,

     

       
11
       
-
       
    icon: string,

     

       
12
       
-
       
    pfp: string,

     

       
13
       
-
       
    when: number,

     

       
14
       
-
       
    playing: boolean,

     

       
15
       
-
       
}

     

       
16
       
 
       


     

       
17
       
-
       
const steamgriddbClient = writable<SGDB | null>(null)

     

       
18
       
-
       
const lastGame = writable<LastGame | null>(null)

     

       
19
       
 
       


     

       
20
       
 
       
export const steamUpdateNowPlaying = async () => {

     

       
21
       
-
       
    var griddbClient = get(steamgriddbClient)

     

       
22
       
-
       
    if (griddbClient === null) {

     

       
23
       
-
       
        griddbClient = new SGDB(env.STEAMGRIDDB_API_KEY)

     

       
24
       
-
       
        steamgriddbClient.set(griddbClient)

     

       
25
       
-
       
    }

     

       
26
       
-
       
    try {

     

       
27
       
-
       
        var profile = (await (await fetch(GET_PLAYER_SUMMARY_ENDPOINT)).json()).response.players[0]

     

       
28
       
-
       
        if (!profile.gameid) {

     

       
29
       
-
       
            throw "no game is being played"

     

       
30
       
-
       
        }

     

       
31
       
-
       
        var icons = await griddbClient.getIconsBySteamAppId(profile.gameid, ['official', 'custom'])

     

       
32
       
-
       
        //console.log(icons)

     

       
33
       
-
       
        var game: LastGame = {

     

       
34
       
-
       
            name: profile.gameextrainfo,

     

       
35
       
-
       
            link: `https://store.steampowered.com/app/${profile.gameid}`,

     

       
36
       
-
       
            icon: icons[0].thumb.toString(),

     

       
37
       
-
       
            pfp: profile.avatarmedium,

     

       
38
       
-
       
            when: Date.now(),

     

       
39
       
-
       
            playing: true,

     

       
40
       
-
       
        }

     

       
41
       
-
       
        lastGame.set(game)

     

       
42
       
-
       
    } catch(why) {

     

       
43
       
-
       
        console.log("could not fetch steam: ", why)

     

       
44
       
-
       
        lastGame.update((t) => { if (t !== null) { t.playing = false; } return t })

     

       
45
       
-
       
    }

     

       
46
       
-
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
47
       
 
       


     

       
48
       
-
       
export const getLastGame = () => { return get(lastGame) }
     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
import { env } from '$env/dynamic/private';

     

       
2
       
+
       
import SGDB from 'steamgriddb';

     

       
3
       
+
       
import { get, writable } from 'svelte/store';

     

       
4
       
 
       


     

       
5
       
+
       
const STEAM_ID = '76561198106829949';

     

       
6
       
+
       
const GET_PLAYER_SUMMARY_ENDPOINT = `http://api.steampowered.com/ISteamUser/GetPlayerSummaries/v0002/?key=${env.STEAM_API_KEY}&steamids=${STEAM_ID}&format=json`;

     

       
7
       
 
       


     

       
8
       
 
       
type LastGame = {

     

       
9
       
+
       
	name: string;

     

       
10
       
+
       
	link: string;

     

       
11
       
+
       
	icon: string;

     

       
12
       
+
       
	pfp: string;

     

       
13
       
+
       
	when: number;

     

       
14
       
+
       
	playing: boolean;

     

       
15
       
+
       
};

     

       
16
       
 
       


     

       
17
       
+
       
const steamgriddbClient = writable<SGDB | null>(null);

     

       
18
       
+
       
const lastGame = writable<LastGame | null>(null);

     

       
19
       
 
       


     

       
20
       
 
       
export const steamUpdateNowPlaying = async () => {

     

       
21
       
+
       
	let griddbClient = get(steamgriddbClient);

     

       
22
       
+
       
	if (griddbClient === null) {

     

       
23
       
+
       
		griddbClient = new SGDB(env.STEAMGRIDDB_API_KEY);

     

       
24
       
+
       
		steamgriddbClient.set(griddbClient);

     

       
25
       
+
       
	}

     

       
26
       
+
       
	try {

     

       
27
       
+
       
		const profile = (await (await fetch(GET_PLAYER_SUMMARY_ENDPOINT)).json()).response.players[0];

     

       
28
       
+
       
		if (!profile.gameid) {

     

       
29
       
+
       
			throw 'no game is being played';

     

       
30
       
+
       
		}

     

       
31
       
+
       
		const icons = await griddbClient.getIconsBySteamAppId(profile.gameid, ['official', 'custom']);

     

       
32
       
+
       
		//console.log(icons)

     

       
33
       
+
       
		const game: LastGame = {

     

       
34
       
+
       
			name: profile.gameextrainfo,

     

       
35
       
+
       
			link: `https://store.steampowered.com/app/${profile.gameid}`,

     

       
36
       
+
       
			icon: icons[0].thumb.toString(),

     

       
37
       
+
       
			pfp: profile.avatarmedium,

     

       
38
       
+
       
			when: Date.now(),

     

       
39
       
+
       
			playing: true

     

       
40
       
+
       
		};

     

       
41
       
+
       
		lastGame.set(game);

     

       
42
       
+
       
	} catch (why) {

     

       
43
       
+
       
		console.log('could not fetch steam: ', why);

     

       
44
       
+
       
		lastGame.update((t) => {

     

       
45
       
+
       
			if (t !== null) {

     

       
46
       
+
       
				t.playing = false;

     

       
47
       
+
       
			}

     

       
48
       
+
       
			return t;

     

       
49
       
+
       
		});

     

       
50
       
+
       
	}

     

       
51
       
+
       
};

     

       
52
       
 
       


     

       
53
       
+
       
export const getLastGame = () => {

     

       
54
       
+
       
	return get(lastGame);

     

       
55
       
+
       
};

     

···

       
1
       
-
       
import { env } from "$env/dynamic/private";

     

       
2
       
-
       
import { scopeCookies } from "$lib";

     

       
3
       
-
       
import type { Cookies } from "@sveltejs/kit";

     

       
4
       
-
       
import { existsSync, readFileSync, writeFileSync } from "fs";

     

       
5
       
-
       
import { nanoid } from "nanoid";

     

       
6
       
-
       
import { get, writable } from "svelte/store";

     

       
7
       
 
       


     

       
8
       
-
       
const visitCountFile = `${env.WEBSITE_DATA_DIR}/visitcount`

     

       
9
       
-
       
const visitCount = writable(parseInt(existsSync(visitCountFile) ? readFileSync(visitCountFile).toString() : '0'))

     

       
0
       
 
       

     

       
0
       
 
       

     

       
10
       
 
       


     

       
11
       
-
       
type Visitor = { visits: number[] }

     

       
12
       
-
       
const lastVisitors = writable<Map<string, Visitor>>(new Map())

     

       
13
       
-
       
const VISITOR_EXPIRY_SECONDS = 60 * 60 // an hour seems reasonable

     

       
14
       
 
       


     

       
15
       
 
       
export const incrementVisitCount = (request: Request, cookies: Cookies) => {

     

       
16
       
-
       
    let currentVisitCount = get(visitCount)

     

       
17
       
-
       
    // check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots)

     

       
18
       
-
       
    if (isBot(request)) { return currentVisitCount }

     

       
19
       
-
       
    const scopedCookies = scopeCookies(cookies, '/')

     

       
20
       
-
       
    // parse the last visit timestamp from cookies if it exists

     

       
21
       
-
       
    const visitedTimestamp = parseInt(scopedCookies.get('visitedTimestamp') || "0")

     

       
22
       
-
       
    // get unix timestamp

     

       
23
       
-
       
    const currentTime = Date.now()

     

       
24
       
-
       
    const timeSinceVisit = currentTime - visitedTimestamp

     

       
25
       
-
       
    // check if this is the first time a client is visiting or if an hour has passed since they last visited

     

       
26
       
-
       
    if (visitedTimestamp === 0 || timeSinceVisit > 1000 * 60 * 60 * 24) {

     

       
27
       
-
       
        // increment current and write to the store

     

       
28
       
-
       
        currentVisitCount += 1; visitCount.set(currentVisitCount)

     

       
29
       
-
       
        // update the cookie with the current timestamp

     

       
30
       
-
       
        scopedCookies.set('visitedTimestamp', currentTime.toString())

     

       
31
       
-
       
        // write the visit count to a file so we can load it later again

     

       
32
       
-
       
        writeFileSync(visitCountFile, currentVisitCount.toString())

     

       
33
       
-
       
    }

     

       
34
       
-
       
    return currentVisitCount

     

       
35
       
-
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
36
       
 
       


     

       
37
       
 
       
export const addLastVisitor = (request: Request, cookies: Cookies) => {

     

       
38
       
-
       
    let visitors = get(lastVisitors)

     

       
39
       
-
       
    visitors = _addLastVisitor(visitors, request, cookies)

     

       
40
       
-
       
    lastVisitors.set(visitors)

     

       
41
       
-
       
    return visitors

     

       
42
       
-
       
}

     

       
43
       
 
       


     

       
44
       
 
       
export const getVisitorId = (cookies: Cookies) => {

     

       
45
       
-
       
    const scopedCookies = scopeCookies(cookies, '/')

     

       
46
       
-
       
    // parse the last visit timestamp from cookies if it exists

     

       
47
       
-
       
    return scopedCookies.get('visitorId')

     

       
48
       
-
       
}

     

       
49
       
 
       


     

       
50
       
 
       
// why not use this for incrementVisitCount? cuz i wanna have separate visit counts (one per hour and one per day, per hour being recent visitors)

     

       
51
       
 
       
const _addLastVisitor = (visitors: Map<string, Visitor>, request: Request, cookies: Cookies) => {

     

       
52
       
-
       
    const currentTime = Date.now()

     

       
53
       
-
       
    // filter out old entries

     

       
54
       
-
       
    visitors.forEach((visitor, id, map) => {

     

       
55
       
-
       
        if (currentTime - visitor.visits[0] > 1000 * VISITOR_EXPIRY_SECONDS)

     

       
56
       
-
       
            map.delete(id)

     

       
57
       
-
       
        else {

     

       
58
       
-
       
            visitor.visits = visitor.visits.filter((since) => {

     

       
59
       
-
       
                return currentTime - since < 1000 * VISITOR_EXPIRY_SECONDS

     

       
60
       
-
       
            })

     

       
61
       
-
       
            map.set(id, visitor)

     

       
62
       
-
       
        }

     

       
63
       
-
       
    })

     

       
64
       
-
       
    // check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots)

     

       
65
       
-
       
    if (isBot(request)) { return visitors }

     

       
66
       
-
       
    const scopedCookies = scopeCookies(cookies, '/')

     

       
67
       
-
       
    // parse the last visit timestamp from cookies if it exists

     

       
68
       
-
       
    let visitorId = scopedCookies.get('visitorId') || ""

     

       
69
       
-
       
    // if no such id exists, create one and assign it to the client

     

       
70
       
-
       
    if (! visitors.has(visitorId)) {

     

       
71
       
-
       
        visitorId = nanoid()

     

       
72
       
-
       
        scopedCookies.set('visitorId', visitorId)

     

       
73
       
-
       
        console.log(`new client visitor id ${visitorId}`)

     

       
74
       
-
       
    }

     

       
75
       
-
       
    // update the entry

     

       
76
       
-
       
    let visitorEntry = visitors.get(visitorId) || {visits: []}

     

       
77
       
-
       
    // put new visit in the front

     

       
78
       
-
       
    visitorEntry.visits = [currentTime].concat(visitorEntry.visits)

     

       
79
       
-
       
    visitors.set(visitorId, visitorEntry);

     

       
80
       
-
       
    return visitors

     

       
81
       
-
       
}

     

       
0
       
 
       

     

       
82
       
 
       


     

       
83
       
 
       
const isBot = (request: Request) => {

     

       
84
       
-
       
    const ua = request.headers.get('user-agent')

     

       
85
       
-
       
    return ua ? ua.toLowerCase().match(/(bot|crawl|spider|walk|fetch|scrap|proxy|image)/) !== null : true

     

       
86
       
-
       
}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
87
       
 
       


     

       
88
       
 
       
export const notifyDarkVisitors = (url: URL, request: Request) => {

     

       
89
       
-
       
    fetch('https://api.darkvisitors.com/visits', {

     

       
90
       
-
       
        method: 'POST',

     

       
91
       
-
       
        headers: {

     

       
92
       
-
       
            authorization: `Bearer ${env.DARK_VISITORS_TOKEN}`,

     

       
93
       
-
       
            'content-type': 'application/json',

     

       
94
       
-
       
        },

     

       
95
       
-
       
        body: JSON.stringify({

     

       
96
       
-
       
            request_path: url.pathname,

     

       
97
       
-
       
            request_method: request.method,

     

       
98
       
-
       
            request_headers: request.headers,

     

       
99
       
-
       
        })

     

       
100
       
-
       
    }).catch((why) => {

     

       
101
       
-
       
        console.log("failed sending dark visitors analytics:", why)

     

       
102
       
-
       
        return null

     

       
103
       
-
       
    }).then(async (resp) => {

     

       
104
       
-
       
        if (resp !== null) {

     

       
105
       
-
       
            const msg = await resp.json()

     

       
106
       
-
       
            const host = `(${request.headers.get('host')} ${request.headers.get('x-real-ip')})`

     

       
107
       
-
       
            console.log(`sent visitor analytic to dark visitors: ${resp.statusText}; ${msg.message ?? ''}${host}`)

     

       
108
       
-
       
        }

     

       
109
       
-
       
    })

     

       
110
       
-
       
}
     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
import { env } from '$env/dynamic/private';

     

       
2
       
+
       
import { scopeCookies } from '$lib';

     

       
3
       
+
       
import type { Cookies } from '@sveltejs/kit';

     

       
4
       
+
       
import { existsSync, readFileSync, writeFileSync } from 'fs';

     

       
5
       
+
       
import { nanoid } from 'nanoid';

     

       
6
       
+
       
import { get, writable } from 'svelte/store';

     

       
7
       
 
       


     

       
8
       
+
       
const visitCountFile = `${env.WEBSITE_DATA_DIR}/visitcount`;

     

       
9
       
+
       
const visitCount = writable(

     

       
10
       
+
       
	parseInt(existsSync(visitCountFile) ? readFileSync(visitCountFile).toString() : '0')

     

       
11
       
+
       
);

     

       
12
       
 
       


     

       
13
       
+
       
type Visitor = { visits: number[] };

     

       
14
       
+
       
const lastVisitors = writable<Map<string, Visitor>>(new Map());

     

       
15
       
+
       
const VISITOR_EXPIRY_SECONDS = 60 * 60; // an hour seems reasonable

     

       
16
       
 
       


     

       
17
       
 
       
export const incrementVisitCount = (request: Request, cookies: Cookies) => {

     

       
18
       
+
       
	let currentVisitCount = get(visitCount);

     

       
19
       
+
       
	// check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots)

     

       
20
       
+
       
	if (isBot(request)) {

     

       
21
       
+
       
		return currentVisitCount;

     

       
22
       
+
       
	}

     

       
23
       
+
       
	const scopedCookies = scopeCookies(cookies, '/');

     

       
24
       
+
       
	// parse the last visit timestamp from cookies if it exists

     

       
25
       
+
       
	const visitedTimestamp = parseInt(scopedCookies.get('visitedTimestamp') || '0');

     

       
26
       
+
       
	// get unix timestamp

     

       
27
       
+
       
	const currentTime = Date.now();

     

       
28
       
+
       
	const timeSinceVisit = currentTime - visitedTimestamp;

     

       
29
       
+
       
	// check if this is the first time a client is visiting or if an hour has passed since they last visited

     

       
30
       
+
       
	if (visitedTimestamp === 0 || timeSinceVisit > 1000 * 60 * 60 * 24) {

     

       
31
       
+
       
		// increment current and write to the store

     

       
32
       
+
       
		currentVisitCount += 1;

     

       
33
       
+
       
		visitCount.set(currentVisitCount);

     

       
34
       
+
       
		// update the cookie with the current timestamp

     

       
35
       
+
       
		scopedCookies.set('visitedTimestamp', currentTime.toString());

     

       
36
       
+
       
		// write the visit count to a file so we can load it later again

     

       
37
       
+
       
		writeFileSync(visitCountFile, currentVisitCount.toString());

     

       
38
       
+
       
	}

     

       
39
       
+
       
	return currentVisitCount;

     

       
40
       
+
       
};

     

       
41
       
 
       


     

       
42
       
 
       
export const addLastVisitor = (request: Request, cookies: Cookies) => {

     

       
43
       
+
       
	let visitors = get(lastVisitors);

     

       
44
       
+
       
	visitors = _addLastVisitor(visitors, request, cookies);

     

       
45
       
+
       
	lastVisitors.set(visitors);

     

       
46
       
+
       
	return visitors;

     

       
47
       
+
       
};

     

       
48
       
 
       


     

       
49
       
 
       
export const getVisitorId = (cookies: Cookies) => {

     

       
50
       
+
       
	const scopedCookies = scopeCookies(cookies, '/');

     

       
51
       
+
       
	// parse the last visit timestamp from cookies if it exists

     

       
52
       
+
       
	return scopedCookies.get('visitorId');

     

       
53
       
+
       
};

     

       
54
       
 
       


     

       
55
       
 
       
// why not use this for incrementVisitCount? cuz i wanna have separate visit counts (one per hour and one per day, per hour being recent visitors)

     

       
56
       
 
       
const _addLastVisitor = (visitors: Map<string, Visitor>, request: Request, cookies: Cookies) => {

     

       
57
       
+
       
	const currentTime = Date.now();

     

       
58
       
+
       
	// filter out old entries

     

       
59
       
+
       
	visitors.forEach((visitor, id, map) => {

     

       
60
       
+
       
		if (currentTime - visitor.visits[0] > 1000 * VISITOR_EXPIRY_SECONDS) map.delete(id);

     

       
61
       
+
       
		else {

     

       
62
       
+
       
			visitor.visits = visitor.visits.filter((since) => {

     

       
63
       
+
       
				return currentTime - since < 1000 * VISITOR_EXPIRY_SECONDS;

     

       
64
       
+
       
			});

     

       
65
       
+
       
			map.set(id, visitor);

     

       
66
       
+
       
		}

     

       
67
       
+
       
	});

     

       
68
       
+
       
	// check whether the request is from a bot or not (this doesnt need to be accurate we just want to filter out honest bots)

     

       
69
       
+
       
	if (isBot(request)) {

     

       
70
       
+
       
		return visitors;

     

       
71
       
+
       
	}

     

       
72
       
+
       
	const scopedCookies = scopeCookies(cookies, '/');

     

       
73
       
+
       
	// parse the last visit timestamp from cookies if it exists

     

       
74
       
+
       
	let visitorId = scopedCookies.get('visitorId') || '';

     

       
75
       
+
       
	// if no such id exists, create one and assign it to the client

     

       
76
       
+
       
	if (!visitors.has(visitorId)) {

     

       
77
       
+
       
		visitorId = nanoid();

     

       
78
       
+
       
		scopedCookies.set('visitorId', visitorId);

     

       
79
       
+
       
		console.log(`new client visitor id ${visitorId}`);

     

       
80
       
+
       
	}

     

       
81
       
+
       
	// update the entry

     

       
82
       
+
       
	const visitorEntry = visitors.get(visitorId) || { visits: [] };

     

       
83
       
+
       
	// put new visit in the front

     

       
84
       
+
       
	visitorEntry.visits = [currentTime].concat(visitorEntry.visits);

     

       
85
       
+
       
	visitors.set(visitorId, visitorEntry);

     

       
86
       
+
       
	return visitors;

     

       
87
       
+
       
};

     

       
88
       
 
       


     

       
89
       
 
       
const isBot = (request: Request) => {

     

       
90
       
+
       
	const ua = request.headers.get('user-agent');

     

       
91
       
+
       
	return ua

     

       
92
       
+
       
		? ua.toLowerCase().match(/(bot|crawl|spider|walk|fetch|scrap|proxy|image)/) !== null

     

       
93
       
+
       
		: true;

     

       
94
       
+
       
};

     

       
95
       
 
       


     

       
96
       
 
       
export const notifyDarkVisitors = (url: URL, request: Request) => {

     

       
97
       
+
       
	fetch('https://api.darkvisitors.com/visits', {

     

       
98
       
+
       
		method: 'POST',

     

       
99
       
+
       
		headers: {

     

       
100
       
+
       
			authorization: `Bearer ${env.DARK_VISITORS_TOKEN}`,

     

       
101
       
+
       
			'content-type': 'application/json'

     

       
102
       
+
       
		},

     

       
103
       
+
       
		body: JSON.stringify({

     

       
104
       
+
       
			request_path: url.pathname,

     

       
105
       
+
       
			request_method: request.method,

     

       
106
       
+
       
			request_headers: request.headers

     

       
107
       
+
       
		})

     

       
108
       
+
       
	})

     

       
109
       
+
       
		.catch((why) => {

     

       
110
       
+
       
			console.log('failed sending dark visitors analytics:', why);

     

       
111
       
+
       
			return null;

     

       
112
       
+
       
		})

     

       
113
       
+
       
		.then(async (resp) => {

     

       
114
       
+
       
			if (resp !== null) {

     

       
115
       
+
       
				const msg = await resp.json();

     

       
116
       
+
       
				const host = `(${request.headers.get('host')} ${request.headers.get('x-real-ip')})`;

     

       
117
       
+
       
				console.log(

     

       
118
       
+
       
					`sent visitor analytic to dark visitors: ${resp.statusText}; ${msg.message ?? ''}${host}`

     

       
119
       
+
       
				);

     

       
120
       
+
       
			}

     

       
121
       
+
       
		});

     

       
122
       
+
       
};

     

···

       
1
       
-
       
import { writable } from "svelte/store";

     

       
0
       
 
       

     

       
2
       
 
       


     

       
3
       
-
       
export const highestZIndex = writable(0)

     

       
4
       
 
       


     

       
5
       
 
       
export const isMobile = () => {

     

       
6
       
-
       
    let check = false;

     

       
7
       
-
       
    (function (a) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true; })(navigator.userAgent || navigator.vendor);

     

       
8
       
-
       
    return check;

     

       
9
       
-
       
}
     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

···

       
1
       
+
       
/* eslint-disable no-useless-escape */

     

       
2
       
+
       
import { writable } from 'svelte/store';

     

       
3
       
 
       


     

       
4
       
+
       
export const highestZIndex = writable(0);

     

       
5
       
 
       


     

       
6
       
 
       
export const isMobile = () => {

     

       
7
       
+
       
	let check = false;

     

       
8
       
+
       
	(function (a) {

     

       
9
       
+
       
		if (

     

       
10
       
+
       
			/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(

     

       
11
       
+
       
				a

     

       
12
       
+
       
			) ||

     

       
13
       
+
       
			/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(

     

       
14
       
+
       
				a.slice(0, 4)

     

       
15
       
+
       
			)

     

       
16
       
+
       
		)

     

       
17
       
+
       
			check = true;

     

       
18
       
+
       
	})(navigator.userAgent || navigator.vendor);

     

       
19
       
+
       
	return check;

     

       
20
       
+
       
};

     

···

       
5
       
 
       
export const csr = true;

     

       
6
       
 
       
export const ssr = true;

     

       
7
       
 
       
export const prerender = false;

     

       
8
       
-
       
export const trailingSlash = 'always'; 

     

       
9
       
 
       


     

       
10
       
 
       
export async function load({ request, cookies, url }) {

     

       
11
       
-
       
    notifyDarkVisitors(url, request) // no await so it doesnt block load

     

       
12
       
 
       


     

       
13
       
-
       
    // block any requests if the user agent is disallowed by our robots txt

     

       
14
       
-
       
    if (await testUa(url.toString(), request.headers.get('user-agent') ?? "") === false) {

     

       
15
       
-
       
        throw error(403, "get a better user agent silly")

     

       
16
       
-
       
    }

     

       
17
       
 
       


     

       
18
       
-
       
    const lastVisitors = addLastVisitor(request, cookies)

     

       
19
       
-
       
    let recentVisitCount = 0

     

       
20
       
-
       
    for (const [_, visitor] of lastVisitors) {

     

       
21
       
-
       
        recentVisitCount += visitor.visits.length

     

       
22
       
-
       
    }

     

       
23
       
 
       


     

       
24
       
-
       
    return {

     

       
25
       
-
       
        route: url.pathname,

     

       
26
       
-
       
        visitCount: incrementVisitCount(request, cookies),

     

       
27
       
-
       
        lastVisitors,

     

       
28
       
-
       
        recentVisitCount,

     

       
29
       
-
       
    }

     

       
30
       
 
       
}

     

···

       
5
       
 
       
export const csr = true;

     

       
6
       
 
       
export const ssr = true;

     

       
7
       
 
       
export const prerender = false;

     

       
8
       
+
       
export const trailingSlash = 'always';

     

       
9
       
 
       


     

       
10
       
 
       
export async function load({ request, cookies, url }) {

     

       
11
       
+
       
	notifyDarkVisitors(url, request); // no await so it doesnt block load

     

       
12
       
 
       


     

       
13
       
+
       
	// block any requests if the user agent is disallowed by our robots txt

     

       
14
       
+
       
	if ((await testUa(url.toString(), request.headers.get('user-agent') ?? '')) === false) {

     

       
15
       
+
       
		throw error(403, 'get a better user agent silly');

     

       
16
       
+
       
	}

     

       
17
       
 
       


     

       
18
       
+
       
	const lastVisitors = addLastVisitor(request, cookies);

     

       
19
       
+
       
	let recentVisitCount = 0;

     

       
20
       
+
       
	for (const [, visitor] of lastVisitors) {

     

       
21
       
+
       
		recentVisitCount += visitor.visits.length;

     

       
22
       
+
       
	}

     

       
23
       
 
       


     

       
24
       
+
       
	return {

     

       
25
       
+
       
		route: url.pathname,

     

       
26
       
+
       
		visitCount: incrementVisitCount(request, cookies),

     

       
27
       
+
       
		lastVisitors,

     

       
28
       
+
       
		recentVisitCount

     

       
29
       
+
       
	};

     

       
30
       
 
       
}

     

···

       
5
       
 
       
	import '../styles/app.css';

     

       
6
       
 
       


     

       
7
       
 
       
	interface Props {

     

       
0
       
 
       

     

       
8
       
 
       
		data: any;

     

       
9
       
 
       
		children?: import('svelte').Snippet;

     

       
10
       
 
       
	}

     
···

       
73
       
 
       
			<filter id="squiggly-{index}">

     

       
74
       
 
       
				<feTurbulence

     

       
75
       
 
       
					id="turbulence"

     

       
76
       
-
       
					baseFrequency=0.03

     

       
77
       
 
       
					numOctaves="3"

     

       
78
       
 
       
					result="noise"

     

       
79
       
 
       
					seed={index}

     
···

       
134
       
 
       
	</defs>

     

       
135
       
 
       
</svg>

     

       
136
       
 
       


     

       
137
       
-
       
<div class="md:h-[96vh] pb-[8vh] lg:px-[1vw] 2xl:px-[2vw] lg:pb-[3vh] lg:pt-[1vh] overflow-x-hidden [scrollbar-gutter:stable]">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
138
       
 
       
	{@render children?.()}

     

       
139
       
 
       
</div>

     

       
140
       
 
       


     
···

       
152
       
 
       
				{@const highlight = isRoute(item.href)}

     

       
153
       
 
       
				<NavButton {highlight} {...item} />

     

       
154
       
 
       
				{#if doAddPostItem && menuIdx == 1}

     

       
155
       
-
       
					<NavButton highlight name={routeComponents[2]} href={data.route.slice(1)} iconUri='/icons/entry.webp'/>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
156
       
 
       
				{/if}

     

       
157
       
 
       
			{/each}

     

       
158
       
 
       
			<div class="hidden md:block grow"></div>

     
···

       
163
       
 
       
			</div>

     

       
164
       
 
       
			<Tooltip>

     

       
165
       
 
       
				{#snippet tooltipContent()}

     

       
166
       
-
       
							

     

       
167
       
-
       
						<p class="font-monospace">

     

       
168
       
-
       
							<nobr>total visits = <span class="text-ralsei-green-light text-shadow-green">{data.visitCount.toString().padStart(9, ".")}</span></nobr>

     

       
169
       
-
       
							<nobr>uniq recent visits = <span class="text-ralsei-green-light text-shadow-green">{data.lastVisitors.size.toString().padStart(3, ".")}</span></nobr>

     

       
170
       
-
       
						</p>

     

       
171
       
-
       
					

     

       
172
       
-
       
							{/snippet}

     

       
173
       
-
       
				<div class="navbox"><p><span class="text-ralsei-green-light text-shadow-green">{data.recentVisitCount}</span> recent clicks</p></div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
174
       
 
       
			</Tooltip>

     

       
175
       
-
       
			{#if isRoute("entries") || isRoute("log")}

     

       
176
       
-
       
			<div class="navbox !gap-1">

     

       
177
       
-
       
				rss:

     

       
178
       
-
       
				<a class="align-middle hover:underline" href="/entries/_rss">posts</a>

     

       
179
       
-
       
				/

     

       
180
       
-
       
				<a class="align-middle hover:underline" href="/log/_rss">log</a>

     

       
181
       
-
       
			</div>

     

       
182
       
 
       
			{/if}

     

       
183
       
 
       
		</div>

     

       
184
       
 
       
	</div>

     
···

       
189
       
 
       
		@apply flex gap-3 px-1.5 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-4;

     

       
190
       
 
       
		border-style: groove;

     

       
191
       
 
       
	}

     

       
192
       
-
       
</style>
     

···

       
5
       
 
       
	import '../styles/app.css';

     

       
6
       
 
       


     

       
7
       
 
       
	interface Props {

     

       
8
       
+
       
		// eslint-disable-next-line @typescript-eslint/no-explicit-any

     

       
9
       
 
       
		data: any;

     

       
10
       
 
       
		children?: import('svelte').Snippet;

     

       
11
       
 
       
	}

     
···

       
74
       
 
       
			<filter id="squiggly-{index}">

     

       
75
       
 
       
				<feTurbulence

     

       
76
       
 
       
					id="turbulence"

     

       
77
       
+
       
					baseFrequency="0.03"

     

       
78
       
 
       
					numOctaves="3"

     

       
79
       
 
       
					result="noise"

     

       
80
       
 
       
					seed={index}

     
···

       
135
       
 
       
	</defs>

     

       
136
       
 
       
</svg>

     

       
137
       
 
       


     

       
138
       
+
       
<div

     

       
139
       
+
       
	class="md:h-[96vh] pb-[8vh] lg:px-[1vw] 2xl:px-[2vw] lg:pb-[3vh] lg:pt-[1vh] overflow-x-hidden [scrollbar-gutter:stable]"

     

       
140
       
+
       
>

     

       
141
       
 
       
	{@render children?.()}

     

       
142
       
 
       
</div>

     

       
143
       
 
       


     
···

       
155
       
 
       
				{@const highlight = isRoute(item.href)}

     

       
156
       
 
       
				<NavButton {highlight} {...item} />

     

       
157
       
 
       
				{#if doAddPostItem && menuIdx == 1}

     

       
158
       
+
       
					<NavButton

     

       
159
       
+
       
						highlight

     

       
160
       
+
       
						name={routeComponents[2]}

     

       
161
       
+
       
						href={data.route.slice(1)}

     

       
162
       
+
       
						iconUri="/icons/entry.webp"

     

       
163
       
+
       
					/>

     

       
164
       
 
       
				{/if}

     

       
165
       
 
       
			{/each}

     

       
166
       
 
       
			<div class="hidden md:block grow"></div>

     
···

       
171
       
 
       
			</div>

     

       
172
       
 
       
			<Tooltip>

     

       
173
       
 
       
				{#snippet tooltipContent()}

     

       
174
       
+
       
					<p class="font-monospace">

     

       
175
       
+
       
						<nobr

     

       
176
       
+
       
							>total visits = <span class="text-ralsei-green-light text-shadow-green"

     

       
177
       
+
       
								>{data.visitCount.toString().padStart(9, '.')}</span

     

       
178
       
+
       
							></nobr

     

       
179
       
+
       
						>

     

       
180
       
+
       
						<nobr

     

       
181
       
+
       
							>uniq recent visits = <span class="text-ralsei-green-light text-shadow-green"

     

       
182
       
+
       
								>{data.lastVisitors.size.toString().padStart(3, '.')}</span

     

       
183
       
+
       
							></nobr

     

       
184
       
+
       
						>

     

       
185
       
+
       
					</p>

     

       
186
       
+
       
				{/snippet}

     

       
187
       
+
       
				<div class="navbox">

     

       
188
       
+
       
					<p>

     

       
189
       
+
       
						<span class="text-ralsei-green-light text-shadow-green">{data.recentVisitCount}</span> recent

     

       
190
       
+
       
						clicks

     

       
191
       
+
       
					</p>

     

       
192
       
+
       
				</div>

     

       
193
       
 
       
			</Tooltip>

     

       
194
       
+
       
			{#if isRoute('entries') || isRoute('log')}

     

       
195
       
+
       
				<div class="navbox !gap-1">

     

       
196
       
+
       
					rss:

     

       
197
       
+
       
					<a class="align-middle hover:underline" href="/entries/_rss">posts</a>

     

       
198
       
+
       
					/

     

       
199
       
+
       
					<a class="align-middle hover:underline" href="/log/_rss">log</a>

     

       
200
       
+
       
				</div>

     

       
201
       
 
       
			{/if}

     

       
202
       
 
       
		</div>

     

       
203
       
 
       
	</div>

     
···

       
208
       
 
       
		@apply flex gap-3 px-1.5 text-nowrap align-middle items-center text-center place-content-center border-ralsei-white border-4;

     

       
209
       
 
       
		border-style: groove;

     

       
210
       
 
       
	}

     

       
211
       
+
       
</style>

     

···

       
3
       
 
       
	import Note from '../components/note.svelte';

     

       
4
       
 
       
	import Window from '../components/window.svelte';

     

       
5
       
 
       
	import LatestStuff from './lateststuff.md';

     

       
6
       
-
       
	import {renderDate, renderRelativeDate} from '$lib/dateFmt';

     

       
7
       
 
       


     

       
8
       
 
       
	interface Props {

     

       
0
       
 
       

     

       
9
       
 
       
		data: any;

     

       
10
       
 
       
	}

     

       
11
       
 
       


     
···

       
16
       
 
       
	<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto">

     

       
17
       
 
       
		<Window title="readme?" iconUri="/icons/question.webp" removePadding>

     

       
18
       
 
       
			<div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none">

     

       
19
       
-
       
				<div

     

       
20
       
-
       
					class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden"

     

       
21
       
-
       
				>

     

       
22
       
 
       
					{#each data.banners as bannerNo, index}

     

       
23
       
 
       
						{@const hideIfMobile = index === data.banners.length - 1}

     

       
24
       
 
       
						<img

     
···

       
35
       
 
       
					{/each}

     

       
36
       
 
       
				</div>

     

       
37
       
 
       
				<div class="flex flex-grow">

     

       
38
       
-
       
					<div

     

       
39
       
-
       
						class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20"

     

       
40
       
-
       
					>

     

       
41
       
-
       
					<img class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]" src="/pfp-iojkqpwerojnasduijf.webp" alt="my character" title="hi ;)"/>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
42
       
 
       
					</div>

     

       
43
       
 
       
					<div

     

       
44
       
 
       
						class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20"

     
···

       
47
       
 
       
							class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']"

     

       
48
       
 
       
						>

     

       
49
       
 
       
							<li class="[list-style-type:'->'] p-note">trying to do stuff</li>

     

       
50
       
-
       
							<li class="[list-style-type:'->'] p-note">is a thing that exists</li>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
51
       
 
       
							<li class="[list-style-type:'->']">

     

       
52
       
 
       
								<span class="p-category">software engineer</span>,

     

       
53
       
 
       
								<span class="p-category">indie game dev</span>

     
···

       
95
       
 
       
	</div>

     

       
96
       
 
       
	<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end">

     

       
97
       
 
       
		<Window title="links!" iconUri="/icons/contact.webp">

     

       
98
       
-
       
			<div class="prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
99
       
 
       
				<ul>

     

       
100
       
 
       
					<li>discord: yusdacra</li>

     

       
101
       
 
       
					<li>

     
···

       
135
       
 
       
				</ul>

     

       
136
       
 
       
				<h4>88x31</h4>

     

       
137
       
 
       
				<div class="flex flex-row flex-wrap gap-1 prose-img:m-0">

     

       
138
       
-
       
					<img src="/88x31.gif" alt="88x31 banner" title="midnight AND sunrise! woaw"/>

     

       
139
       
-
       
					<img src="/88x31_midnight.gif" alt="88x31 banner (midnight only)" title="it's midnight!"/>

     

       
140
       
-
       
					<img src="/88x31_sunrise.gif" alt="88x31 banner (sunrise only)" title="it's sunrise!"/>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
141
       
 
       
				</div>

     

       
142
       
 
       
			</div>

     

       
143
       
 
       
		</Window>

     

       
144
       
 
       
		<Window title="status" style="mt-auto" removePadding>

     

       
145
       
 
       
			{#if data.lastNote}

     

       
146
       
-
       
			<div class="m-1.5 flex flex-col font-monospace text-sm">

     

       
147
       
-
       
				<p

     

       
148
       
-
       
					class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"

     

       
149
       
-
       
					style="border-style: double double none double;"

     

       
150
       
-
       
					title={renderDate(data.lastNote.published)}

     

       
151
       
-
       
				>

     

       
152
       
-
       
					<a href="/entries">last log was…</a>

     

       
153
       
-
       
					published {renderRelativeDate(data.lastNote.published)}!

     

       
154
       
-
       
				</p>

     

       
155
       
-
       
				<div class="mt-0 p-1.5 border-4 border-double bg-ralsei-black min-w-full max-w-[40ch]">

     

       
156
       
-
       
					<Note note={data.lastNote} onlyContent/>

     

       
0
       
 
       

     

       
157
       
 
       
				</div>

     

       
158
       
-
       
			</div>

     

       
159
       
 
       
			{/if}

     

       
160
       
 
       
			{#if data.lastTrack}

     

       
161
       
-
       
			<div class="flex flex-row gap-0.5 m-1.5 border-4 border-double bg-ralsei-black">

     

       
162
       
-
       
				<!-- svelte-ignore a11y_missing_attribute -->

     

       
163
       
-
       
				{#if data.lastTrack.image}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
164
       
 
       
					<img

     

       
165
       
 
       
						class="border-4 w-[4.5rem] h-[4.5rem]"

     

       
166
       
 
       
						style="border-style: none double none none;"

     

       
167
       
-
       
						src={data.lastTrack.image}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
168
       
 
       
					/>

     

       
169
       
-
       
				{:else}

     

       
170
       
-
       
					<img

     

       
171
       
-
       
						class="border-4 w-[4.5rem] h-[4.5rem] p-2"

     

       
172
       
-
       
						style="border-style: none double none none; image-rendering: pixelated;"

     

       
173
       
-
       
						src="/icons/cd_audio.webp"

     

       
174
       
-
       
					/>

     

       
175
       
-
       
				{/if}

     

       
176
       
-
       
				<div class="flex flex-col max-w-[40ch] p-2">

     

       
177
       
-
       
					<p

     

       
178
       
-
       
						class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
179
       
-
       
					>

     

       
180
       
-
       
						<span class="text-sm text-shadow-white text-ralsei-white">{data.lastTrack.playing ? "listening to" : "listened to"}</span>

     

       
181
       
-
       
						<a

     

       
182
       
-
       
							title={data.lastTrack.name}

     

       
183
       
-
       
							href="https://www.last.fm/user/yusdacra"

     

       
184
       
-
       
							class="hover:underline motion-safe:hover:animate-squiggle">{data.lastTrack.name}</a

     

       
185
       
 
       
						>

     

       
186
       
-
       
					</p>

     

       
187
       
-
       
					<p

     

       
188
       
-
       
						class="text-shadow-pink text-ralsei-pink-regular text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
189
       
-
       
					>

     

       
190
       
-
       
						<span class="text-shadow-white text-ralsei-white">by</span>

     

       
191
       
-
       
						<span title={data.lastTrack.artist}>{data.lastTrack.artist}</span>

     

       
192
       
-
       
					</p>

     

       
193
       
-
       
					<p

     

       
194
       
-
       
						class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
195
       
-
       
					>

     

       
196
       
-
       
						…{renderRelativeDate(data.lastTrack.when)}

     

       
197
       
-
       
					</p>

     

       
198
       
-
       
				</div>

     

       
199
       
-
       
			</div>

     

       
200
       
-
       
			{/if}

     

       
201
       
-
       
			{#if data.lastGame}

     

       
202
       
-
       
			<div class="flex flex-row m-1.5 border-4 border-double bg-ralsei-black">

     

       
203
       
-
       
				<!-- svelte-ignore a11y_missing_attribute -->

     

       
204
       
-
       
				<img

     

       
205
       
-
       
					class="border-4 w-[4.5rem] h-[4.5rem]"

     

       
206
       
-
       
					style="border-style: none double none none;"

     

       
207
       
-
       
					width="64"

     

       
208
       
-
       
					height="64"

     

       
209
       
-
       
					src={data.lastGame.icon}

     

       
210
       
-
       
				/>

     

       
211
       
-
       
				<div class="flex flex-col max-w-[40ch] p-2 gap-0.5 overflow-hidden">

     

       
212
       
-
       
					<p

     

       
213
       
-
       
						class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
214
       
-
       
					>

     

       
215
       
-
       
						<span class="text-sm text-shadow-white text-ralsei-white">{data.lastGame.playing ? "playing" : "played"}</span>

     

       
216
       
-
       
						<a title={data.lastGame.name} class="hover:underline" href={data.lastGame.link}

     

       
217
       
-
       
							>{data.lastGame.name}</a

     

       
218
       
 
       
						>

     

       
219
       
-
       
					</p>

     

       
220
       
-
       
					<p

     

       
221
       
-
       
						class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
222
       
-
       
					>

     

       
223
       
-
       
						…{renderRelativeDate(data.lastGame.when)}

     

       
224
       
-
       
					</p>

     

       
225
       
-
       
					<!-- svelte-ignore a11y_missing_attribute -->

     

       
226
       
-
       
					<a

     

       
227
       
-
       
						href="https://steamcommunity.com/id/yusdacra"

     

       
228
       
-
       
						class="text-xs hover:underline text-shadow-green text-ralsei-green-light"

     

       
229
       
-
       
						><img class="inline w-4" src={data.lastGame.pfp} />

     

       
230
       
-
       
						<span class="align-middle">steam profile</span></a

     

       
231
       
-
       
					>

     

       
232
       
 
       
				</div>

     

       
233
       
-
       
			</div>

     

       
234
       
 
       
			{/if}

     

       
235
       
 
       
		</Window>

     

       
236
       
 
       
	</div>

     

···

       
3
       
 
       
	import Note from '../components/note.svelte';

     

       
4
       
 
       
	import Window from '../components/window.svelte';

     

       
5
       
 
       
	import LatestStuff from './lateststuff.md';

     

       
6
       
+
       
	import { renderDate, renderRelativeDate } from '$lib/dateFmt';

     

       
7
       
 
       


     

       
8
       
 
       
	interface Props {

     

       
9
       
+
       
		// eslint-disable-next-line @typescript-eslint/no-explicit-any

     

       
10
       
 
       
		data: any;

     

       
11
       
 
       
	}

     

       
12
       
 
       


     
···

       
17
       
 
       
	<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto">

     

       
18
       
 
       
		<Window title="readme?" iconUri="/icons/question.webp" removePadding>

     

       
19
       
 
       
			<div class="flex flex-col p-1.5 gap-1.5 prose prose-ralsei prose-img:m-0 leading-none">

     

       
20
       
+
       
				<div class="flex flex-row gap-3 mx-auto bg-ralsei-black/20 overflow-hidden">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
21
       
 
       
					{#each data.banners as bannerNo, index}

     

       
22
       
 
       
						{@const hideIfMobile = index === data.banners.length - 1}

     

       
23
       
 
       
						<img

     
···

       
34
       
 
       
					{/each}

     

       
35
       
 
       
				</div>

     

       
36
       
 
       
				<div class="flex flex-grow">

     

       
37
       
+
       
					<div class="w-36 [padding:8px] place-content-center place-self-center bg-ralsei-black/20">

     

       
38
       
+
       
						<img

     

       
39
       
+
       
							class="w-36 u-photo hover:invert transition-all [transition-duration:300ms]"

     

       
40
       
+
       
							src="/pfp-iojkqpwerojnasduijf.webp"

     

       
41
       
+
       
							alt="my angelsona"

     

       
42
       
+
       
							title="that's me! my angelsona :3c"

     

       
43
       
+
       
						/>

     

       
44
       
 
       
					</div>

     

       
45
       
 
       
					<div

     

       
46
       
 
       
						class="flex flex-row flex-grow place-content-center ml-1.5 [padding:8px] bg-ralsei-black/20"

     
···

       
49
       
 
       
							class="place-self-center m-0 mr-4 [padding-left:1em] sm:[padding-left:0.5em] leading-none marker:[content:'->'] [list-style-type:'->']"

     

       
50
       
 
       
						>

     

       
51
       
 
       
							<li class="[list-style-type:'->'] p-note">trying to do stuff</li>

     

       
52
       
+
       
							<li class="[list-style-type:'->'] p-note" title="angelrobotdollpuppything">

     

       
53
       
+
       
								is a thing (it/they)

     

       
54
       
+
       
							</li>

     

       
55
       
 
       
							<li class="[list-style-type:'->']">

     

       
56
       
 
       
								<span class="p-category">software engineer</span>,

     

       
57
       
 
       
								<span class="p-category">indie game dev</span>

     
···

       
99
       
 
       
	</div>

     

       
100
       
 
       
	<div class="flex flex-col gap-y-2 lg:gap-y-0 mx-auto w-full md:w-fit place-items-end">

     

       
101
       
 
       
		<Window title="links!" iconUri="/icons/contact.webp">

     

       
102
       
+
       
			<div

     

       
103
       
+
       
				class="prose prose-ralsei prose-ul:px-[0.9rem] prose-ul:leading-[1.1rem] prose-headings:leading-none"

     

       
104
       
+
       
			>

     

       
105
       
 
       
				<ul>

     

       
106
       
 
       
					<li>discord: yusdacra</li>

     

       
107
       
 
       
					<li>

     
···

       
141
       
 
       
				</ul>

     

       
142
       
 
       
				<h4>88x31</h4>

     

       
143
       
 
       
				<div class="flex flex-row flex-wrap gap-1 prose-img:m-0">

     

       
144
       
+
       
					<img src="/88x31.gif" alt="88x31 banner" title="midnight AND sunrise! woaw" />

     

       
145
       
+
       
					<img

     

       
146
       
+
       
						src="/88x31_midnight.gif"

     

       
147
       
+
       
						alt="88x31 banner (midnight only)"

     

       
148
       
+
       
						title="it's midnight!"

     

       
149
       
+
       
					/>

     

       
150
       
+
       
					<img src="/88x31_sunrise.gif" alt="88x31 banner (sunrise only)" title="it's sunrise!" />

     

       
151
       
 
       
				</div>

     

       
152
       
 
       
			</div>

     

       
153
       
 
       
		</Window>

     

       
154
       
 
       
		<Window title="status" style="mt-auto" removePadding>

     

       
155
       
 
       
			{#if data.lastNote}

     

       
156
       
+
       
				<div class="m-1.5 flex flex-col font-monospace text-sm">

     

       
157
       
+
       
					<p

     

       
158
       
+
       
						class="prose prose-ralsei p-1 border-4 text-sm bg-ralsei-black"

     

       
159
       
+
       
						style="border-style: double double none double;"

     

       
160
       
+
       
						title={renderDate(data.lastNote.published)}

     

       
161
       
+
       
					>

     

       
162
       
+
       
						<a href="/entries">last log was…</a>

     

       
163
       
+
       
						published {renderRelativeDate(data.lastNote.published)}!

     

       
164
       
+
       
					</p>

     

       
165
       
+
       
					<div class="mt-0 p-1.5 border-4 border-double bg-ralsei-black min-w-full max-w-[40ch]">

     

       
166
       
+
       
						<Note note={data.lastNote} onlyContent />

     

       
167
       
+
       
					</div>

     

       
168
       
 
       
				</div>

     

       
0
       
 
       

     

       
169
       
 
       
			{/if}

     

       
170
       
 
       
			{#if data.lastTrack}

     

       
171
       
+
       
				<div class="flex flex-row gap-0.5 m-1.5 border-4 border-double bg-ralsei-black">

     

       
172
       
+
       
					<!-- svelte-ignore a11y_missing_attribute -->

     

       
173
       
+
       
					{#if data.lastTrack.image}

     

       
174
       
+
       
						<img

     

       
175
       
+
       
							class="border-4 w-[4.5rem] h-[4.5rem]"

     

       
176
       
+
       
							style="border-style: none double none none;"

     

       
177
       
+
       
							src={data.lastTrack.image}

     

       
178
       
+
       
						/>

     

       
179
       
+
       
					{:else}

     

       
180
       
+
       
						<img

     

       
181
       
+
       
							class="border-4 w-[4.5rem] h-[4.5rem] p-2"

     

       
182
       
+
       
							style="border-style: none double none none; image-rendering: pixelated;"

     

       
183
       
+
       
							src="/icons/cd_audio.webp"

     

       
184
       
+
       
						/>

     

       
185
       
+
       
					{/if}

     

       
186
       
+
       
					<div class="flex flex-col max-w-[40ch] p-2">

     

       
187
       
+
       
						<p

     

       
188
       
+
       
							class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
189
       
+
       
						>

     

       
190
       
+
       
							<span class="text-sm text-shadow-white text-ralsei-white"

     

       
191
       
+
       
								>{data.lastTrack.playing ? 'listening to' : 'listened to'}</span

     

       
192
       
+
       
							>

     

       
193
       
+
       
							<a

     

       
194
       
+
       
								title={data.lastTrack.name}

     

       
195
       
+
       
								href="https://www.last.fm/user/yusdacra"

     

       
196
       
+
       
								class="hover:underline motion-safe:hover:animate-squiggle">{data.lastTrack.name}</a

     

       
197
       
+
       
							>

     

       
198
       
+
       
						</p>

     

       
199
       
+
       
						<p

     

       
200
       
+
       
							class="text-shadow-pink text-ralsei-pink-regular text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
201
       
+
       
						>

     

       
202
       
+
       
							<span class="text-shadow-white text-ralsei-white">by</span>

     

       
203
       
+
       
							<span title={data.lastTrack.artist}>{data.lastTrack.artist}</span>

     

       
204
       
+
       
						</p>

     

       
205
       
+
       
						<p

     

       
206
       
+
       
							class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
207
       
+
       
						>

     

       
208
       
+
       
							…{renderRelativeDate(data.lastTrack.when)}

     

       
209
       
+
       
						</p>

     

       
210
       
+
       
					</div>

     

       
211
       
+
       
				</div>

     

       
212
       
+
       
			{/if}

     

       
213
       
+
       
			{#if data.lastGame}

     

       
214
       
+
       
				<div class="flex flex-row m-1.5 border-4 border-double bg-ralsei-black">

     

       
215
       
+
       
					<!-- svelte-ignore a11y_missing_attribute -->

     

       
216
       
 
       
					<img

     

       
217
       
 
       
						class="border-4 w-[4.5rem] h-[4.5rem]"

     

       
218
       
 
       
						style="border-style: none double none none;"

     

       
219
       
+
       
						width="64"

     

       
220
       
+
       
						height="64"

     

       
221
       
+
       
						src={data.lastGame.icon}

     

       
222
       
 
       
					/>

     

       
223
       
+
       
					<div class="flex flex-col max-w-[40ch] p-2 gap-0.5 overflow-hidden">

     

       
224
       
+
       
						<p

     

       
225
       
+
       
							class="text-shadow-green text-ralsei-green-light text-sm text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
226
       
 
       
						>

     

       
227
       
+
       
							<span class="text-sm text-shadow-white text-ralsei-white"

     

       
228
       
+
       
								>{data.lastGame.playing ? 'playing' : 'played'}</span

     

       
229
       
+
       
							>

     

       
230
       
+
       
							<a title={data.lastGame.name} class="hover:underline" href={data.lastGame.link}

     

       
231
       
+
       
								>{data.lastGame.name}</a

     

       
232
       
+
       
							>

     

       
233
       
+
       
						</p>

     

       
234
       
+
       
						<p

     

       
235
       
+
       
							class="text-shadow-white text-ralsei-white text-xs text-ellipsis text-nowrap overflow-hidden max-w-[30ch]"

     

       
236
       
+
       
						>

     

       
237
       
+
       
							…{renderRelativeDate(data.lastGame.when)}

     

       
238
       
+
       
						</p>

     

       
239
       
+
       
						<!-- svelte-ignore a11y_missing_attribute -->

     

       
240
       
+
       
						<a

     

       
241
       
+
       
							href="https://steamcommunity.com/id/yusdacra"

     

       
242
       
+
       
							class="text-xs hover:underline text-shadow-green text-ralsei-green-light"

     

       
243
       
+
       
							><img class="inline w-4" src={data.lastGame.pfp} />

     

       
244
       
+
       
							<span class="align-middle">steam profile</span></a

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
245
       
 
       
						>

     

       
246
       
+
       
					</div>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
247
       
 
       
				</div>

     

       
0
       
 
       

     

       
248
       
 
       
			{/if}

     

       
249
       
 
       
		</Window>

     

       
250
       
 
       
	</div>