feat: add new blinkies, make getting the same blinkie more rare

src/routes/+layout.svelte

@@ -171,8 +171,8 @@
 			<Tooltip>
 				<svelte:fragment slot="tooltipContent">
 					<p class="font-monospace">
-						<nobr>total visits = <span class="text-ralsei-green-light text-shadow-green">{data.visitCount.toString().padStart(9, "0")}</span></nobr>
-						<nobr>uniq recent visits = <span class="text-ralsei-green-light text-shadow-green">{data.lastVisitors.size.toString().padStart(3, "0")}</span></nobr>
+						<nobr>total visits = <span class="text-ralsei-green-light text-shadow-green">{data.visitCount.toString().padStart(9, ".")}</span></nobr>
+						<nobr>uniq recent visits = <span class="text-ralsei-green-light text-shadow-green">{data.lastVisitors.size.toString().padStart(3, ".")}</span></nobr>
 					</p>
 				</svelte:fragment>
 				<div class="navbox"><p><span class="text-ralsei-green-light text-shadow-green">{recentVisitCount}</span> recent clicks</p></div>

src/routes/+page.server.ts

@@ -4,10 +4,18 @@ import { steamGetNowPlaying } from "$lib/steam"
 export const load = async ({}) => {
     const lastTrack = await lastFmGetNowPlaying()
     const lastGame = await steamGetNowPlaying()
-    const banners = [getBannerNo(), getBannerNo(), getBannerNo()]
+    let banners: number[] = []
+    while (banners.length < 3) {
+        const no = getBannerNo(banners)
+        banners.push(no)
+    }
     return {banners, lastTrack, lastGame}
 }
 
-const getBannerNo = () => {
-    return Math.floor(Math.random() * 18) + 1;
+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
 };