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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

<!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="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>
      <h1>Matthew Kosarek</h1>
      <nav>
        <ul>
          <li><a href='/'>&#127969; Home</a></li>
          <li><a href='/resume.html'>&#128216; CV</a></li>
          <li><a href="https://www.linkedin.com/in/matthew-kosarek/">🏢 LinkedIn</a></li>
          <li><a href='/posts.html'>&#128221; Posts</a></li>
        </ul>
      </nav>
    </header>
    <section id='image_container'>
      <figure class='image_item'>
        <img src='images/gardens-min.jpg' />
        <figcaption>
          Me at Longwood Gardens, circa December 2021.
        </figcaption>
      </figure>
      <figure class='image_item'>
        <img src='images/portrait-min.jpg' />
        <figcaption>
          Me in front of my desktop, circa August 2021.
        </figcaption>
      </figure>
      <figure class='image_item'>
        <img src='images/dog_and_me-min.jpg' />
        <figcaption>
          Hanging with my dog named Rizzy, circa May 2020.
        </figcaption>
      </figure>
      <figure class='image_item'>
        <img src='images/friends-min.jpg' />
        <figcaption>
          Hanging with my friends, circa July 2019.
        </figcaption>
      </figure>
	    

    </section>
	  <section>
	    <h2>About Me</h2>
      <p>
        My name is Matthew Kosarek.
		    I am a computer programmer from northern New Jersey and I currently live and work in Montreal, Quebec.
		    I keep my CV up to date on this website, and I also provide some links to the extracurriculars that I am up to.
      </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>
      </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>