<!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='/'>🏡 Home</a></li>
<li><a href='/resume.html'>📘 CV</a></li>
<li style="display: none;"><a href='/posts.html'>📝 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'>←</button>
<button id='carousel_right'>→</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 fun themes in C++/OpenGL and compile them to WASM/WebGL.
</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>
</div>
</body>
<script src='/index.js'></script>
<script src='/themes/dist/output.js'></script>
</html>