summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authormattkae <mattkae@protonmail.com>2021-09-19 16:32:15 -0400
committermattkae <mattkae@protonmail.com>2021-09-19 16:32:15 -0400
commitde850676e79da39aec6f1ce0400cfa94cecbd744 (patch)
tree48927e3cd3a518ddee1874df40d188cbc5112393 /index.html
First commit
Diffstat (limited to 'index.html')
-rw-r--r--index.html69
1 files changed, 69 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..cb90b2d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,69 @@
+<!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><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.jpg' />
+ <figcaption>
+ Me in front of my desktop, circa August 2021.
+ </figcaption>
+ </figure>
+ <figure class='carousel_image'>
+ <img src='images/dog_and_me.jpg' />
+ <figcaption>
+ Hanging with my dog named Rizzy, circa May 2020.
+ </figcaption>
+ </figure>
+ <figure class='carousel_image'>
+ <img src='images/friends.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 New Jersey. I keep my CV up to date on this website. I also write some posts about computers when I find something particularly interesting. 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>