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

<!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">
  </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>
        My name is Matthew Kosarek. I am a computer programmer currently living in Montreal. I keep my CV up to date on this website.
         You can find a link to my Github <a href='https://github.com/mattkae'>here</a>. I am also building a website about physics simulation in video games which you can find <a href='https://physicsforgames.com/'>here</a>. 
      </p>
      <br/>
    </section>

	<div id="theme_selector">
	  <label>Theme:</label>
	  <button id="theme_button_default">Default</button>
	  <button id="theme_button_autumn">Autumn</button>
	</div>
  </body>

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