From 77b0f69d0c6e555349dd491d7ca209924d119e61 Mon Sep 17 00:00:00 2001
From: Matt Kosarek <matt.kosarek@canonical.com>
Date: Wed, 11 Mar 2026 17:49:05 -0400
Subject: Migrate to astro

---
 src/pages/index.astro | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 src/pages/index.astro

(limited to 'src/pages/index.astro')

diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 0000000..5ef947e
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,46 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+---
+
+<BaseLayout title="Matthew Kosarek" description="The personal website of Matthew Kosarek">
+  <div id="theme_container">
+    <canvas id="theme_canvas"></canvas>
+  </div>
+
+  <section>
+    <h2>About Me</h2>
+    <p>
+      Hi there 🌊 My name is Matthew Kosarek.
+      I am a computer programmer from northern New Jersey and I currently live in Philadelphia, PA. I work at Canonical on
+      <a href="https://github.com/canonical/mir">Mir</a> and I am currently building
+      <a href="https://github.com/miracle-wm-org/miracle-wm">miracle-wm</a>, a Mir-based tiling window manager.
+    </p>
+  </section>
+  <section>
+    <h2>Links</h2>
+    <ul>
+      <li><a href="https://github.com/mattkae">Github</a>: my personal github with most of my projects</li>
+      <li><a href="https://git.matthewkosarek.xyz">CGit</a>: my self-hosted git instance with a few of my projects</li>
+      <li style="display: none;"><a href="https://physicsforgames.com">physicsforgames.com</a>: a project that I'm currently working on in my spare time where I explore the world of realtime physics</li>
+      <li><a href="https://www.linkedin.com/in/matthew-kosarek/">LinkedIn</a></li>
+    </ul>
+  </section>
+
+  <section id="theme_section">
+    <div id="theme_selector">
+      <button id="theme_button_default">🙂<span class="theme_button_text">Default</span></button>
+      <button id="theme_button_autumn">🍁<span class="theme_button_text">Autumn</span></button>
+      <button id="theme_button_winter">⛄<span class="theme_button_text">Winter</span></button>
+      <button id="theme_button_spring">🐦<span class="theme_button_text">Spring</span></button>
+      <button id="theme_button_summer">🌻<span class="theme_button_text">Summer</span></button>
+    </div>
+  </section>
+
+  <script>
+    function main() {
+    }
+
+    main();
+  </script>
+  <script is:inline src="/themes/dist/output.js"></script>
+</BaseLayout>
-- 
cgit v1.2.1