Lots of general website tweaks

- Resume updates
- Style updates for the resume (print styles!)
- Prototyping some additions to the resume for side projects and some JS to support that
This commit is contained in:
Eryn Wells 2018-03-12 21:02:19 -07:00
parent 5d5b464371
commit ef9a698d2d
4 changed files with 235 additions and 100 deletions

View file

@ -7,8 +7,8 @@
<title>Eryn Wells</title> <title>Eryn Wells</title>
</head> </head>
<body> <body>
<main class="wrapper"> <main id="home" class="wrapper">
<header id="masthead"> <header>
<h1>Eryn Wells</h1> <h1>Eryn Wells</h1>
</header> </header>
<div id="content"> <div id="content">

View file

@ -8,98 +8,153 @@
<style type="text/css" media="all"></style> <style type="text/css" media="all"></style>
</head> </head>
<body> <body>
<main class="wrapper"> <main id="resume" class="wrapper">
<div id="resume"> <header>
<header> <h1><a href="./index.html">Eryn Wells</a></h1>
<h1><a href="./index.html">Eryn Wells</a></h1> </header>
</header>
<section id="experience"> <section id="experience">
<h2>Experience</h2> <h2>Experience</h2>
<section id="apple" class="job"> <section id="apple" class="job">
<header> <header class="flex-date">
<h3>Apple<span class="location">Cupertino, CA</span></h3> <h3>Apple<span class="location">Cupertino, CA</span></h3>
<div class="date">2016 to present</div> <div class="date">2016 to present</div>
<div class="subtitle">iOS Accessibility Engineer</div>
</header>
<ul>
<li>Implemented several new features and improvements to core accessible technologies on iOS</li>
<li>Drove the implementation of many improvements to first party apps, and worked with app teams within Apple
to enhance their support for our platform.</li>
<li>Participated in developer outreach at conferences (WWDC) and onsite events to promote the value of making
software accessible and answer developer questions</li>
</ul>
</section>
<section id="lumos" class="job">
<header>
<h3>Lumos Labs<span class="location">San Francisco, CA</span></h3>
<div class="date">2014 to 2016</div>
<div class="subtitle">iOS Engineer, Lumosity</div>
</header>
<ul>
<li>Migrated from a proprietary navigation implementation in C++ to UIKit components and established patterns
for further development</li>
<li>Refactored several components of the core Lumosity experience from C++ to UIKit</li>
<li>Authored process document describing our code review and QA approval process for patches</li>
<li>Implemented 1v1 competition feature, which had a greater than 50% engagement rate</li>
</ul>
</section>
<section id="vmware" class="job">
<header>
<h3>VMware<span class="location">Palo Alto, CA</span></h3>
<div class="subtitle">Member of Technical Staff</div>
</header>
<header>
<h4>Fusion, Product Development</h4>
<div class="date">2012 to 2014</div>
</header>
<ul>
<li>Restructured keyboard input handling to improve code architecture and accommodate multiple clients of our
OS X UI library</li>
<li>Redesigned outdated first-run and trial experiences to improve initial impressions, and make it easier to
try Fusion</li>
<li>Exposed Cocoa configuration UI for a USB device arbitration library written in C (through our
platform-independent C++ library, and OS X-specific Objective-C library)</li>
</ul>
<header>
<h4>View, Desktop Infrastructure Group</h4>
<div class="date">2011 to 2012</div>
</header>
<ul>
<li>Engineered an extensive rewrite of VDT to incorporate a new deployment backend relying on VMware vCloud
Director, and to allow greater flexibility in how deployments are created</li>
<li>Implemented stabilization fixes in the View Deployment Tool (VDT), which is responsible for deploying
instances of the View product during automated testing</li>
<li>Completed and stabilized system tests designed to exercise several of Views provisioning features</li>
</ul>
</section>
</section>
<section id="education">
<h2>Education</h2>
<header>
<h3>Oberlin College<span class="location">Oberlin, OH</span></h3>
<div class="date">2006 to 2010</div>
<div class="subtitle">Bachelor of Arts in Computer Science with Honors, GPA 3.62 of 4.0</div>
</header> </header>
<div class="subtitle">iOS Accessibility Engineer</div>
<ul>
<li>Implemented several new features and improvements to core accessible technologies on iOS</li>
<li>Drove the implementation of many improvements to first party apps, and worked with app teams within Apple
to enhance their support for our platform.</li>
<li>Participated in developer outreach at conferences (WWDC) and onsite events to promote the value of making
software accessible and answer developer questions</li>
</ul>
</section> </section>
<section id="skills">
<h2>Skills &amp; Interests</h2> <section id="lumos" class="job">
<div class="subtitle">Skills ranked in order of experience</div> <header class="flex-date">
<dl> <h3>Lumos Labs<span class="location">San Francisco, CA</span></h3>
<dt>Languages</dt> <div class="date">2014 to 2016</div>
<dd>Objective-C, C, C++, Python, Rust, Swift</dd> </header>
<dt>Frameworks</dt> <div class="subtitle">iOS Engineer, Lumosity</div>
<dd>UIKit, Cocoa, Django</dd> <ul>
<dt>Tools</dt> <li>Migrated from a proprietary navigation implementation in C++ to UIKit components and established patterns
<dd>Vim, Git, Xcode, Perforce, Review Board</dd> for further development</li>
<dt>Spoken Languages</dt> <li>Refactored several components of the core Lumosity experience from C++ to UIKit</li>
<dd>English, Spanish, French</dd> <li>Authored process document describing our code review and QA approval process for patches</li>
<dt>Conferences</dt> <li>Implemented 1v1 competition feature, which had a greater than 50% engagement rate</li>
<dd>WWDC 2016, WWDC 2015, WWDC 2014, PyCon 2012, She's Geeky 2012</dd> </ul>
<dt>Interests</dt>
<dd>Calligraphy, cooking, gardening, piano, programming languages, graphics, yoga</dd>
</dl>
</section> </section>
</div>
<section id="vmware" class="job">
<header>
<h3>VMware<span class="location">Palo Alto, CA</span></h3>
</header>
<div class="subtitle">Member of Technical Staff</div>
<header class="flex-date">
<h4>Fusion, Product Development</h4>
<div class="date">2012 to 2014</div>
</header>
<ul>
<li>Restructured keyboard input handling to improve code architecture and accommodate multiple clients of our
OS X UI library</li>
<li>Redesigned outdated first-run and trial experiences to improve initial impressions, and make it easier to
try Fusion</li>
<li>Exposed Cocoa configuration UI for a USB device arbitration library written in C (through our
platform-independent C++ library, and OS X-specific Objective-C library)</li>
</ul>
<header class="flex-date">
<h4>View, Desktop Infrastructure Group</h4>
<div class="date">2011 to 2012</div>
</header>
<ul>
<li>Engineered an extensive rewrite of VDT to incorporate a new deployment backend relying on VMware vCloud
Director, and to allow greater flexibility in how deployments are created</li>
<li>Implemented stabilization fixes in the View Deployment Tool (VDT), which is responsible for deploying
instances of the View product during automated testing</li>
<li>Completed and stabilized system tests designed to exercise several of Views provisioning features</li>
</ul>
</section> <!-- vmware -->
</section> <!-- experience -->
<section id="education">
<h2>Education</h2>
<header class="flex-date">
<h3>Oberlin College<span class="location">Oberlin, OH</span></h3>
<div class="date">2006 to 2010</div>
</header>
<div class="subtitle">Bachelor of Arts in Computer Science with Honors, GPA 3.62 of 4.0</div>
</section>
<section id="side-projects">
<div class="flex-buttons">
<h2>Side Projects</h2>
<div class="buttons">
<button class="toggle" data-category="all">All</button>
<button class="toggle" data-category="graphics">Graphics</button>
<button class="toggle" data-category="langs">PLs</button>
<button class="toggle" data-category="systems">Systems</button>
</div>
</div>
<div class="project" data-category="graphics">
<header class="flex-date">
<h4>Charles</h4>
</header>
<div class="subtitle">C++, graphics</div>
<ul>
<li>Ray tracer written in C++11, utilizing libpng for output and libyaml for scene configuration.</li>
<li>Implemented perspective projection camera model, and ray intersection algorithms for a variety of geometric
primitives.</li>
<li>Researched and implemented basic Lambert and Blinn lighting algorithms.</li>
</ul>
</div>
<div class="project" data-category="graphics">
<header class="flex-date">
<h4>Metaballs</h4>
</header>
<div class="subtitle">Cocoa/AppKit, Metal, texture generation, graphics</div>
<ul>
<li>Leveraged Metal's compute and graphics pipelines to generate a pixel perfect 2D texture based on
the <a href="https://en.wikipedia.org/wiki/Metaballs">Metaballs</a> concept.</li>
<li>Implemented a variety of color blending modes to render the metaballs in interesting ways.</li>
<li>Planed a 3D implementation using the <a href="https://en.wikipedia.org/wiki/Marching_cubes">Marching
Cubes</a> algorithm.</li>
</ul>
</div>
<div class="project" data-category="systems">
<header class="flex-date">
<h4><a href="https://github.com/erynofwales/polka">Polka</a></h4>
</header>
<div class="subtitle">C++, operating systems</div>
</div>
<div class="project" data-category="langs">
<header class="flex-date">
<h4><a href="https://github.com/erynofwales/sibil">Sibil</a></h4>
</header>
<div class="subtitle">Rust, programming languages</div>
</div>
</section> <!-- side projects -->
<section id="skills">
<h2>Skills &amp; Interests</h2>
<div class="subtitle">Skills ranked in order of experience</div>
<dl>
<dt>Languages</dt>
<dd>Objective-C, C, C++, Python, Rust, Swift</dd>
<dt>Frameworks</dt>
<dd>UIKit, Cocoa, Django</dd>
<dt>Tools</dt>
<dd>Vim, Git, Xcode, Perforce, Review Board</dd>
<dt>Spoken Languages</dt>
<dd>English, Spanish, French</dd>
<dt>Conferences</dt>
<dd>WWDC 2014&ndash;2017, PyCon 2012, She's Geeky 2012</dd>
<dt>Interests</dt>
<dd>Calligraphy, cooking, gardening, piano, programming languages, graphics, yoga</dd>
</dl>
</section>
</main> </main>
</body> </body>
</html> </html>

View file

@ -19,9 +19,10 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
font-size: 10pt; font-size: 10pt;
letter-spacing: 1px;
} }
header { main > header {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }

View file

@ -4,7 +4,7 @@
margin: 8px; margin: 8px;
} }
#resume h1 a { h1 a {
text-decoration: none; text-decoration: none;
} }
@ -13,6 +13,10 @@
margin-bottom: 4px; margin-bottom: 4px;
} }
#resume section:first-of-type {
margin-top: 1em;
}
h2 { h2 {
margin-bottom: 4px; margin-bottom: 4px;
} }
@ -25,14 +29,25 @@ h3, h4 {
margin-bottom: 2px; margin-bottom: 2px;
} }
header h3, .flex-buttons, .flex-date {
header h4 { display: -webkit-flex;
float: left; display: flex;
} }
header .date, .flex-date {
header .date { align-items: baseline;
float: right; }
.flex-date .date {
margin-left: auto;
}
.flex-buttons {
align-items: center;
}
.flex-buttons .buttons {
margin-left: 1em;
} }
.date { .date {
@ -42,7 +57,6 @@ header .date {
} }
.subtitle { .subtitle {
clear: both;
font-size: 85%; font-size: 85%;
font-style: italic; font-style: italic;
} }
@ -89,6 +103,18 @@ dd {
margin-left: 1em; margin-left: 1em;
} }
#side-projects button {
background-color: #f5f5f5;
border: none;
border-radius: 2px;
display: inline;
}
#side-projects button:hover, #side-projects .selected {
background-color: #3486ff;
color: #eee;
}
@media only screen and (max-width: 500px) { @media only screen and (max-width: 500px) {
.wrapper { .wrapper {
margin-top: 8px; margin-top: 8px;
@ -112,3 +138,56 @@ dd {
padding: 60px 0; padding: 60px 0;
} }
} }
@media only print {
h1 {
font-family: Arial, Verdana, sans-serif;
color: black;
}
body {
margin: 0.25in 0.5in;
}
main > header {
border: none;
}
.wrapper {
margin: 0;
padding: 0;
}
.job header {
margin-bottom: 0;
}
h2 {
margin-bottom: 0px;
}
#side-projects .buttons {
display: none;
}
#skills dl {
margin-top: 0.5em;
}
#skills dt:before {
content: "";
display: block;
}
#skills dt:after {
content: ": ";
}
#skills dt, dd {
display: inline;
}
#skills dd {
margin-left: 0;
}
}