summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--download/build.js1
-rw-r--r--download/cv.pdfbin114764 -> 1148078 bytes
-rw-r--r--download/resume_dl.css5
-rw-r--r--download/resume_dl.html53
-rwxr-xr-xresume.css16
-rwxr-xr-xresume.html31
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
--- a/download/cv.pdf
+++ b/download/cv.pdf
Binary files 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>