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

<!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 style="display: none;"><a href='/posts.html'>&#128221; Posts</a></li>
          </ul>
        </nav>
    </header>
    <section id='landing_page'>

      <p>
        <div id='carousel'>
          <div id='image_container'>
            <figure class='carousel_image'>
              <img src='images/portrait-min.jpg' />
              <figcaption>
                Me in front of my desktop, circa August 2021.
              </figcaption>
            </figure>
            <figure class='carousel_image'>
              <img src='images/dog_and_me-min.jpg' />
              <figcaption>
                Hanging with my dog named Rizzy, circa May 2020.
              </figcaption>
            </figure>
            <figure class='carousel_image'>
              <img src='images/friends-min.jpg' />
              <figcaption>
                Hanging with my friends, circa July 2019.
              </figcaption>
            </figure>
          </div>
          <button id='carousel_left'>&#8592;</button>
          <button id='carousel_right'>&#8594;</button>
        </div>
      </p>
      
      <p style='padding-left: 2rem; padding-right: 2rem;'>
        Hello! 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 some extracurriculars that I am up to.
		In my spare time, I build some graphics scenes in C++/OpenGL, compile them via <code>emcc</code> and post them here as "themes".
      </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><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>

    <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>
    </div>
  </body>

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