From 0d4604ddd641b2853756f58afefee69abb074212 Mon Sep 17 00:00:00 2001 From: mattkae Date: Sat, 10 Dec 2022 11:38:15 -0500 Subject: Updated how styles are calculated for the cv.pdf build --- download/build.js | 4 +- download/cv.pdf | Bin 77272 -> 114764 bytes download/resume_dl.css | 142 +-------- download/resume_dl.html | 757 ++++++++++++++++++++++++++++++------------------ resume.css | 123 +++++--- resume.html | 504 ++++++++++++++++++++------------ 6 files changed, 878 insertions(+), 652 deletions(-) diff --git a/download/build.js b/download/build.js index 7e18973..baef284 100644 --- a/download/build.js +++ b/download/build.js @@ -4,7 +4,8 @@ const fs = require('fs'); const childProcess = require('child_process'); const resumeHtml = fs.readFileSync('../resume.html').toString(); -const resumeCss = fs.readFileSync('./resume_dl.css').toString(); +const resumeCss = fs.readFileSync('../resume.css').toString(); +const resumeDlCss = fs.readFileSync('./resume_dl.css').toString(); function getRidofTagsBetween(start, end, html) { let si = newHtml.indexOf(start); @@ -21,6 +22,7 @@ const newHeader = ` ` diff --git a/download/cv.pdf b/download/cv.pdf index 42dbac3..ecb2939 100644 Binary files a/download/cv.pdf and b/download/cv.pdf differ diff --git a/download/resume_dl.css b/download/resume_dl.css index 1ef20ef..98b9b71 100644 --- a/download/resume_dl.css +++ b/download/resume_dl.css @@ -10,149 +10,9 @@ body { font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif; } -header { - padding-bottom: 1rem; -} - -#actions_container { - padding-bottom: 1rem; - - display: flex; - flex-direction: row; - justify-content: flex-end; -} - -#resume { - position: relative; - text-align: left; - background-color: white; - color: black; - line-height: 1.2rem; - padding-bottom: 1rem; -} - -#resume a { - color: #343231; -} - -#resume_header { - width: 100%; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; -} - -#resume_header > h1 { - font-size: 24px; - padding: 0; - margin: 0; - font-weight: 500; -} - -#resume_header_contact { - font-size: 10px; -} - -#resume_header_contact span { - margin-right: 0.5rem; - margin-left: 0.5rem; -} - img.emoji { height: 1em; width: 1em; margin: 0 .05em 0 .1em; vertical-align: -0.1em; -} - -#resume_header_contact i { - margin-right: 0.25rem; - font-style: normal; -} - -.resume_section { - width: 100%; - text-align: left; -} - -.resume_section > h2 { - font-size: 18px !important; - font-variant: small-caps; - font-weight: bold; - padding: 0; - margin: 0; - padding: 10px; - background-color: #2E4C6D; - color: white; -} - -.resume_section_content { - padding: 0.5rem; -} - -.skill-section { - width: 100%; - display: flex; - flex-direction: row; - justify-content: space-between; -} - -.skill-section > div { - width: 75%; -} - -.experience-header > div { - display: flex; - flex-direction: row; - justify-content: space-between; -} - -.experience-item li { - width: 100%; -} - -.experience-tech { - font-size: 14px; - width: 100%; - display: flex; - flex-direction: row; - justify-content: flex-start; -} - -.experience-tech > svg { - margin-right: 8px; - width: 20px; - height: 20px; -} - - -/** Web-only **/ -#resume_button_container { - width: 100%; - text-align: right; - margin-right: 1rem; - margin-bottom: 1rem; - -} - -#resume_button_container > button { - border: none; - background-color: transparent; - font-size: 20px; -} - -#resume_button_container > button:hover { - cursor: pointer; - opacity: 0.8; -} - -#resume.resume_fullscreen { - position: fixed; - top: 0; - left: 0; - padding: 2rem; - width: calc(100vw - 4rem); - height: calc(100vh - 4rem); - overflow: auto; -} +} \ No newline at end of file diff --git a/download/resume_dl.html b/download/resume_dl.html index 48c12c5..1eff2f2 100644 --- a/download/resume_dl.html +++ b/download/resume_dl.html @@ -8,375 +8,572 @@ -
+ +
-
-

Matthew Kosarek

- -
- πŸ–₯️ Computer Programmer - πŸ”— matthewkosarek.xyz - πŸ“§ mkosare1@gmail.com - πŸ‡ΊπŸ‡Έ United States Citizen -
-
- -
-

Skills

-
-
- Languages & Frameworks
C, C++, C#, ASP.NET, JavaScript, TypeScript, React, HTML, CSS, Java, OpenGL
-
-
- Tools
git, Linux, npm, Webpack, Unity, AWS, Emacs, Visual Studio Professional
+
+
+
+ Matthew + Kosarek + +
+ πŸ–₯️ Software Developer + πŸ”— matthewkosarek.xyz + πŸ“§ mkosare1@gmail.com + πŸ‡ΊπŸ‡Έ United States Citizen +
-
-
- -
-

Experience

-
-
-
-
- Software Team Lead - Vention -
-
- July 2020 to Present - Montreal, QC -
+
+
+ + + +
-
- - - - - - + +
+ + + +
-
    -
  • - Led a team in the development of industrial software applications including robot palletizers, cartesian palletizers, and CNC machines -
  • -
  • - Developed and shipped a number of client projects which are now being used everyday in factories -
  • -
  • - Architected and developed a framework for all future client projects -
  • -
  • - Interacted with other teams on a daily basis to align on business goals and meet deadlines -
  • -
  • - Planned, scoped, and organized daily tasks and long-term projects -
  • -
  • - Individually contributed across many aspects of the codebase, from firmware to the application layer -
  • -
-
-
-
-
- Software Engineer I - Big Huge Games -
-
- January 2018 to June 2020 - Timonium, MD -
+ +
+ + + +
-
- - - - - - - + +
+ + + +
-
    -
  • - Developed and maintained the data pipeline - from data entry, to data validation, to data publishing - for Arcane Showdown -
  • -
  • - Designed, built, and maintained a live operations scheduling and publishing web application for DomiNations -
  • -
  • - Implemented a localization system for Arcane Showdown which allowed the game to be released in different languages -
  • -
  • - Implemented game features on all parts of the stack, including tools, Unity client, and game servers -
  • -
-
-
-
-
- Teaching Assistant for Intro to Video Game Design - Johns Hopkins University -
-
- September 2017 to December 2017 - Baltimore, MD -
+ +
+ + + + +
+ +
+ + + +
-
- + +
+ + + +
-
    -
  • - Assisted beginner programmers in the development of 2D game engines using the SDL2 library -
  • -
-
-
-
-
- Software Engineering Intern - Big Huge Games -
-
- May 2017 to August 2017 - Timonium, MD -
+ +
+ + + +
-
- - - - + +
+ + + +
-
    -
  • - Developed a tool using C# and GTK to improve the workflow of the quality assurance team for DomiNations -
  • -
  • - Wrote a comprehensive user manual that explains how the tool functions for both technical and non-technical users -
  • -
-
-
-
-
- Software Engineering Intern - Sparkypants Studios -
-
- May 2016 to August 2016 - Baltimore, MD -
+ +
+ + + +
-
- + +
+ + + +
-
    -
  • - Developed a profiling framework for the game systems in Dropzone -
  • -
-
-
- -
-

Education

-
-
-
-
- BSc Computer Engineering at Johns Hopkins University - Baltimore, MD + + +
+
+

Experience

+
+
+
+
+ Software Team Lead + Vention +
+
+ July 2020 to Present + Montreal, QC +
+
+
+ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
    +
  • + Led a team in the development of industrial software applications including robot palletizers, cartesian palletizers, and CNC machines +
  • +
  • + Developed and shipped a number of client projects which are now being used everyday in factories +
  • +
  • + Architected and developed a framework for all future client projects +
  • +
  • + Interacted with other teams on a daily basis to align on business goals and meet deadlines +
  • +
  • + Planned, scoped, and organized daily tasks and long-term projects +
  • +
  • + Individually contributed across many aspects of the codebase, from firmware to the application layer +
  • +
+
+
+
+
+ Software Engineer I + Big Huge Games +
+
+ January 2018 to June 2020 + Timonium, MD +
+
+
+ + + + + + + +
+
    +
  • + Developed and maintained the data pipeline - from data entry, to data validation, to data publishing - for Arcane Showdown +
  • +
  • + Designed, built, and maintained a live operations scheduling and publishing web application for DomiNations +
  • +
  • + Implemented a localization system for Arcane Showdown which allowed the game to be released in different languages +
  • +
  • + Implemented game features on all parts of the stack, including tools, Unity client, and game servers +
  • +
-
- September 2014 to December 2017 +
+
+
+ Teaching Assistant for Intro to Video Game Design + Johns Hopkins University +
+
+ September 2017 to December 2017 + Baltimore, MD +
+
+
+ +
+
    +
  • + Assisted beginner programmers in the development of 2D game engines using the SDL2 library +
  • +
+
+
+
+
+ Software Engineering Intern + Big Huge Games +
+
+ May 2017 to August 2017 + Timonium, MD +
+
+
+ + + + +
+
    +
  • + Developed a tool using C# and GTK to improve the workflow of the quality assurance team for DomiNations +
  • +
  • + Wrote a comprehensive user manual that explains how the tool functions for both technical and non-technical users +
  • +
+
+
+
+
+ Software Engineering Intern + Sparkypants Studios +
+
+ May 2016 to August 2016 + Baltimore, MD +
+
+
+ +
+
    +
  • + Developed a profiling framework for the game systems in Dropzone +
  • +
+
+
+
+ +
+

Education

+
+
+
+
+ BSc Computer Engineering at Johns Hopkins University + Baltimore, MD +
+
+ September 2014 to December 2017 +
+
+
    +
  • + 3.53 GPA (Magna Cum Laude) +
  • +
  • + Relevant Coursework: Computer Graphics, Object Oriented Software Engineering, Linear Algebra, Video Game Engines and Design, Operating Systems, Data Structures, Introduction to Renewable Energy Engineering +
  • +
+
+ +
+

Projects

-
-
-
- -
-

Projects

- -
-
+ + + + diff --git a/resume.css b/resume.css index a706f31..0cbf4a1 100755 --- a/resume.css +++ b/resume.css @@ -28,33 +28,50 @@ header { padding-bottom: 1rem; } +#resume_container { + display: flex; + flex-direction: row; +} + #resume a { color: #343231; } +#resume_sidebar { + width: auto; + margin-right: 1rem; +} + #resume_header { - width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; + flex-direction: column; + align-items: flex-start; + margin-bottom: 32px; } -#resume_header > h1 { - font-size: 24px; +.resume_header_name { + font-size: 48px; + font-variant: small-caps; + word-wrap: break-word; padding: 0; margin: 0; font-weight: 500; + margin-bottom: 32px; } #resume_header_contact { + margin-top: 16px; display: flex; flex-direction: row; + flex-direction: column; } #resume_header_contact span { - margin-right: 0.5rem; - margin-left: 0.5rem; + margin-top: 5px; + font-size: 16px; } #resume_header_contact i { @@ -73,7 +90,7 @@ header { font-weight: bold; padding: 0; margin: 0; - padding: 10px; + padding: 5px; background-color: #2E4C6D; color: white; } @@ -82,21 +99,6 @@ header { padding: 0.5rem; } -.skill-section { - width: 100%; - display: flex; - flex-direction: row; - justify-content: space-between; -} - -.skill-section > b { - width: 25%; -} - -.skill-section > div { - width: 75%; -} - .experience-header > div { display: flex; flex-direction: row; @@ -113,12 +115,69 @@ header { display: flex; flex-direction: row; justify-content: flex-start; - column-gap: 8px; } .experience-tech > svg { width: 20px; height: 20px; + margin-right: 8px; +} + +#skills_section { + display: flex; + flex-direction: column; +} + +.skills_section_item { + display: flex; + flex-direction: column; + margin-bottom: 24px; +} + +.skills_section_bar { + position: relative; + width: 204px; + height: 24px; + background-color: white; + border-radius: 3px; + border: 1px solid lightgray; +} + +.skills_section_bar_fill { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-image: linear-gradient(to right,#007acc, #00E091); + border-radius: 3px; +} + +.skills_section_bar_fill.one { + width: 20%; +} + +.skills_section_bar_fill.two { + width: 40%; +} + +.skills_section_bar_fill.three { + width: 60%; +} + +.skills_section_bar_fill.four { + width: 80%; +} + +.skills_section_bar_fill.five { + width: 100%; +} + +.skills_section_label { + width: 100%; + margin-top: 4px; + color: black; + font-size: 16px; } @@ -150,22 +209,4 @@ header { width: calc(100vw - 4rem); height: calc(100vh - 4rem); overflow: auto; -} - -/* Phone screen adjustments */ -@media only screen and (device-width: 960px), -only screen and (max-width:960px) { - #resume_header { - flex-direction: column; - align-items: flex-start; - } - - #resume_header_contact { - flex-direction: column; - } - - #resume_header_contact span { - margin: 0; - margin-top: 5px; - } -} +} \ No newline at end of file diff --git a/resume.html b/resume.html index acac84c..4862170 100755 --- a/resume.html +++ b/resume.html @@ -22,7 +22,8 @@ -
+ +
-
-

Matthew Kosarek

- -
- πŸ–₯️ Computer Programmer - πŸ”— matthewkosarek.xyz - πŸ“§ mkosare1@gmail.com - πŸ‡ΊπŸ‡Έ United States Citizen -
-
- -
-

Skills

-
-
- Languages & Frameworks
C, C++, C#, ASP.NET, JavaScript, TypeScript, React, HTML, CSS, Java, OpenGL
-
-
- Tools
git, Linux, npm, Webpack, Unity, AWS, Emacs, Visual Studio Professional
+
+
+
+ Matthew + Kosarek + +
+ πŸ–₯️ Software Developer + πŸ”— matthewkosarek.xyz + πŸ“§ mkosare1@gmail.com + πŸ‡ΊπŸ‡Έ United States Citizen +
-
-
- -
-

Experience

-
-
-
-
- Software Team Lead - Vention -
-
- July 2020 to Present - Montreal, QC -
+
+
+ + + +
-
- - - - - - + +
+ + + +
-
    -
  • - Led a team in the development of industrial software applications including robot palletizers, cartesian palletizers, and CNC machines -
  • -
  • - Developed and shipped a number of client projects which are now being used everyday in factories -
  • -
  • - Architected and developed a framework for all future client projects -
  • -
  • - Interacted with other teams on a daily basis to align on business goals and meet deadlines -
  • -
  • - Planned, scoped, and organized daily tasks and long-term projects -
  • -
  • - Individually contributed across many aspects of the codebase, from firmware to the application layer -
  • -
-
-
-
-
- Software Engineer I - Big Huge Games -
-
- January 2018 to June 2020 - Timonium, MD -
+ +
+ + + +
-
- - - - - - - + +
+ + + +
-
    -
  • - Developed and maintained the data pipeline - from data entry, to data validation, to data publishing - for Arcane Showdown -
  • -
  • - Designed, built, and maintained a live operations scheduling and publishing web application for DomiNations -
  • -
  • - Implemented a localization system for Arcane Showdown which allowed the game to be released in different languages -
  • -
  • - Implemented game features on all parts of the stack, including tools, Unity client, and game servers -
  • -
-
-
-
-
- Teaching Assistant for Intro to Video Game Design - Johns Hopkins University -
-
- September 2017 to December 2017 - Baltimore, MD -
+ +
+ + + +
-
- + +
+ + + +
-
    -
  • - Assisted beginner programmers in the development of 2D game engines using the SDL2 library -
  • -
-
-
-
-
- Software Engineering Intern - Big Huge Games -
-
- May 2017 to August 2017 - Timonium, MD -
+ +
+ + + +
-
- - - - + +
+ + + +
-
    -
  • - Developed a tool using C# and GTK to improve the workflow of the quality assurance team for DomiNations -
  • -
  • - Wrote a comprehensive user manual that explains how the tool functions for both technical and non-technical users -
  • -
-
-
-
-
- Software Engineering Intern - Sparkypants Studios -
-
- May 2016 to August 2016 - Baltimore, MD -
+ +
+ + + +
-
- + +
+ + + + +
+ +
+ + + +
-
    -
  • - Developed a profiling framework for the game systems in Dropzone -
  • -
-
-
- -
-

Education

-
-
-
-
- BSc Computer Engineering at Johns Hopkins University - Baltimore, MD + + +
+
+

Experience

+
+
+
+
+ Software Team Lead + Vention +
+
+ July 2020 to Present + Montreal, QC +
+
+
+ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
    +
  • + Led a team in the development of industrial software applications including robot palletizers, cartesian palletizers, and CNC machines +
  • +
  • + Developed and shipped a number of client projects which are now being used everyday in factories +
  • +
  • + Architected and developed a framework for all future client projects +
  • +
  • + Interacted with other teams on a daily basis to align on business goals and meet deadlines +
  • +
  • + Planned, scoped, and organized daily tasks and long-term projects +
  • +
  • + Individually contributed across many aspects of the codebase, from firmware to the application layer +
  • +
-
- September 2014 to December 2017 +
+
+
+ Software Engineer I + Big Huge Games +
+
+ January 2018 to June 2020 + Timonium, MD +
+
+
+ + + + + + + +
+
    +
  • + Developed and maintained the data pipeline - from data entry, to data validation, to data publishing - for Arcane Showdown +
  • +
  • + Designed, built, and maintained a live operations scheduling and publishing web application for DomiNations +
  • +
  • + Implemented a localization system for Arcane Showdown which allowed the game to be released in different languages +
  • +
  • + Implemented game features on all parts of the stack, including tools, Unity client, and game servers +
  • +
+
+
+
+
+ Teaching Assistant for Intro to Video Game Design + Johns Hopkins University +
+
+ September 2017 to December 2017 + Baltimore, MD +
+
+
+ +
+
    +
  • + Assisted beginner programmers in the development of 2D game engines using the SDL2 library +
  • +
+
+
+
+
+ Software Engineering Intern + Big Huge Games +
+
+ May 2017 to August 2017 + Timonium, MD +
+
+
+ + + + +
+
    +
  • + Developed a tool using C# and GTK to improve the workflow of the quality assurance team for DomiNations +
  • +
  • + Wrote a comprehensive user manual that explains how the tool functions for both technical and non-technical users +
  • +
+
+
+
+
+ Software Engineering Intern + Sparkypants Studios +
+
+ May 2016 to August 2016 + Baltimore, MD +
+
+
+ +
+
    +
  • + Developed a profiling framework for the game systems in Dropzone +
  • +
+
+
+
+ +
+

Education

+
+
+
+
+ BSc Computer Engineering at Johns Hopkins University + Baltimore, MD +
+
+ September 2014 to December 2017 +
+
+
    +
  • + 3.53 GPA (Magna Cum Laude) +
  • +
  • + Relevant Coursework: Computer Graphics, Object Oriented Software Engineering, Linear Algebra, Video Game Engines and Design, Operating Systems, Data Structures, Introduction to Renewable Energy Engineering +
  • +
+
+ +
+

Projects

-
-
-
- -
-

Projects

- -
-
+ + + + -- cgit v1.2.1