From 338efd3e797b1b74fe65755e67b2c235b86cbe3d Mon Sep 17 00:00:00 2001 From: mattkae Date: Mon, 22 Aug 2022 08:58:06 -0400 Subject: Updated some words --- download/cv.pdf | Bin 75043 -> 75008 bytes download/resume_dl.html | 22 +++++++++++----------- resume.html | 22 +++++++++++----------- 3 files changed, 22 insertions(+), 22 deletions(-) diff --git a/download/cv.pdf b/download/cv.pdf index c049783..25d5b86 100644 Binary files a/download/cv.pdf and b/download/cv.pdf differ diff --git a/download/resume_dl.html b/download/resume_dl.html index 4130102..36d57bf 100644 --- a/download/resume_dl.html +++ b/download/resume_dl.html @@ -179,7 +179,7 @@

Skills

- Languages & Tech
C/C++, C#, TypeScript/JavaScript, React, HTML & CSS, Java, OpenGL, ASP.NET, Linux, LaTeX
+ Languages & Frameworks
C/C++, C#, TypeScript/JavaScript, React, HTML & CSS, Java, OpenGL, ASP.NET, Linux, LaTeX
Tools
git, npm, Webpack, Visual Studio Professional/Code, Unity, AWS, Emacs, LaTeX
@@ -211,19 +211,22 @@
@@ -266,9 +269,6 @@
  • Initiated company-wide React and TypeScript code sharing via a private npm repository
    • -
  • - Worked within the Agile framework, in which I planned sprint work, attended daily stand-ups, and participated in retrospectives -
    • @@ -310,7 +310,7 @@
    @@ -176,7 +176,7 @@
    -
    - +
    +
    + +
    + Me in front of my desktop, circa August 2021. +
    +
    +
    + +
    + Hanging with my dog named Rizzy, circa May 2020. +
    +
    +
    + +
    + Hanging with my friends, circa July 2019. +
    +
    +
    +
    +

    About Me

    -

    -

    - -

    - Hello! My name is Matthew Kosarek. + 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 some graphics scenes in C++/OpenGL, compile them via emcc and post them here as "themes". diff --git a/index.js b/index.js index fd949b7..fa6dddd 100644 --- a/index.js +++ b/index.js @@ -3,39 +3,15 @@ function main() { var themeSelector = document.getElementById('theme_selector'); themeSelector.classList.remove('hidden'); - runCarousel(); + imageCallbacks(); } -function runCarousel() { - var carouselContainer = document.getElementById("carousel"), - imageContainer = document.getElementById('image_container'), - leftButton = document.getElementById('carousel_left'), - rightButton = document.getElementById('carousel_right'); - - // Carousel logic - var carouselPosition = 0, - numImages = imageContainer.children.length; - - function onCarouselRight() { - carouselPosition = (carouselPosition + 1); - - if (carouselPosition === numImages) { - carouselPosition = 0; - } - updateCarousel(); - } - - function onCarouselLeft() { - carouselPosition = (carouselPosition - 1); - if (carouselPosition < 0) { - carouselPosition = numImages - 1; - } - updateCarousel(); - } - +function imageCallbacks() { + const imageContainer = document.getElementById('image_container'); + function onImageClicked() { var background = document.createElement('div'); // - background.classList.add('carousel_image_expanded_container'); + background.classList.add('image_item_expanded_container'); var clone = this.cloneNode(true); clone.classList.add('expanded'); background.append(clone); @@ -50,44 +26,13 @@ function runCarousel() { var image = imageList[i]; image.addEventListener('click', onImageClicked); } - } - - function updateCarousel() { - var selectedChildPosition = -(carouselPosition * 240); - imageContainer.style.transform = 'translate(' + selectedChildPosition + 'px, 0)'; - for (var i = 0; i < numImages; i++) { - var image = imageList[i]; - if (i !== carouselPosition) { - if (i === (carouselPosition - 1) % numImages) { - image.style.opacity = 0.3; - } else if (i !== 0 && i === (carouselPosition + 1) % numImages) { - image.style.opacity = 0.3; - } else { - image.style.opacity = 0; - } - } else { - image.style.opacity = 1; - } - - image.style.pointerEvents = image.style.opacity > 0 ? 'all' : 'none'; - } - - rightButton.style.visibility = (carouselPosition === numImages - 1) ? 'hidden' : 'visible'; - leftButton.style.visibility = (carouselPosition === 0) ? 'hidden' : 'visible'; - } + } // -- Set up on image clicked var imageList = imageContainer.children, numImages = imageContainer.children.length; setImageClicked(); - updateCarousel(); - - leftButton.addEventListener('click', onCarouselLeft); - rightButton.addEventListener('click', onCarouselRight); - - // -- Fade in the container - imageContainer.style.opacity = '1'; } main(); -- cgit v1.2.1 From 8be7ee0d06d0aa6b8f7ae9ccf78a51b601b05e4f Mon Sep 17 00:00:00 2001 From: mattkae Date: Fri, 26 Aug 2022 08:55:56 -0400 Subject: Better styled theme buttons --- index.css | 8 +++----- index.html | 18 +++++++++++------- 2 files changed, 14 insertions(+), 12 deletions(-) diff --git a/index.css b/index.css index cb8290e..3ab6a73 100644 --- a/index.css +++ b/index.css @@ -80,7 +80,6 @@ section a:hover { flex: 0 1 auto; width: 100%; overflow: auto; - justify-content: center; } #image_container .image_item { @@ -167,14 +166,15 @@ input:focus { } /* Theme Selector */ -#theme_selector { - width: 50%; +#theme_selector {; display: flex; align-items: center; + justify-content: center; bottom: 1rem; pointer-events: all; opacity: 1; transition: opacity 150ms linear; + gap: 2rem; } #theme_selector.hidden { @@ -191,8 +191,6 @@ input:focus { background-color: white; cursor: pointer; transition: opacity 100ms linear; - margin-right: 1rem; - margin-left: 1rem; } #theme_selector > button:hover { diff --git a/index.html b/index.html index 647d95b..86c83c5 100644 --- a/index.html +++ b/index.html @@ -42,7 +42,9 @@

    Hanging with my friends, circa July 2019.
    - + + +

    About Me

    @@ -62,13 +64,15 @@
    -

    Theme

    - +
    -- cgit v1.2.1