summaryrefslogtreecommitdiff
path: root/src/pages/index.astro
blob: 5ef947e83be81d889c069b9c48c97a14251a2c3a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
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>