diff options
| author | mattkae <mattkae@protonmail.com> | 2021-09-19 16:32:15 -0400 |
|---|---|---|
| committer | mattkae <mattkae@protonmail.com> | 2021-09-19 16:32:15 -0400 |
| commit | de850676e79da39aec6f1ce0400cfa94cecbd744 (patch) | |
| tree | 48927e3cd3a518ddee1874df40d188cbc5112393 /index.html | |
First commit
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 69 |
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='/'>🏡 Home</a></li> + <li><a href='/resume.html'>📘 CV</a></li> + <li><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.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'>←</button> + <button id='carousel_right'>→</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> |