eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Lots of style and formatting and stuff updates

Browse source
This commit is contained in:
Eryn Wells 2017-05-04 14:39:03 -07:00
parent 64fd9666bf
commit db5b9a676f
6 changed files with 209 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

20
root/index.html
View file

@ -1,28 +1,22 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<!-- vim: set tw=120 -->
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="./styles/home.css" /> <link rel="stylesheet" href="./styles/home.css" />
<title>Home &mdash; Eryn Wells</title> <title>Eryn Wells</title>
</head> </head>
<body> <body>
<main> <main class="wrapper">
<header id="masthead"> <header id="masthead">
<h1>Eryn Wells</h1> <h1>Eryn Wells</h1>
<p>iOS accessibility engineer. Programming language geek. Calligrapher. Occasional chef. Hopeful gardener.
<p>Cocoa and Django hacker. Tech geek. Foodie. Hopeful gardener. Yogini. Yogini. Queer. Feminist.</p>
Queer lady. Feminist. Obie '10.</p>
<p></p>
<p>She <a href="http://blog.erynwells.me">writes</a> (sometimes).
And <a href="https://gitlab.com/u/erynofwales">codes</a> (a lot).
And <a href="https://twitter.com/erynofwales">tweets</a> (too often).</p>
</header> </header>
<div class="navi"> <footer class="nav">
<a href="./key.html">Key</a> <a href="./key.html">Key</a>
<a href="./resume.html">Résumé</a> <a href="./resume.html">Résumé</a>
</div> </footer>
</main> </main>
</body> </body>
</html> </html>

25
root/key.html
View file

@ -1,33 +1,22 @@
<!DOCTYPE HTML> <!DOCTYPE HTML>
<!-- vim: set tw=120 -->
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="./styles/home.css" /> <link rel="stylesheet" href="./styles/home.css" />
<title>PGP Key &mdash; Eryn Wells</title> <title>PGP Key &mdash; Eryn Wells</title>
<style type="text/css">
#key-download p:last-child {
margin-bottom: 0;
}
</style>
</head> </head>
<body> <body>
<div class="container"> <div class="wrapper">
<header id="masthead"> <header id="masthead">
<h1>PGP Key</h1> <h1>PGP Key</h1>
<a href="https://www.erynwells.me/erynofwales.gpg">
<div id="key-info"> <code>7BDF 859E 4100 1C15 1A9F 0B11 FF6C 66F5 E56D 0154</code>
<p>Click the button below to download an ASCII version of my PGP key. You can also find my key on the MIT key </a>
server.</p>
<div id="key-download">
<a class="btn btn-primary" href="https://www.erynwells.me/erynofwales.gpg">Download PGP Key</a>
<p><code>7BDF 859E 4100 1C15 1A9F 0B11 FF6C 66F5 E56D 0154</code></p>
</div>
</div>
</header> </header>
<div class="navi"> <footer class="nav">
<a href="./index.html">Home</a> <a href="./index.html">Home</a>
</div> </footer>
</div> </div>
</body> </body>
</html> </html>

122
root/resume.html
View file

@ -1,103 +1,88 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- vim: set tw=120 --!>
<html> <html>
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./styles/resume.css" />
<title>Eryn Wells' Résumé</title> <title>Eryn Wells' Résumé</title>
<style type="text/css" media="all"> <style type="text/css" media="all"></style>
body {
font-family: sans-serif;
}
#resume {
width: 800px;
margin: auto;
}
h3, h4 {
margin-bottom: 2px;
}
.subtitle {
font-size: 85%;
font-style: italic;
}
h3 .location,
h4 .location {
font-weight: normal;
font-size: 80%;
}
h3 .location::before,
h4 .location::before {
content: ", ";
}
ul {
margin: 0;
padding-left: 1em;
}
li {
list-style: none;
margin: 0;
}
li::before {
content: "– ";
}
dt {
font-style: bold;
}
</style>
</head> </head>
<body> <body>
<main class="wrapper">
<div id="resume"> <div id="resume">
<header> <header>
<h1>Eryn Wells</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">
<h3>Apple<span class="location">Cupertino, CA</span></h3> <header>
<div class="subtitle">iOS Accessibility Engineer</div> <h3>Apple<span class="location">Cupertino, CA</span></h3>
<div class="date">Jaunary 2016 &ndash; Present</div> <div class="date">2016 to present</div>
<div class="subtitle">iOS Accessibility Engineer</div>
</header>
<ul> <ul>
<li>Implemented several new features and improvements to core accessible technologies on iOS</li> <li>Implemented several new features and improvements to core accessible technologies on iOS</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> <li>Drove the implementation of many improvements to first party apps, and worked with app teams within Apple
<li>Worked with app teams within Apple to enhance their support for our platform, and drove the implementation of many improvements to first party apps</li> 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> </ul>
</section> </section>
<section id="lumos" class="job"> <section id="lumos" class="job">
<h3>Lumos Labs<span class="location">San Francisco, CA</span></h3> <header>
<div class="subtitle">iOS Engineer, Lumosity</div> <h3>Lumos Labs<span class="location">San Francisco, CA</span></h3>
<div class="date">December 2014 &ndash; January 2016</div> <div class="date">2014 to 2016</div>
<div class="subtitle">iOS Engineer, Lumosity</div>
</header>
<ul> <ul>
<li>Migrated from a proprietary navigation implementation in C++ to UIKit components and established patterns for further development</li> <li>Migrated from a proprietary navigation implementation in C++ to UIKit components and established patterns
<li>Refactored two important screens of the core Lumosity experience from C++ to UIKit</li> 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>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> <li>Implemented 1v1 competition feature, which had a greater than 50% engagement rate</li>
</ul> </ul>
</section> </section>
<section id="vmware" class="job"> <section id="vmware" class="job">
<h3>VMware<span class="location">Palo Alto, CA</span></h3> <header>
<div class="subtitle">Member of Technical Staff</div> <h3>VMware<span class="location">Palo Alto, CA</span></h3>
<h4>Fusion, Product Development</h4> <div class="subtitle">Member of Technical Staff</div>
<div class="date">April 2012 &ndash; November 2014</div> </header>
<header>
<h4>Fusion, Product Development</h4>
<div class="date">2012 to 2014</div>
</header>
<ul> <ul>
<li>Restructured keyboard input handling to improve code architecture and accommodate multiple clients of our OS X UI library</li> <li>Restructured keyboard input handling to improve code architecture and accommodate multiple clients of our
<li>Redesigned outdated first-run and trial experiences to improve initial impressions, and make it easier to try Fusion</li> OS X UI library</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> <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> </ul>
<h4>View, Desktop Infrastructure Group</h4> <header>
<div class="date">February 2011 &ndash; April 2012</div> <h4>View, Desktop Infrastructure Group</h4>
<div class="date">2011 to 2012</div>
</header>
<ul> <ul>
<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>Engineered an extensive rewrite of VDT to incorporate a new deployment backend relying on VMware vCloud
<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> 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 View’s provisioning features</li> <li>Completed and stabilized system tests designed to exercise several of View’s provisioning features</li>
</ul> </ul>
</section> </section>
</section> </section>
<section id="education"> <section id="education">
<h3>Education</h3> <h2>Education</h2>
<h4>Oberlin College<span class="location">Oberlin, OH</span></h4> <header>
<div class="subtitle">Bachelor of Arts in Computer Science with Honors, GPA 3.62 of 4.0</div> <h3>Oberlin College<span class="location">Oberlin, OH</span></h3>
<div class="date">August 2006 &ndash; May 2010</div> <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>
</section> </section>
<section id="skills"> <section id="skills">
<h3>Skills &amp; Interests</h3> <h2>Skills &amp; Interests</h2>
<div class="subtitle">Skills ranked in order of experience</div> <div class="subtitle">Skills ranked in order of experience</div>
<dl> <dl>
<dt>Languages</dt> <dt>Languages</dt>
@ -107,13 +92,14 @@
<dt>Tools</dt> <dt>Tools</dt>
<dd>Vim, Git, Xcode, Perforce, Review Board</dd> <dd>Vim, Git, Xcode, Perforce, Review Board</dd>
<dt>Spoken Languages</dt> <dt>Spoken Languages</dt>
<dd>Spanish, French</dd> <dd>English, Spanish, French</dd>
<dt>Conferences</dt> <dt>Conferences</dt>
<dd> WWDC 2016, WWDC 2015, WWDC 2014, PyCon 2012, She's Geeky 2012</dd> <dd>WWDC 2016, WWDC 2015, WWDC 2014, PyCon 2012, She's Geeky 2012</dd>
<dt>Interests</dt> <dt>Interests</dt>
<dd>Calligraphy, cooking, gardening, piano, programming languages, graphics, yoga</dd> <dd>Calligraphy, cooking, gardening, piano, programming languages, graphics, yoga</dd>
</dl> </dl>
</section> </section>
</div> </div>
</main>
</body> </body>
</html> </html>

62
root/styles/home.css
View file

@ -1,51 +1,43 @@
@import url(./main.css); @import url(./main.css);
#masthead { body {
/* Flex box: center everything vertically */
align-items: center;
}
.wrapper {
margin-top: 120px; margin-top: 120px;
padding: 60px 0; padding: 60px 0 8px 0;
text-align: center;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
#masthead, .wrapper {
.navi {
width: 640px; width: 640px;
margin-left: auto;
margin-right: auto;
}
#masthead h1 {
margin-bottom: 0.25em;
}
p {
font-size: 18px;
font-weight: 200;
line-height: 27px;
}
#key-info,
#key-download {
margin-top: 27px;
}
.navi {
margin-top: 4px;
text-align: center; text-align: center;
} }
.navi a { header {
color: #aaa; margin-bottom: 60px;
} }
.navi a:hover { footer {
color: #005580; margin: 0;
padding: 0;
} }
code { .nav {
background: white; text-align: center;
border: 0; }
font-size: 80%;
color: #aaa; .nav a {
color: #aaa;
font-weight: 200;
margin-right: 0.75em;
-webkit-transition: color 100ms;
transition: color 100ms;
}
.nav a:hover {
color: #3486ff;
} }

35
root/styles/main.css
View file

@ -2,34 +2,36 @@
html, html,
body, body,
div { div,
h1, h2, h3, h4, h5, h6 {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body, h1, h2, h3, h4, h5, h6 { body, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
background-color: white; background-color: white;
} }
body { body {
/* Flex box: center everything horizontally */
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
font-size: 12pt;
} }
#masthead { h1 {
}
#masthead h1 {
font-family: "Love Ya Like A Sister", Georgia, serif; font-family: "Love Ya Like A Sister", Georgia, serif;
color: #ee2e64; font-size: 4.5em;
font-size: 60px; margin-bottom: 0.25em;
} }
#masthead h1 small { h1, a:hover {
/*color: #ee2e64;*/
color: #3486ff;
}
h1 small {
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
} }
@ -41,11 +43,14 @@ h1 a:hover {
color: inherit; color: inherit;
} }
a { p, li, dt, dd {
color: #44accf; font-weight: 200;
line-height: 1.4em;
} }
a:hover { a {
color: #005580; color: #44accf;
text-decoration: none; text-decoration: none;
-webkit-transition: color 100ms;
transition: color 100ms;
} }

94
root/styles/resume.css Normal file
View file

@ -0,0 +1,94 @@
@import url(./main.css);
.wrapper {
margin-top: 28px;
}
#resume {
width: 640px;
}
#resume h1 a {
text-decoration: none;
}
.job header {
margin-top: 6px;
margin-bottom: 4px;
}
h2 {
margin-bottom: 4px;
}
h3, dt {
font-size: 1.17em;
}
h3, h4 {
margin-bottom: 2px;
}
header h3,
header h4 {
float: left;
}
header .date,
header .date {
float: right;
}
.date {
font-size: 80%;
font-style: italic;
font-weight: 200;
}
.subtitle {
clear: both;
font-size: 85%;
font-style: italic;
}
h3 .location,
h4 .location {
font-weight: normal;
font-size: 80%;
}
h3 .location:before,
h4 .location:before {
content: ", ";
}
#resume > section {
margin-bottom: 2em;
}
ul {
clear: both;
margin: 0;
padding-left: 1.5em;
}
li {
list-style: none;
margin: 0;
text-indent: -0.80em;
}
li:before {
content: "– ";
}
dt {
font-weight: 500;
margin-top: 3px;
margin-bottom: 0px;
}
dd {
margin: 0;
margin-left: 1em;
}