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>
<!-- vim: set tw=120 -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="./styles/home.css" />
<title>Home &mdash; Eryn Wells</title>
<title>Eryn Wells</title>
</head>
<body>
<main>
<main class="wrapper">
<header id="masthead">
<h1>Eryn Wells</h1>
<p>Cocoa and Django hacker. Tech geek. Foodie. Hopeful gardener. Yogini.
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>
<p>iOS accessibility engineer. Programming language geek. Calligrapher. Occasional chef. Hopeful gardener.
Yogini. Queer. Feminist.</p>
</header>
<div class="navi">
<footer class="nav">
<a href="./key.html">Key</a>
<a href="./resume.html">Résumé</a>
</div>
</footer>
</main>
</body>
</html>

25
root/key.html
View file

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

122
root/resume.html
View file

@ -1,103 +1,88 @@
<!DOCTYPE html>
<!-- vim: set tw=120 --!>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./styles/resume.css" />
<title>Eryn Wells' Résumé</title>
<style type="text/css" media="all">
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>
<style type="text/css" media="all"></style>
</head>
<body>
<main class="wrapper">
<div id="resume">
<header>
<h1>Eryn Wells</h1>
<h1><a href="./index.html">Eryn Wells</a></h1>
</header>
<section id="experience">
<h2>Experience</h2>
<section id="apple" class="job">
<h3>Apple<span class="location">Cupertino, CA</span></h3>
<div class="subtitle">iOS Accessibility Engineer</div>
<div class="date">Jaunary 2016 &ndash; Present</div>
<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>Participated in developer outreach at conferences (WWDC) and onsite events to promote the value of making software accessible and answer developer questions</li>
<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>
<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">
<h3>Lumos Labs<span class="location">San Francisco, CA</span></h3>
<div class="subtitle">iOS Engineer, Lumosity</div>
<div class="date">December 2014 &ndash; January 2016</div>
<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 two important screens of the core Lumosity experience from C++ to UIKit</li>
<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">
<h3>VMware<span class="location">Palo Alto, CA</span></h3>
<div class="subtitle">Member of Technical Staff</div>
<h4>Fusion, Product Development</h4>
<div class="date">April 2012 &ndash; November 2014</div>
<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>
<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>
<h4>View, Desktop Infrastructure Group</h4>
<div class="date">February 2011 &ndash; April 2012</div>
<header>
<h4>View, Desktop Infrastructure Group</h4>
<div class="date">2011 to 2012</div>
</header>
<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 Director, and to allow greater flexibility in how deployments are created</li>
<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 View’s provisioning features</li>
</ul>
</section>
</section>
<section id="education">
<h3>Education</h3>
<h4>Oberlin College<span class="location">Oberlin, OH</span></h4>
<div class="subtitle">Bachelor of Arts in Computer Science with Honors, GPA 3.62 of 4.0</div>
<div class="date">August 2006 &ndash; May 2010</div>
<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>
</section>
<section id="skills">
<h3>Skills &amp; Interests</h3>
<h2>Skills &amp; Interests</h2>
<div class="subtitle">Skills ranked in order of experience</div>
<dl>
<dt>Languages</dt>
@ -107,13 +92,14 @@
<dt>Tools</dt>
<dd>Vim, Git, Xcode, Perforce, Review Board</dd>
<dt>Spoken Languages</dt>
<dd>Spanish, French</dd>
<dd>English, Spanish, French</dd>
<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>
<dd>Calligraphy, cooking, gardening, piano, programming languages, graphics, yoga</dd>
</dl>
</section>
</div>
</main>
</body>
</html>

62
root/styles/home.css
View file

@ -1,51 +1,43 @@
@import url(./main.css);
#masthead {
body {
/* Flex box: center everything vertically */
align-items: center;
}
.wrapper {
margin-top: 120px;
padding: 60px 0;
text-align: center;
padding: 60px 0 8px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#masthead,
.navi {
.wrapper {
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;
}
.navi a {
color: #aaa;
header {
margin-bottom: 60px;
}
.navi a:hover {
color: #005580;
footer {
margin: 0;
padding: 0;
}
code {
background: white;
border: 0;
font-size: 80%;
color: #aaa;
.nav {
text-align: center;
}
.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,
body,
div {
div,
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
body, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
background-color: white;
}
body {
/* Flex box: center everything horizontally */
display: flex;
align-items: center;
justify-content: center;
font-size: 12pt;
}
#masthead {
}
#masthead h1 {
h1 {
font-family: "Love Ya Like A Sister", Georgia, serif;
color: #ee2e64;
font-size: 60px;
font-size: 4.5em;
margin-bottom: 0.25em;
}
#masthead h1 small {
h1, a:hover {
/*color: #ee2e64;*/
color: #3486ff;
}
h1 small {
font-family: Helvetica, Arial, sans-serif;
}
@ -41,11 +43,14 @@ h1 a:hover {
color: inherit;
}
a {
color: #44accf;
p, li, dt, dd {
font-weight: 200;
line-height: 1.4em;
}
a:hover {
color: #005580;
a {
color: #44accf;
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;
}