lily.pet 88x31

Caddyfile

@@ -306,12 +306,12 @@ mcassets.matdoes.dev {
 
 www.www.matdoes.dev {
 	header {
-                Content-Type text/html
+		Content-Type text/html
-                Server "meow"
+		Server "meow"
-        }
+	}
 	respond "<meta http-equiv=\"refresh\" content=\"15;url=https://matdoes.dev\">nyaaaaaaaaaaaaaaaaaaa" 200
 }
 
 www.matdoes.dev {
 	redir https://matdoes.dev{uri}
-}
+}

src/routes/(main)/projects/+page.svelte

@@ -8,8 +8,25 @@
 	onMount(() => {
 		document.documentElement.style.setProperty('--project-height', `${window.innerHeight}px`)
 	})
+
+	// the timestamp for when we were last at scroll == 0
+	let timestampAtLastTop = 0
+
+	function onScroll() {
+		const isAtTop = window.scrollY === 0
+		const isAtBottom = window.innerHeight + window.scrollY >= document.body.offsetHeight
+
+		if (isAtTop) {
+			timestampAtLastTop = Date.now()
+		} else if (isAtBottom && Date.now() - timestampAtLastTop > 1000) {
+			// this means we scrolled to the bottom in less than a second, do shake effect
+			document.body.classList.add('shake1')
+		}
+	}
 </script>
 
+<svelte:body on:scroll={onScroll} />
+
 <div class="projects-header">
 	<nav>
 		<BackAnchor href="/" />
@@ -47,4 +64,43 @@
 	.projects > :global(*:nth-child(even) .project-background) {
 		background-color: var(--background-color-alt);
 	}
+
+	:global(body.shake1) {
+		animation: shake1 0.5s;
+	}
+	@keyframes shake1 {
+		0% {
+			transform: translate(1px, 1px) rotate(0deg);
+		}
+		10% {
+			transform: translate(-1px, -2px) rotate(-1deg);
+		}
+		20% {
+			transform: translate(-3px, 0px) rotate(1deg);
+		}
+		30% {
+			transform: translate(3px, 2px) rotate(0deg);
+		}
+		40% {
+			transform: translate(1px, -1px) rotate(1deg);
+		}
+		50% {
+			transform: translate(-1px, 2px) rotate(-1deg);
+		}
+		60% {
+			transform: translate(-3px, 1px) rotate(0deg);
+		}
+		70% {
+			transform: translate(3px, 1px) rotate(-1deg);
+		}
+		80% {
+			transform: translate(-1px, -1px) rotate(1deg);
+		}
+		90% {
+			transform: translate(1px, 2px) rotate(0deg);
+		}
+		100% {
+			transform: translate(1px, -2px) rotate(-1deg);
+		}
+	}
 </style>

src/routes/retro/+page.svelte

@@ -244,9 +244,10 @@
 								<Button href="//actuallyruben.nl" src="actuallyruben.gif" alt="actuallyruben" />
 								<Button href="//jamie.rs" src="jamie.png" alt="jamie" />
 								<Button href="//jamsharp.net" src="jamsharp.png" alt="jamsharp" />
-								<Button href="//sipacid.com/" src="sipacid.gif" alt="sipacid" />
+								<Button href="//sipacid.com" src="sipacid.gif" alt="sipacid" />
-								<Button href="//damcraft.de/" src="dam.gif" alt="dam" />
+								<Button href="//damcraft.de" src="dam.gif" alt="dam" />
-								<Button href="//mudkip.dev/" src="mudkip.png" alt="mudkip" />
+								<Button href="//mudkip.dev" src="mudkip.png" alt="mudkip" />
+								<Button href="//lily.pet" src="lily.png" alt="lily" />
 								<Button href="//archlinux.org" src="archbtw.png" alt="archbtw" />
 								<Button href="//github.com/mat-1" src="github.gif" alt="github" />
 								<Button href="//ko-fi.com/matdoesdev" src="kofi.gif" alt="kofi" />