diff --git a/src/routes/retro/+page.svelte b/src/routes/retro/+page.svelte
index 3dba01e..ec793b9 100644
--- a/src/routes/retro/+page.svelte
+++ b/src/routes/retro/+page.svelte
@@ -5,11 +5,14 @@
 	import projects from '../_projects.json'
 
 	import type { BlogPostPreview } from '../blog.json/+server.js'
+	import MusicPlayer from './MusicPlayer.svelte'
 
 	export let data
 	export let posts: BlogPostPreview[] = data.posts
 </script>
 
+<MusicPlayer />
+
 <table id="main-table">
 	<tr>
 		<td>
@@ -30,36 +33,38 @@
 				</div>
 				<br />
 				<div>
-					<a href="//matdoes.dev/"><img src="/buttons/matdoesdev.png" alt="matdoesdev" /></a>
-					<a href="//adryd.com/"><img src="/buttons/adryd.png" alt="adryd" /></a>
-					<a href="//notnite.com/"><img src="/buttons/notnite.gif" alt="notnite" /></a>
-					<a href="//shrecked.dev/"><img src="/buttons/shwecky.png" alt="shrecknt" /></a>
+					<a href="//matdoes.dev/"><img src="/retro/buttons/matdoesdev.png" alt="matdoesdev" /></a>
+					<a href="//adryd.com/"><img src="/retro/buttons/adryd.png" alt="adryd" /></a>
+					<a href="//notnite.com/"><img src="/retro/buttons/notnite.gif" alt="notnite" /></a>
+					<a href="//shrecked.dev/"><img src="/retro/buttons/shwecky.png" alt="shrecknt" /></a>
 					<a href="//goldenstack.github.io/"
-						><img src="/buttons/goldenstack.png" alt="goldenstack" /></a
+						><img src="/retro/buttons/goldenstack.png" alt="goldenstack" /></a
 					>
-					<a href="//www.kibty.town/"><img src="/buttons/kibtytown.gif" alt="kibty.town" /></a>
-					<a href="//honbra.com/"><img src="/buttons/honbra.png" alt="honbra" /></a>
-					<a href="//archlinux.org/"><img src="/buttons/archbtw.png" alt="archbtw" /></a>
+					<a href="//www.kibty.town/"><img src="/retro/buttons/kibtytown.gif" alt="kibty.town" /></a
+					>
+					<a href="//honbra.com/"><img src="/retro/buttons/honbra.png" alt="honbra" /></a>
+					<a href="//archlinux.org/"><img src="/retro/buttons/archbtw.png" alt="archbtw" /></a>
 					<a href="//www.mozilla.org/en-US/firefox/new/"
-						><img src="/buttons/getfirefox.gif" alt="getfirefox" /></a
+						><img src="/retro/buttons/getfirefox.gif" alt="getfirefox" /></a
 					>
-					<a href="//github.com/mat-1"><img src="/buttons/github.gif" alt="github" /></a>
-					<a href="//ko-fi.com/matdoesdev"><img src="/buttons/kofi.gif" alt="kofi" /></a>
-					<a href="//code.visualstudio.com/"><img src="/buttons/vscode.gif" alt="vscode" /></a>
-					<a href="//www.hetzner.com/"><img src="/buttons/hetzner.gif" alt="hetzner" /></a>
+					<a href="//github.com/mat-1"><img src="/retro/buttons/github.gif" alt="github" /></a>
+					<a href="//ko-fi.com/matdoesdev"><img src="/retro/buttons/kofi.gif" alt="kofi" /></a>
+					<a href="//code.visualstudio.com/"><img src="/retro/buttons/vscode.gif" alt="vscode" /></a
+					>
+					<a href="//www.hetzner.com/"><img src="/retro/buttons/hetzner.gif" alt="hetzner" /></a>
 					<a href="//www.mozilla.org/en-US/firefox/new/"
-						><img src="/buttons/anythingbutchrome.gif" alt="anythingbutchrome" /></a
+						><img src="/retro/buttons/anythingbutchrome.gif" alt="anythingbutchrome" /></a
 					>
-					<a href="//www.torproject.org/"><img src="/buttons/tor.gif" alt="tor" /></a>
+					<a href="//www.torproject.org/"><img src="/retro/buttons/tor.gif" alt="tor" /></a>
 					<a href="//ublockorigin.com/"
-						><img src="/buttons/ublockorigin.png" alt="ublock origin" /></a
+						><img src="/retro/buttons/ublockorigin.png" alt="ublock origin" /></a
 					>
 					<a href="//www.eff.org/"
-						><img src="/buttons/fightforprivacy.gif" alt="fight for privacy" /></a
+						><img src="/retro/buttons/fightforprivacy.gif" alt="fight for privacy" /></a
 					>
 					<a
 						href="//ftp.nluug.nl/netscape/netscape9/en-US/9.0/windows/win32/netscape-navigator-9.0.0.6.exe"
-						><img src="/buttons/netscape.gif" alt="netscape" /></a
+						><img src="/retro/buttons/netscape.gif" alt="netscape" /></a
 					>
 				</div>
 			</div>
@@ -111,6 +116,7 @@
 			<img src="//counter.matdoes.dev" alt="visitor counter" id="counter" />
 		</td>
 	</tr>
+	<tr><p class="last-updated">Page last updated: November 28, 2023</p></tr>
 </table>
 
 <style>
@@ -129,6 +135,14 @@
 		max-width: 600px;
 	}
 
+	h1 {
+		background: linear-gradient(0deg, #aaa, #fff);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-clip: text;
+		filter: drop-shadow(2px 2px #333);
+	}
+
 	#sections {
 		width: 100%;
 	}
@@ -143,4 +157,11 @@
 		margin: 0 auto;
 		display: block;
 	}
+
+	.last-updated {
+		font-style: italic;
+		color: #888;
+		text-align: right;
+		font-family: monospace;
+	}
 </style>
diff --git a/static/buttons/README.md b/static/buttons/README.md
deleted file mode 100644
index e6cf772..0000000
--- a/static/buttons/README.md
+++ /dev/null
@@ -1 +0,0 @@
-buttons are in the static directory so vite doesn't inline them because ie5 [doesn't like big base64 data urls](https://support.microsoft.com/en-us/topic/maximum-url-length-is-2-083-characters-in-internet-explorer-174e7c8a-6666-f4e0-6fd6-908b53c12246).
diff --git a/static/buttons/adryd.png b/static/buttons/adryd.png
deleted file mode 100644
index efe2ee9..0000000
Binary files a/static/buttons/adryd.png and /dev/null differ
diff --git a/static/buttons/anythingbutchrome.gif b/static/buttons/anythingbutchrome.gif
deleted file mode 100644
index eabb7d8..0000000
Binary files a/static/buttons/anythingbutchrome.gif and /dev/null differ
diff --git a/static/buttons/archbtw.png b/static/buttons/archbtw.png
deleted file mode 100644
index 8d63605..0000000
Binary files a/static/buttons/archbtw.png and /dev/null differ
diff --git a/static/buttons/fightforprivacy.gif b/static/buttons/fightforprivacy.gif
deleted file mode 100644
index 08ffd8b..0000000
Binary files a/static/buttons/fightforprivacy.gif and /dev/null differ
diff --git a/static/buttons/getfirefox.gif b/static/buttons/getfirefox.gif
deleted file mode 100644
index 94115f8..0000000
Binary files a/static/buttons/getfirefox.gif and /dev/null differ
diff --git a/static/buttons/github.gif b/static/buttons/github.gif
deleted file mode 100644
index 9a202fb..0000000
Binary files a/static/buttons/github.gif and /dev/null differ
diff --git a/static/buttons/goldenstack.png b/static/buttons/goldenstack.png
deleted file mode 100644
index c790992..0000000
Binary files a/static/buttons/goldenstack.png and /dev/null differ
diff --git a/static/buttons/hetzner.gif b/static/buttons/hetzner.gif
deleted file mode 100644
index 9f5564d..0000000
Binary files a/static/buttons/hetzner.gif and /dev/null differ
diff --git a/static/buttons/honbra.png b/static/buttons/honbra.png
deleted file mode 100644
index be6f483..0000000
Binary files a/static/buttons/honbra.png and /dev/null differ
diff --git a/static/buttons/kibtytown.gif b/static/buttons/kibtytown.gif
deleted file mode 100644
index 9ffbc32..0000000
Binary files a/static/buttons/kibtytown.gif and /dev/null differ
diff --git a/static/buttons/kofi.gif b/static/buttons/kofi.gif
deleted file mode 100644
index 2f7c01f..0000000
Binary files a/static/buttons/kofi.gif and /dev/null differ
diff --git a/static/buttons/matdoesdev.png b/static/buttons/matdoesdev.png
deleted file mode 100644
index 596eaf7..0000000
Binary files a/static/buttons/matdoesdev.png and /dev/null differ
diff --git a/static/buttons/netscape.gif b/static/buttons/netscape.gif
deleted file mode 100644
index bf061de..0000000
Binary files a/static/buttons/netscape.gif and /dev/null differ
diff --git a/static/buttons/notnite.gif b/static/buttons/notnite.gif
deleted file mode 100644
index bcde0d0..0000000
Binary files a/static/buttons/notnite.gif and /dev/null differ
diff --git a/static/buttons/shwecky.png b/static/buttons/shwecky.png
deleted file mode 100644
index 7d46342..0000000
Binary files a/static/buttons/shwecky.png and /dev/null differ
diff --git a/static/buttons/tor.gif b/static/buttons/tor.gif
deleted file mode 100644
index de40d2d..0000000
Binary files a/static/buttons/tor.gif and /dev/null differ
diff --git a/static/buttons/ublockorigin.png b/static/buttons/ublockorigin.png
deleted file mode 100644
index c82555b..0000000
Binary files a/static/buttons/ublockorigin.png and /dev/null differ
diff --git a/static/buttons/vscode.gif b/static/buttons/vscode.gif
deleted file mode 100644
index 8a4cad2..0000000
Binary files a/static/buttons/vscode.gif and /dev/null differ
diff --git a/static/retro/music/C418 - Thunderbird.mp3 b/static/retro/music/C418 - Thunderbird.mp3
new file mode 100644
index 0000000..d350db3
Binary files /dev/null and b/static/retro/music/C418 - Thunderbird.mp3 differ
diff --git a/static/retro/music/Epic Mountain - Stellar Engines.mp3 b/static/retro/music/Epic Mountain - Stellar Engines.mp3
new file mode 100644
index 0000000..4599fbe
Binary files /dev/null and b/static/retro/music/Epic Mountain - Stellar Engines.mp3 differ
diff --git a/static/retro/music/Garoad - Every Day Is Night.mp3 b/static/retro/music/Garoad - Every Day Is Night.mp3
new file mode 100644
index 0000000..11b6fdf
Binary files /dev/null and b/static/retro/music/Garoad - Every Day Is Night.mp3 differ
diff --git a/static/retro/music/Peppsen - Blueprint.mp3 b/static/retro/music/Peppsen - Blueprint.mp3
new file mode 100644
index 0000000..c74b24f
Binary files /dev/null and b/static/retro/music/Peppsen - Blueprint.mp3 differ
diff --git a/static/retro/music/Toby Fox - A CYBER'S WORLD.mp3 b/static/retro/music/Toby Fox - A CYBER'S WORLD.mp3
new file mode 100644
index 0000000..644717f
Binary files /dev/null and b/static/retro/music/Toby Fox - A CYBER'S WORLD.mp3 differ
diff --git a/static/retro/music/Toby Fox - Faint Glow.mp3 b/static/retro/music/Toby Fox - Faint Glow.mp3
new file mode 100644
index 0000000..3162df5
Binary files /dev/null and b/static/retro/music/Toby Fox - Faint Glow.mp3 differ
diff --git a/static/retro/music/Toby Fox - My Castle Town.mp3 b/static/retro/music/Toby Fox - My Castle Town.mp3
new file mode 100644
index 0000000..5eac01c
Binary files /dev/null and b/static/retro/music/Toby Fox - My Castle Town.mp3 differ