Migrate to astroHEADmaster

1 files changed, 46 insertions, 0 deletions

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>