diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 70 | ||||
| -rw-r--r-- | src/pages/posts/index.astro | 4 | ||||
| -rw-r--r-- | src/pages/resume.astro | 50 | ||||
| -rw-r--r-- | src/pages/tech.astro | 25 |
4 files changed, 65 insertions, 84 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 5ef947e..5f7e321 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,46 +1,40 @@ --- import BaseLayout from '../layouts/BaseLayout.astro'; +import OpenMoji from '../components/OpenMoji.astro'; --- <BaseLayout title="Matthew Kosarek" description="The personal website of Matthew Kosarek"> - <div id="theme_container"> - <canvas id="theme_canvas"></canvas> - </div> - - <section> - <h2>About Me</h2> - <p> - Hi there π My name is Matthew Kosarek. - I am a computer programmer from northern New Jersey and I currently live in Philadelphia, PA. I work at Canonical on - <a href="https://github.com/canonical/mir">Mir</a> and I am currently building - <a href="https://github.com/miracle-wm-org/miracle-wm">miracle-wm</a>, a Mir-based tiling window manager. - </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 style="display: none;"><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> - <li><a href="https://www.linkedin.com/in/matthew-kosarek/">LinkedIn</a></li> - </ul> - </section> + <div class="index-layout"> + <aside class="sidebar"> + <ul> + <li><a href="https://github.com/mattkae">Github</a><span>my personal github with most of my projects</span></li> + <li><a href="https://git.matthewkosarek.xyz">CGit</a><span>my self-hosted git instance with a few of my projects</span></li> + <li style="display: none;"><a href="https://physicsforgames.com">physicsforgames.com</a><span>a project that I'm currently working on in my spare time where I explore the world of realtime physics</span></li> + <li><a href="https://www.linkedin.com/in/matthew-kosarek/">LinkedIn</a><span>corporate goings-ons</span></li> + <li><a href="mailto:matthew@matthewkosarek.xyz">Email</a><span>matthew@matthewkosarek.xyz</span></li> + </ul> + </aside> - <section id="theme_section"> - <div id="theme_selector"> - <button id="theme_button_default">π<span class="theme_button_text">Default</span></button> - <button id="theme_button_autumn">π<span class="theme_button_text">Autumn</span></button> - <button id="theme_button_winter">β<span class="theme_button_text">Winter</span></button> - <button id="theme_button_spring">π¦<span class="theme_button_text">Spring</span></button> - <button id="theme_button_summer">π»<span class="theme_button_text">Summer</span></button> + <div class="index-main"> + <section> + <p> + Hi there <OpenMoji code="1F30A" alt="wave" /> + </p> + <p> + My name is Matthew Kosarek. + I am a computer programmer from northern New Jersey and I currently live in Philadelphia, PA. I work at Canonical on + <a href="https://github.com/canonical/mir">Mir</a> and <a href="https://github.com/flutter/flutter">Flutter</a>. I + have a strong interest in C++, Computer Graphics, Rust, and Linux. + <p/> + <p> + In my spare time, I work on <a href="https://github.com/miracle-wm-org/miracle-wm">miracle-wm</a>, a Mir-based + window manager that features manual tiling and a WebAssembly-powered plugin system for window management and beyond. + </p> + <p> + Off the computer, you can find me surfing, walking my dog, or hanging out with my fiancee and friends in Philly. I + also have 3 cats! + </p> + </section> </div> - </section> - - <script> - function main() { - } - - main(); - </script> - <script is:inline src="/themes/dist/output.js"></script> + </div> </BaseLayout> diff --git a/src/pages/posts/index.astro b/src/pages/posts/index.astro index b3ea740..447384c 100644 --- a/src/pages/posts/index.astro +++ b/src/pages/posts/index.astro @@ -28,7 +28,9 @@ function formatDate(dateStr: string): string { <li data-tags={post.data.tags.join(',')}> <p><a href={`/posts/${post.slug}`}>{post.data.title}</a></p> <div class="sitemap_date"><p>{formatDate(post.data.date)}</p></div> - <div class="sitemap_tag"><p>{post.data.tags.join(',')}</p></div> + {post.data.tags.map((tag: string) => ( + <div class="sitemap_tag"><p>{tag}</p></div> + ))} </li> ))} </ul> diff --git a/src/pages/resume.astro b/src/pages/resume.astro index b8bf02b..afe9244 100644 --- a/src/pages/resume.astro +++ b/src/pages/resume.astro @@ -8,47 +8,7 @@ import '../styles/resume.mobile.css'; title="Matthew Kosarek - Resume" description="The hosted resume of Matthew Kosarek" > - <script> - function main() { - var fullScreenButton = document.getElementById('full_screen_button'), - resumeContainer = document.getElementById('resume'); - - fullScreenButton.addEventListener('click', function() { - resumeContainer.classList.toggle('resume_fullscreen'); - }); - } - - window.onload = main; - </script> - <main id='resume'> - <div id='resume_button_container'> - <button id='full_screen_button' title='Toggle Fullscreen'> - ⛶ - </button> - <a href='download/cv.pdf' download title='Download as PDF'> - 📥 - </a> - </div> - <div id="resume_container"> - <header id="resume_sidebar"> - <div id="resume_header"> - <span class="resume_header_name">Matthew</br> Kosarek</span> - - <div id="resume_header_contact"> - <span><i>π₯οΈ</i> Software Developer</span> - <span><i>π</i> <a href="https://matthewkosarek.xyz">matthewkosarek.xyz</a></span> - <span> - <i><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></i> - <a href="https://github.com/mattkae">github.com/mattkae</a></span> - </span> - <span><i>π§</i> mkosare1@gmail.com</span> - <span><i>πΊπΈ</i> United States Citizen</span> - </div> - </div> - </header> - - <main> <section class='resume_section'> <h2>Experience</h2> <div class="resume_section_content"> @@ -68,7 +28,10 @@ import '../styles/resume.mobile.css'; </div> <ul> <li> - Working on <a href="https://github.com/MirServer/Mir" target="_blank">Mir</a>, a Wayland compositor + Contributed exstensively to <a href="https://github.com/MirServer/Mir" target="_blank">Mir</a>, a C++ library for Wayland compositors + </li> + <li> + Implemented multi-window support in <a href="https://github.com/flutter/flutter" target="_blank">Flutter</a> for Win32, Linux, and MacOS </li> </ul> </div> @@ -213,13 +176,10 @@ import '../styles/resume.mobile.css'; <section class="resume_section"> <h2>Projects</h2> <ul> + <li>Author of <b><a href="https://github.com/miracle-wm-org/miracle-wm">miracle-wm</a></b>, a hackable Wayland window manager</li> <li>My <b>self-hosted personal website</b> where I do small projects in WebAssembly and OpenGL: <a href="https://matthewkosarek.xyz">matthewkosarek.xyz</a></li> <li>A <b>game engine</b> that I built in C++ and OpenGL: <a href="https://github.com/mattkae/MatteEngine">github.com/mattkae/MatteEngine</a></li> - <li>My <b>self-installing emacs configuration</b>: <a href="https://git.matthewkosarek.xyz/emacs_config/">git.matthewkosarek.xyz/emacs_config/</a></li> - <li>Unfinished website about <b>realtime physics in video games</b>: <a href="https://physicsforgames.com/">physicsforgames.com/</a></li> </ul> </section> - </main> - </div> </main> </BaseLayout> diff --git a/src/pages/tech.astro b/src/pages/tech.astro new file mode 100644 index 0000000..1f554aa --- /dev/null +++ b/src/pages/tech.astro @@ -0,0 +1,25 @@ +--- +import BaseLayout from '../layouts/BaseLayout.astro'; +--- + +<BaseLayout title="Tech I Like - Matthew Kosarek" description="Tech that Matthew Kosarek likes and uses"> + <div class="index-layout"> + <div class="index-main"> + <section> + <h2>Things I Use</h2> + <h3>For Development</h3> + <ul> + <li><b>My dotfiles</b>: I use everything in my dotfiles every day, which you can find <a href="https://github.com/mattkae/dotfiles">here</a></li> + <li><a href="https://www.gnu.org/software/emacs/">Emacs</a>: I am a long-time Emacs user. You can find my config <a href="https://git.matthewkosarek.xyz/emacs_config/">here</a></li> + <li><a href="https://www.jetbrains.com/clion/">Clion</a>: I use this for my coproate life, although it is quite heavy</li> + <li><a href="https://astro.build/">astro</a>: super simple SSG that I use constantly</li> + </ul> + <h3>For Lifestyle</h3> + <ul> + <li><a href="https://orgmode.org/">Org Mode</a>: for calendar, todo lists, notes, and more!</li> + <li><a href="https://newsboat.org/">Newsboat</a>: RSS reader</li> + </ul> + </section> + </div> + </div> +</BaseLayout> |