From 2cdc62447a7ac97b22214dcc00be05b55be46715 Mon Sep 17 00:00:00 2001
From: mattkae <mattkae@protonmail.com>
Date: Sat, 10 Dec 2022 12:01:31 -0500
Subject: Updated resume to contain proper stylings on download

---
 download/build.js       |   1 +
 download/cv.pdf         | Bin 114764 -> 1148078 bytes
 download/resume_dl.css  |   5 ++++-
 download/resume_dl.html |  53 ++++++++++++++++++++++++++++++++----------------
 resume.css              |  16 +++++++++------
 resume.html             |  31 +++++++++++++++++++---------
 6 files changed, 72 insertions(+), 34 deletions(-)

diff --git a/download/build.js b/download/build.js
index baef284..39c79cc 100644
--- a/download/build.js
+++ b/download/build.js
@@ -20,6 +20,7 @@ const newHeader = `
     <meta charset="UTF-8" />
       <script src="https://twemoji.maxcdn.com/2/twemoji.min.js?11.2"></script>
       <script>window.onload = function () { twemoji.parse(document.body);}</script>
+      <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300" rel="stylesheet" type="text/css">
 <style>
 ${resumeCss}
 ${resumeDlCss}
diff --git a/download/cv.pdf b/download/cv.pdf
index ecb2939..fad9e6a 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 98b9b71..37fd65a 100644
--- a/download/resume_dl.css
+++ b/download/resume_dl.css
@@ -7,7 +7,6 @@ body {
   padding-top: 72px;
   padding-left: 48px;
   padding-right: 48px;
-  font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif; 
 }
 
 img.emoji {
@@ -15,4 +14,8 @@ img.emoji {
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
+}
+
+#resume {
+  font-family: "Open Sans", sans-serif !important;
 }
\ No newline at end of file
diff --git a/download/resume_dl.html b/download/resume_dl.html
index 1eff2f2..9a796d6 100644
--- a/download/resume_dl.html
+++ b/download/resume_dl.html
@@ -6,6 +6,7 @@
     <meta charset="UTF-8" />
       <script src="https://twemoji.maxcdn.com/2/twemoji.min.js?11.2"></script>
       <script>window.onload = function () { twemoji.parse(document.body);}</script>
+      <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300" rel="stylesheet" type="text/css">
 <style>
 html {
     overflow-y: overlay;
@@ -47,8 +48,8 @@ header {
 }
 
 #resume_sidebar {
-    width: auto;
-    margin-right: 1rem;
+    width: 204px;
+    margin-right: 24px;
 }
 
 #resume_header {
@@ -79,12 +80,15 @@ header {
 }
 
 #resume_header_contact span {
-    margin-top: 5px;
+    margin-bottom: 8px;
     font-size: 16px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 }
 
 #resume_header_contact i {
-    margin-right: 0.25rem;
+    margin-right: 8px;
     font-style: normal;
 }
 
@@ -145,8 +149,8 @@ header {
 
 .skills_section_bar {
     position: relative;
-    width: 204px;
-    height: 24px;
+    width: 100%;
+    height: 16px;
     background-color: white;
     border-radius: 3px;
     border: 1px solid lightgray;
@@ -160,6 +164,7 @@ header {
     width: 100%;
     background-image: linear-gradient(to right,#007acc, #00E091);
     border-radius: 3px;
+    background-size: 204px 100%;
 }
 
 .skills_section_bar_fill.one {
@@ -228,7 +233,6 @@ body {
   padding-top: 72px;
   padding-left: 48px;
   padding-right: 48px;
-  font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif; 
 }
 
 img.emoji {
@@ -237,6 +241,10 @@ img.emoji {
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
 }
+
+#resume {
+  font-family: "Open Sans", sans-serif !important;
+}
 </style>
 </head>
 
@@ -254,6 +262,10 @@ img.emoji {
             <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>
@@ -312,7 +324,7 @@ img.emoji {
               <span class="skills_section_bar">
                 <span class="skills_section_bar_fill five"></span>
               </span>
-              <span class="skills_section_label">npm</span>
+              <span class="skills_section_label">Node.js</span>
             </div>
   
             <div class="skills_section_item">
@@ -321,6 +333,13 @@ img.emoji {
               </span>
               <span class="skills_section_label">Webpack</span>
             </div>
+
+            <div class="skills_section_item">
+              <span class="skills_section_bar">
+                <span class="skills_section_bar_fill four"></span>
+              </span>
+              <span class="skills_section_label">OpenGL</span>
+            </div>
   
             <div class="skills_section_item">
               <span class="skills_section_bar">
@@ -415,13 +434,13 @@ img.emoji {
                 </div>
                 <ul>
                   <li>
-                    Led a team in the development of industrial software applications including robot palletizers, cartesian palletizers, and CNC machines
+                    Led a team in the development of industrial software applications including cobot palletizers, cartesian palletizers, and CNC machines
                   </li>
                   <li>
-                    Developed and shipped a number of client projects which are now being used everyday in factories
+                    Developed and shipped software applications to clients who now use the applications everyday at their factories
                   </li>
                   <li>
-                    Architected and developed a framework for all future client projects
+                    Architected and developed the application framework upon which all future client applications will be developed
                   </li>
                   <li>
                     Interacted with other teams on a daily basis to align on business goals and meet deadlines
@@ -430,7 +449,7 @@ img.emoji {
                     Planned, scoped, and organized daily tasks and long-term projects 
                   </li>
                   <li>
-                    Individually contributed across many aspects of the codebase, from firmware to the application layer
+                    Individually contributed across many aspects of the codebase, from the firmware to the application layer
                   </li>
                 </ul>
               </div>
@@ -531,7 +550,7 @@ img.emoji {
                 </div>
                 <ul>
                   <li>
-                    Developed a profiling framework for the game systems in <i>Dropzone</i>
+                    Developed a profiling framework for the game systems of <i>Dropzone</i>
                   </li>
                 </ul>
               </div>
@@ -566,10 +585,10 @@ img.emoji {
           <section class="resume_section">
             <h2>Projects</h2>
             <ul>
-              <li>My <b>self-hosted personal website</b> where I do small projects in WebAssembly and OpenGL: <a href="https://matthewkosarek.xyz">https://matthewkosarek.xyz</a>
-                <li>A <b>game engine</b> that I built from scrach in C++ and OpenGL: <a href="https://github.com/mattkae/MatteEngine"">https://github.com/mattkae/MatteEngine</a></li>
-                <li>My <b>self-installing emacs configuration</b>: <a href="https://git.matthewkosarek.xyz/emacs_config/">https://git.matthewkosarek.xyz/emacs_config/</a> </li>
-                <li>Unfinished website about <b>realtime physics in video games</b>: <a href="https://physicsforgames.com/">https://physicsforgames.com/</a> </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>A <b>game engine</b> that I built from scrach 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>
diff --git a/resume.css b/resume.css
index 0cbf4a1..b91ab25 100755
--- a/resume.css
+++ b/resume.css
@@ -38,8 +38,8 @@ header {
 }
 
 #resume_sidebar {
-    width: auto;
-    margin-right: 1rem;
+    width: 204px;
+    margin-right: 24px;
 }
 
 #resume_header {
@@ -70,12 +70,15 @@ header {
 }
 
 #resume_header_contact span {
-    margin-top: 5px;
+    margin-bottom: 8px;
     font-size: 16px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 }
 
 #resume_header_contact i {
-    margin-right: 0.25rem;
+    margin-right: 8px;
     font-style: normal;
 }
 
@@ -136,8 +139,8 @@ header {
 
 .skills_section_bar {
     position: relative;
-    width: 204px;
-    height: 24px;
+    width: 100%;
+    height: 16px;
     background-color: white;
     border-radius: 3px;
     border: 1px solid lightgray;
@@ -151,6 +154,7 @@ header {
     width: 100%;
     background-image: linear-gradient(to right,#007acc, #00E091);
     border-radius: 3px;
+    background-size: 204px 100%;
 }
 
 .skills_section_bar_fill.one {
diff --git a/resume.html b/resume.html
index 4862170..b752177 100755
--- a/resume.html
+++ b/resume.html
@@ -41,6 +41,10 @@
             <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>
@@ -99,7 +103,7 @@
               <span class="skills_section_bar">
                 <span class="skills_section_bar_fill five"></span>
               </span>
-              <span class="skills_section_label">npm</span>
+              <span class="skills_section_label">Node.js</span>
             </div>
   
             <div class="skills_section_item">
@@ -108,6 +112,13 @@
               </span>
               <span class="skills_section_label">Webpack</span>
             </div>
+
+            <div class="skills_section_item">
+              <span class="skills_section_bar">
+                <span class="skills_section_bar_fill four"></span>
+              </span>
+              <span class="skills_section_label">OpenGL</span>
+            </div>
   
             <div class="skills_section_item">
               <span class="skills_section_bar">
@@ -202,13 +213,13 @@
                 </div>
                 <ul>
                   <li>
-                    Led a team in the development of industrial software applications including robot palletizers, cartesian palletizers, and CNC machines
+                    Led a team in the development of industrial software applications including cobot palletizers, cartesian palletizers, and CNC machines
                   </li>
                   <li>
-                    Developed and shipped a number of client projects which are now being used everyday in factories
+                    Developed and shipped software applications to clients who now use the applications everyday at their factories
                   </li>
                   <li>
-                    Architected and developed a framework for all future client projects
+                    Architected and developed the application framework upon which all future client applications will be developed
                   </li>
                   <li>
                     Interacted with other teams on a daily basis to align on business goals and meet deadlines
@@ -217,7 +228,7 @@
                     Planned, scoped, and organized daily tasks and long-term projects 
                   </li>
                   <li>
-                    Individually contributed across many aspects of the codebase, from firmware to the application layer
+                    Individually contributed across many aspects of the codebase, from the firmware to the application layer
                   </li>
                 </ul>
               </div>
@@ -318,7 +329,7 @@
                 </div>
                 <ul>
                   <li>
-                    Developed a profiling framework for the game systems in <i>Dropzone</i>
+                    Developed a profiling framework for the game systems of <i>Dropzone</i>
                   </li>
                 </ul>
               </div>
@@ -353,10 +364,10 @@
           <section class="resume_section">
             <h2>Projects</h2>
             <ul>
-              <li>My <b>self-hosted personal website</b> where I do small projects in WebAssembly and OpenGL: <a href="https://matthewkosarek.xyz">https://matthewkosarek.xyz</a>
-                <li>A <b>game engine</b> that I built from scrach in C++ and OpenGL: <a href="https://github.com/mattkae/MatteEngine"">https://github.com/mattkae/MatteEngine</a></li>
-                <li>My <b>self-installing emacs configuration</b>: <a href="https://git.matthewkosarek.xyz/emacs_config/">https://git.matthewkosarek.xyz/emacs_config/</a> </li>
-                <li>Unfinished website about <b>realtime physics in video games</b>: <a href="https://physicsforgames.com/">https://physicsforgames.com/</a> </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>A <b>game engine</b> that I built from scrach 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>
-- 
cgit v1.2.1