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>
</head>
<body>
<main class="wrapper">
<header id="masthead">
<main id="home" class="wrapper">
<header>
<h1>Eryn Wells</h1>
</header>
<div id="content">

View file

@ -8,98 +8,153 @@
<style type="text/css" media="all"></style>
</head>
<body>
<main class="wrapper">
<div id="resume">
<header>
<h1><a href="./index.html">Eryn Wells</a></h1>
</header>
<section id="experience">
<h2>Experience</h2>
<section id="apple" class="job">
<header>
<h3>Apple<span class="location">Cupertino, CA</span></h3>
<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>
<main id="resume" class="wrapper">
<header>
<h1><a href="./index.html">Eryn Wells</a></h1>
</header>
<section id="experience">
<h2>Experience</h2>
<section id="apple" class="job">
<header class="flex-date">
<h3>Apple<span class="location">Cupertino, CA</span></h3>
<div class="date">2016 to present</div>
</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 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 2016, WWDC 2015, WWDC 2014, PyCon 2012, She's Geeky 2012</dd>
<dt>Interests</dt>
<dd>Calligraphy, cooking, gardening, piano, programming languages, graphics, yoga</dd>
</dl>
<section id="lumos" class="job">
<header class="flex-date">
<h3>Lumos Labs<span class="location">San Francisco, CA</span></h3>
<div class="date">2014 to 2016</div>
</header>
<div class="subtitle">iOS Engineer, Lumosity</div>
<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>
</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>
</body>
</html>

View file

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

View file

@ -4,7 +4,7 @@
margin: 8px;
}
#resume h1 a {
h1 a {
text-decoration: none;
}
@ -13,6 +13,10 @@
margin-bottom: 4px;
}
#resume section:first-of-type {
margin-top: 1em;
}
h2 {
margin-bottom: 4px;
}
@ -25,14 +29,25 @@ h3, h4 {
margin-bottom: 2px;
}
header h3,
header h4 {
float: left;
.flex-buttons, .flex-date {
display: -webkit-flex;
display: flex;
}
header .date,
header .date {
float: right;
.flex-date {
align-items: baseline;
}
.flex-date .date {
margin-left: auto;
}
.flex-buttons {
align-items: center;
}
.flex-buttons .buttons {
margin-left: 1em;
}
.date {
@ -42,7 +57,6 @@ header .date {
}
.subtitle {
clear: both;
font-size: 85%;
font-style: italic;
}
@ -89,6 +103,18 @@ dd {
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) {
.wrapper {
margin-top: 8px;
@ -112,3 +138,56 @@ dd {
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;
}
}