summaryrefslogtreecommitdiff
path: root/download/resume_dl.html
diff options
context:
space:
mode:
Diffstat (limited to 'download/resume_dl.html')
-rw-r--r--download/resume_dl.html264
1 files changed, 137 insertions, 127 deletions
diff --git a/download/resume_dl.html b/download/resume_dl.html
index bd4ea57..e09e36c 100644
--- a/download/resume_dl.html
+++ b/download/resume_dl.html
@@ -3,169 +3,179 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<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>
<style>
- body {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 14px;
- padding: 2rem;
- }
+ html {
+ overflow-y: overlay;
+ }
- header {
- padding-bottom: 1rem;
- }
+ body {
+ font-size: 16px !important;
+ padding-top: 72px;
+ padding-left: 48px;
+ padding-right: 48px;
+ }
- #actions_container {
- padding-bottom: 1rem;
-
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- }
+ header {
+ padding-bottom: 1rem;
+ }
- #resume {
- position: relative;
- text-align: left;
- background-color: white;
- color: black;
- font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
- line-height: 1.2rem;
- padding-bottom: 1rem;
- }
+ #actions_container {
+ padding-bottom: 1rem;
+
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ }
- #resume_button_container {
- position: absolute;
- top: 0;
- right: 1rem;
- text-align: right;
-
- }
+ #resume {
+ position: relative;
+ text-align: left;
+ background-color: white;
+ color: black;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ line-height: 1.2rem;
+ padding-bottom: 1rem;
+ }
- #resume_button_container > button {
- border: none;
- background-color: transparent;
- }
+ #resume_header {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ }
- #resume_button_container > button:hover {
- cursor: pointer;
- opacity: 0.8;
- }
+ #resume_header > h1 {
+ font-size: 24px;
+ padding: 0;
+ margin: 0;
+ font-weight: 500;
+ }
- #resume.resume_fullscreen {
- position: fixed;
- top: 0;
- left: 0;
- padding: 2rem;
- width: calc(100vw - 4rem);
- height: calc(100vh - 4rem);
- overflow: auto;
- }
+ #resume_header_contact {
+ font-size: 14px;
+ }
+ #resume_header_contact span {
+ margin-right: 0.5rem;
+ margin-left: 0.5rem;
+ }
- #resume > div {
- text-align: left;
- }
+ img.emoji {
+ height: 1em;
+ width: 1em;
+ margin: 0 .05em 0 .1em;
+ vertical-align: -0.1em;
+ }
- #resume > header {
- width: 100%;
- text-align: center;
- }
+ #resume_header_contact i {
+ margin-right: 0.25rem;
+ font-style: normal;
+ }
- #resume > header > h1 {
- font-size: 1.7rem;
- padding: 0;
- margin: 0;
- font-weight: 500;
- }
+ .resume_section {
+ width: 100%;
+ text-align: left;
+ }
- #resume > header > div {
- padding-top: 0.8rem;
- }
+ .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 > header > div > span {
- padding-right: 0.5rem;
- padding-left: 0.5rem;
- }
+ .resume_section_content {
+ padding: 0.5rem;
+ }
- #resume > header > div > span > i {
- padding-right: 0.25rem;
- }
+ .skill-section {
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ }
- .resume_section {
- width: 100%;
- }
+ .skill-section > div {
+ width: 75%;
+ }
- .resume_section > h2 {
- font-size: 1.25rem !important;
- font-variant: small-caps;
- font-weight: bold;
- padding: 0;
- margin: 0;
- padding: 0.5rem;
- background-color: #2E4C6D;
- color: white;
- }
+ .experience-header > div {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ }
- .resume_section > div {
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- padding-left: 0.5rem;
- padding-right: 0.5rem;
- }
+ .experience-item li {
+ width: 100%;
+ }
- .skill-section {
- width: 100%;
- display: flex;
- flex-direction: row;
- }
- .skill-section > b {
- width: 25%;
- font-weight: bold;
- margin: 0;
- padding: 0;
- }
+ /** Web-only **/
+ #resume_button_container {
+ width: 100%;
+ text-align: right;
+ margin-right: 1rem;
+ margin-bottom: 1rem;
+
+ }
- .skill-section > div {
- width: 75%;
- }
+ #resume_button_container > button {
+ border: none;
+ background-color: transparent;
+ font-size: 20px;
+ }
- .experience-header > div {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
+ #resume_button_container > button:hover {
+ cursor: pointer;
+ opacity: 0.8;
+ }
- .experience-item li {
- width: 100%;
- }
+ #resume.resume_fullscreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ padding: 2rem;
+ width: calc(100vw - 4rem);
+ height: calc(100vh - 4rem);
+ overflow: auto;
+ }
</style>
</head>
<body>
<section id='resume'>
- <header>
+ <header id="resume_header">
<h1>Matthew Kosarek</h1>
- <div>
- <span><i>&#128422;</i>Computer Programmer</span>
- <span><i>&#128222;</i> +1-201-400-2699</span>
+
+ <div id="resume_header_contact">
+ <span><i>&#128422;</i> Computer Programmer</span>
+ <span><i>☎️</i> +1-201-400-2699</span>
<span><i>&#128231;</i> mkosare1@gmail.com</span>
+ <span><i>🇺🇸</i> United States Citizen</span>
</div>
</header>
<section class='resume_section'>
<h2>Skills</h2>
- <div>
+ <div class="resume_section_content">
<div class="skill-section">
- <b>Languages & Tech</b><div>C/C++, C#, TypeScript/JavaScript, HTML & CSS, Java, OpenGL, ASP.NET, ReactJS, WebGL, SQL</div>
+ <b>Languages & Tech</b><div>C/C++, C#, TypeScript/JavaScript, ReactJS, HTML & CSS, Java, OpenGL, ASP.NET, Linux</div>
</div>
<div class="skill-section">
- <b>Tools</b><div>Git, Visual Studio Professional, Unity, npm, Webpack, TeamCity, NuGet, AWS</div>
+ <b>Tools</b><div>git, npm, Webpack Visual Studio Professional, Visual Studio Code, Unity, TeamCity, NuGet, Emacs</div>
</div>
</div>
</section>
<section class='resume_section'>
<h2>Experience</h2>
- <div>
+ <div class="resume_section_content">
<div class="experience-item">
<div class="experience-header">
<div>
@@ -179,19 +189,19 @@
</div>
<ul>
<li>
- Led the MachineApps team in the development of a robust infrastructure for industrial software applications
+ Led a small team in developing a robust infrastructure for customer-facing industrial software applications
</li>
<li>
- Developed and shipped a number of time-sensitive client projects
+ Developed and shipped a number of time-sensitive client projects, including palletizing and path-following software applications
</li>
<li>
- Interacted extensively with other teams to align on specific business goals and meet client deadlines
+ Interacted extensively with other teams to align on specific business goals and meet expectations
</li>
<li>
- Implemented new features and fixed bugs in both the engine and frontend of a code-free programming language
+ Planned and organized project tasks for the team via Github tickets
</li>
<li>
- Developed a CNC application that accepts G-Code files as input and provides a realtime rendering of the path during execution
+ Implemented new features in both the engine and frontend of MachineLogic, which is the company's code-free programming language
</li>
</ul>
</div>
@@ -223,7 +233,7 @@
Met weekly with various disciplines to discuss ways to improve the UX of the company's tools
</li>
<li>
- Initiated company-wide React and TypeScript code sharing via a private NPM repository
+ Initiated company-wide React and TypeScript code sharing via a private npm repository
</li>
<li>
Worked within the Agile framework, in which I planned sprint work, attended daily stand-ups, and participated in retrospectives
@@ -289,7 +299,7 @@
<section class='resume_section'>
<h2>Education</h2>
- <div>
+ <div class="resume_section_content">
<div class="experience-item">
<div class="experience-header">
<div>