diff --git a/src/components/header.astro b/src/components/header.astro
index c0f104e..2bf6e97 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -11,6 +11,7 @@ import "../styles/header.scss";
 			<a href="/">home</a>
 			<a href="/projects">projects</a>
 			<a href="/journal">journal</a>
+			<a href="/buttons">buttons</a>
 			<a href="/contact">contact</a>
 		</p>
 	</nav>
diff --git a/src/pages/buttons.astro b/src/pages/buttons.astro
new file mode 100644
index 0000000..1938bf3
--- /dev/null
+++ b/src/pages/buttons.astro
@@ -0,0 +1,30 @@
+---
+import Layout from "../layouts/layout.astro";
+import "../styles/main.scss";
+---
+
+<Layout>
+    <h2>buttons</h2>
+    <p>things I've collected on the internet.</p>
+    <a href="https://catppuccin.com/">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/catppuccin.webp" alt="Catppuccin" title="Catppuccin" />
+    </a>
+    <a href="https://xkcd.com">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/xkcd.png" alt="xkcd" title="xkcd" />
+    </a>
+    <a href="https://www.thinkwithportals.com/">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/portal.jpg" alt="Aperture Labs" title="Portal 2" />
+    </a>
+    <a href="https://en.wikipedia.org/wiki/Hatsune_Miku">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/miku.gif" alt="this site is Miku Approved" title="Hatsune Miku" />
+    </a>
+    <a href="https://www.mozilla.org/firefox/">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/firefox.gif" alt="Firefox" title="Firefox" />
+    </a>
+    <a href="https://kernel.org/">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/linux.png" alt="Linux" title="Linux" />
+    </a>
+    <a href="https://blog.radicaldream.land">
+        <img class="button" loading="lazy" decoding="async" src="/img/buttons/radicaldreamland.gif" alt="Dispatch from the Radical Dreamland" title="Lena Raine" >
+    </a>
+</Layout>
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 1fb9b47..504ae1f 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -115,4 +115,16 @@ ul.projects {
 
 ul.projects li {
 	margin-bottom: 20px;
+}
+
+// button
+img.button {
+    color: transparent;
+    image-rendering: pixelated;
+    width: 88px;
+    height: 31px;
+}
+
+a:has(.button) {
+    text-decoration-line: none;
 }
\ No newline at end of file