public/index.html


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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <link rel="stylesheet" href="/index.css">
    <title>Matthew Kosarek</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href='https://fonts.googleapis.com/css?family=Noto Sans' rel='stylesheet'>
    <link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Dancing+Script:wght@400..700&display=swap" rel="stylesheet">
    <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon">
    <meta name="description" content="The personal website of Matthew kosarek">
  </head>
  
  <body>
    <div id="theme_container">
      <canvas id="theme_canvas"></canvas>
    </div>
    
    <header>
      <nav>
        <ul>
          <li><a href='/'>&#127969; Home</a></li>
          <li><a href='/resume.html'>&#128216; CV</a></li>
          <li><a href='/posts/sitemap.html'>&#128221; Posts</a></li>
        </ul>
      </nav>
    </header>
	  <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>
      <h2>Theme</h2>
      <div id="theme_selector" class="hidden">
		    <button id="theme_button_default">Default</button>
		    <button id="theme_button_autumn">🍁 Autumn</button>
	      <button id="theme_button_winter">⛄ Winter</button>
		    <button id="theme_button_spring">🐦 Spring</button>
		    <button id="theme_button_summer">🌻 Summer</button>
      </div>
	  </section>
  </body>

  <script src='/index.js'></script>
  <script src='/themes/dist/output.js'></script>
</html>