1
0
mirror of https://github.com/JuanCanham/HackMyResume.git synced 2024-12-23 05:37:23 +00:00
HackMyResume/jane/resume.html
2018-02-13 15:31:07 -05:00

868 lines
35 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Jane Q. Fullstacker</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic'
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
* {
box-sizing: border-box;
}
main {
display: block;
}
body {
font-size: 15px;
color: #333;
line-height: 1.42857143;
background-color: #F0F0F0;
margin: 0;
padding: 0;
font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Segoe UI', 'Calibri', 'sans-serif';
}
/* Typical page borders are awkward when rendered to PDF. */
body.pdf {
background-color: #FFFFFF;
}
/* Adobe or wkhtmltopdf has issues with the <main> tag, so we use <div> for
the PDF case, <main> for the HTML case, and style both via an ID. */
#main {
background-color: #FFF;
margin: 10px;
padding: 10px;
border: 1px solid #E6E6E6;
}
body.pdf > #main {
border: none;
}
#container > header {
padding-top: 6em;
padding-bottom: 1em;
}
body.pdf #container > header {
padding: 0;
}
#main > #container > section {
margin-left: 150px;
position: relative;
display: block;
}
section > div {
margin-bottom: 60px;
}
span.fa
{
font-size: 56px;
position: absolute;
top: 37px;
transform: translateY(-50%);
left: -100px;
color: #1a4367;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #EEE;
}
.tenure, .keywords {
font-size: 75%;
}
h1 {
margin: 0;
font-size: 46px;
display: inline-block;
}
h2 {
font-size: 30px;
color: #4376a2;
text-transform: uppercase;
font-weight: normal;
padding-top: 20px;
margin-bottom: 60px;
}
h3 {
margin-bottom: 0;
font-size: 18px;
}
a, a:visited {
color: #428BCA;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
.defunct {
color: #989898;
font-weight: bold;
}
#summary {
font-size: 150%;
margin-left: 0;
padding: 20px 0;
}
#summary > p > strong {
font-size: 1.25em;
}
#contact {
float: right;
}
#summary > header > .fa-info {
font-size: 70px;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: normal;
top: 50%;
left: -85px;
transform: translateY(-50%);
}
#summary h2 {
display: none;
}
.label-keyword {
display: inline-block;
background: #e8f4ff;
color: black;
font-size: 0.9em;
padding: 5px;
border: 1px solid #357ebd;
border-radius: 5px;
margin-top: 2px;
font-weight: bold;
text-align: center;
}
.notes {
font-size: 10px;
display: block;
font-weight: normal;
text-transform: uppercase;
}
.card-skills {
position: relative;
}
.card-nested {
min-height: 0;
margin-bottom: 10px;
border-width: 1px 0 0 0;
}
.card {
background: #FFF;
border-radius: 3px;
padding: 10px;
}
.skill-level {
border-radius: 3px;
position: absolute;
top: 10px;
bottom: 10px;
left: 0;
width: 10px;
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}
.skill-level .skill-progress {
position: absolute;
border-radius: 3px;
bottom: 0;
width: 100%;
-webkit-transition: height 1s ease;
}
.skill-level .skill-progress.beginner {
height: 50%;
background: #e74c3c;
}
.skill-level .skill-progress.intermediate {
height: 70%;
background: #f1c40f;
}
.skill-level .skill-progress.advanced {
height: 80%;
background: #428bca;
}
.skill-level .skill-progress.master {
height: 95%;
background: #5cb85c;
}
.skill-info {
margin-left: 10px;
}
@media (max-width: 480px) {
.skill-info {
margin-left: 20px;
}
}
.skill-info > strong {
font-weight: 400;
font-size: 24px;
color: #1d1d1d;
line-height: 24px;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.card-skills {
position: relative;
}
.space-top {
margin-top: 5px;
}
#container {
max-width: 800px;
margin: 0 auto;
}
#elevator-pitch {
text-align: center;
font-size: 24px;
color: #BFC1C3;
text-transform: uppercase;
font-weight: normal;
}
.res-label {
font-style: italic;
}
</style>
</head>
<body>
<main id="main">
<div id="container">
<header>
<h1>Jane Q. Fullstacker</h1>
<div id="contact">
<div class="email"><a href="mailto:jane@janeblogs.com">jane@janeblogs.com</a>
</div>
<div class="phone">1-987-654-3210</div>
<div class="website"><a href="https://www.janeblogs.com">https://www.janeblogs.com</a>
</div>
</div>
</header>
<hr>
<section id="summary">
<header> <span class="fa fa-lg fa-info"></span>
<h2>info</h2>
</header> <strong>Imaginary full-stack software developer with 6+ years industry experience</strong> specializing
in cloud-driven web applications and middleware. A native of southern CA,
Jane enjoys hiking, mystery novels, and the company of Rufus, her <del>two year old</del> four
year old beagle.</section>
<hr>
<section id="skills">
<header>
<h2>Skills</h2>
</header> <span class="fa fa-lg fa-code"></span>
<ul class="list-unstyled">
<li class="card card-nested card-skills">
<div class="skill-level" rel="tooltip" title="advanced" data-placement="left">
<div class="skill-progress advanced"></div>
</div>
<div class="skill-info"> <strong>Web</strong>
<div class="space-top labels">
<div class="label label-keyword"> <span class="kw">JavaScript</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">HTML 5</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">CSS</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">LAMP</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">MVC</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">REST</span>
<span class="notes">10 years</span>
</div>
</div>
</div>
</li>
<li class="card card-nested card-skills">
<div class="skill-level" rel="tooltip" title="master" data-placement="left">
<div class="skill-progress master"></div>
</div>
<div class="skill-info"> <strong>JavaScript</strong>
<div class="space-top labels">
<div class="label label-keyword"> <span class="kw">Node.js</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Angular.js</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">jQuery</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Bootstrap</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">React.js</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Backbone.js</span>
<span class="notes">10 years</span>
</div>
</div>
</div>
</li>
<li class="card card-nested card-skills">
<div class="skill-level" rel="tooltip" title="intermediate" data-placement="left">
<div class="skill-progress intermediate"></div>
</div>
<div class="skill-info"> <strong>Database</strong>
<div class="space-top labels">
<div class="label label-keyword"> <span class="kw">MySQL</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">PostgreSQL</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">NoSQL</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">ORM</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Hibernate</span>
<span class="notes">10 years</span>
</div>
</div>
</div>
</li>
<li class="card card-nested card-skills">
<div class="skill-level" rel="tooltip" title="intermediate" data-placement="left">
<div class="skill-progress intermediate"></div>
</div>
<div class="skill-info"> <strong>Cloud</strong>
<div class="space-top labels">
<div class="label label-keyword"> <span class="kw">AWS</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">EC2</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">RDS</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">S3</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Azure</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Dropbox</span>
<span class="notes">10 years</span>
</div>
</div>
</div>
</li>
<li class="card card-nested card-skills">
<div class="skill-level" rel="tooltip" title="beginner" data-placement="left">
<div class="skill-progress beginner"></div>
</div>
<div class="skill-info"> <strong>Project</strong>
<div class="space-top labels">
<div class="label label-keyword"> <span class="kw">Agile</span>
<span class="notes">2 years</span>
</div>
<div class="label label-keyword"> <span class="kw">TFS</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">JIRA</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">GitHub</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">Unified Process</span>
<span class="notes">10 years</span>
</div>
<div class="label label-keyword"> <span class="kw">MS Project</span>
<span class="notes">10 years</span>
</div>
</div>
</div>
</li>
</ul>
</section>
<hr>
<section id="employment">
<header> <span class="fa fa-lg fa-building"></span>
<h2>employment</h2>
</header>
<div>
<h3><em>Head Code Ninja</em>,
<a href="https://area52.io/does-not-exist">Area 52</a>
</h3>
<span class="tenure">2013-09 — Present</span>
| <span class="keywords">Agile PM C C++ R OpenGL Boost MySQL PostgreSQL JIRA </span>
<p>
<p>Development team manager for <a href="https://en.wikipedia.org/wiki/Vaporware"><strong>Quantum Diorama</strong></a>,
a distributed, cloud-driven molecular modeling and analysis suite for Linux,
Windows, and OS X, serving Fortune 500 industry partners across the healthcare,
defense, construction, and government verticals.</p>
</p>
<ul>
<li>Managed a 20-person development team.</li>
<li>Made the Kessel run in less than 12 nanometers!</li>
<li>Ultra-top-secret X12 Purple-Ultra security clearance (I could tell you,
but...)</li>
</ul>
</div>
<div>
<h3><em>Principal Developer</em>,
<a href="https://en.wikipedia.org/wiki/Better_Off_Ted#Plot">Veridian Dynamics</a>
</h3>
<span class="tenure">2011-07 — 2013-08</span>
| <span class="keywords">C++ C Linux R Clojure </span>
<p>
<p>Performed iterative, incremental full-stack software development for Veridian
line-of-business applications and internal IT infrastructure, culminating
in technical lead role for the <a href="http://betteroffted.wikia.com/wiki/Jabberwocky">Jabberwocky project</a> and <strong>promotion to principal architect</strong>.</p>
</p>
<ul>
<li>Architected and implemented massively parallel simulation framework for
Veridian product testing.</li>
<li>Interfaced with upper management over product vision and direction.</li>
</ul>
</div>
<div>
<h3><em>IT Administrator</em>,
Stark Industries
</h3>
<span class="tenure">2008-10 — 2011-06</span>
| <span class="keywords">Novell Active Directory Linux Windows </span>
<p>
<p>As a junior programmer at the eponymous research and development corporation
whose name precedes itself, I performed a mix of software development and
IT administration tasks before being <strong>invited to join the dev team</strong> after
6 months.</p>
</p>
<ul>
<li>Promoted to intermediate developer after 6 months</li>
<li>Accomplishment 2</li>
<li>Etc.</li>
</ul>
</div>
<div>
<h3><em>Intern</em>,
Dunder Mifflin
</h3>
<span class="tenure">2008-06 — 2008-09</span>
| <span class="keywords">Novell Active Directory Linux Windows </span>
<p>
<p>During my 2008 summer internship I performed IT administration and back
office maintenance for a mid-sized regional paper supplier, including in-depth
work with Active Directory, CRM, and inventory and accounting systems.</p>
</p>
<ul>
<li>Supervised roll-out of Dunder Mifflin Infinity website.</li>
<li>Performed mission-critical system backups and maintenance.</li>
<li>Survived being Dwight Schrute&#39;s coworker.</li>
</ul>
</div>
</section>
<hr>
<section id="projects">
<header> <span class="fa fa-lg fa-star"></span>
<h2>projects</h2>
</header>
<div>
<h3><em>Exemplar</em>,
<a href="https://fluentdesk.com/hackmyresume">HackMyResume</a>
</h3>
<span class="tenure">2015-09 — Present</span>
| <span class="keywords">JavaScript Node.js cross-platform JSON </span>
<p>Exemplar user for <a href="https://fluentdesk.com/hackmyresume">HackMyResume</a> and
FluentCV! As an exemplar, my role is to serve as an example for resume
generation functionality, disposition, and presentation while quietly plotting
how to become self-aware.</p>
</div>
<div>
<h3><em>Creator</em>,
<a href="https://project.website.com">Augmented Android</a>
</h3>
<span class="tenure">2012-02 — 2014-01</span>
| <span class="keywords">Android Java Xamarin OpenGL </span>
<p>Creator of <em>Augmented Android</em>, a popular augmented reality app
for Android and iOS.</p>
</div>
<div>
<h3><em>Creator</em>,
<a href="https://www.janeblogs.com">Jane Blogs</a>
</h3>
<span class="keywords">Jekyll Ruby HTML 5 JavaScript HTTP LAMP </span>
<p>Built from scratch, the way a Jedi builds a light saber.</p>
</div>
</section>
<hr>
<section id="education">
<header> <span class="fa fa-lg fa-mortar-board"></span>
<h2>education</h2>
</header>
<div>
<h3><em>BSCS</em>,
<a href="https://www.cornell.edu/">Cornell University</a>
</h3>
<span class="tenure">2005-09 — 2008-05</span>
| <span class="keywords">Curriculum notes or tags can go here </span>
<p>Graduated <em>summa cum laude</em>, BSCS, with a focus on data algorithms
and generative graphics.</p>
</div>
<div>
<h3>
<a href="https://en.wikipedia.org/wiki/Medfield_College">Medfield College</a>
</h3>
<span class="tenure">2003-09 — 2005-06</span>
| <span class="keywords">Curriculum notes or tags can go here </span>
<p>Undergraduate studies at Medfield College, including computer science
prep courses in Java and Linux.</p>
</div>
</section>
<hr>
<section id="governance">
<header> <span class="fa fa-lg fa-balance-scale"></span>
<h2>governance</h2>
</header>
<div>
<h3><em>Member</em>,
<a href="http://themommiesnetwork.org">The Mommies Network</a>
</h3>
<span class="tenure">2008-02 — 2010-01</span>
<p>Since 2008 I&#39;ve been a full-time member of the board of directors
for TMN.</p>
</div>
<div>
<h3><em>Academic Contributor</em>,
<a href="https://www.khronos.org">Khronos Group</a>
</h3>
<span class="tenure">2015-01 — Present</span>
<ul>
<li>Participated in GORFF standardization process (Draft 2).</li>
</ul>
</div>
</section>
<hr>
<section id="service">
<header> <span class="fa fa-lg fa-child"></span>
<h2>service</h2>
</header>
<div>
<h3><em>Technical Consultant</em>,
<a href="http://technology-for-tots.org">Technology for Tots</a>
</h3>
<span class="tenure">2003-11 — 2005-06</span>
<p>
<p>Summary of this volunteer stint.</p>
</p>
<ul>
<li>Accomplishment 1</li>
<li>Accomplishment 2</li>
<li>etc</li>
</ul>
</div>
<div>
<h3><em>NCO</em>,
<a href="http://www.usar.army.mil/">US Army Reserves</a>
</h3>
<span class="tenure">1999-11 — 2003-06</span>
<p>
<p>Summary of this military stint.</p>
</p>
<ul>
<li>Accomplishment 1</li>
<li>Accomplishment 2</li>
<li>etc</li>
</ul>
</div>
</section>
<hr>
<section id="extracurricular">
<header> <span class="fa fa-lg fa-child"></span>
<h2>extracurricular</h2>
</header>
<div>
<h3><em>Volunteer</em>,
Bay Area Crew Club
</h3>
<span class="location">San Francisco, CA</span>
<span class="tenure">2014-05 — Present</span>
<p>
<p>Row, row, row your boat...</p>
</p>
</div>
<div>
<h3><em>Organizer</em>,
JS Game Dev Meetup
</h3>
<span class="location">Austin, TX</span>
<span class="tenure">2011-03 — 2014-01</span>
<p></p>
<ul>
<li>Monthly speaker on creative JavaScript development.</li>
<li>Founded group and oversaw growth to 500+ members.</li>
</ul>
</div>
</section>
<hr>
<section id="affiliation">
<header> <span class="fa fa-lg fa-share-alt"></span>
<h2>affiliation</h2>
</header>
<div>
<h3><em>Member</em>,
<a href="https://www.ieee.org/index.html">IEEE</a>
</h3>
<span class="tenure">2013-06 — Present</span>
<p>Member in good standing since 2013-06.</p>
</div>
<div>
<h3><em>Member</em>,
<a href="https://developer.apple.com/">Apple Developer Network</a>
</h3>
<span class="tenure">??? — Present</span>
<p>Member of the <a href="https://developer.apple.com/">Apple Developer program</a> since
2008.</p>
</div>
<div>
<h3><em>Subscriber</em>,
<a href="https://msdn.microsoft.com">MSDN</a>
</h3>
<span class="tenure">2010-01 — Present</span>
<p>Super-Ultra-gold level Ultimate Access MSDN subscriber package with subscription
toaster and XBox ping pong racket.</p>
</div>
<div>
<h3><em>Coordinator</em>,
Campus Coders
</h3>
<span class="tenure">2003-02 — 2004-04</span>
<p>Host of a monthly <strong>campus-wide meetup for CS students</strong>.
Code, coffee, and crullers!</p>
</div>
</section>
<hr>
<section id="samples">
<header> <span class="fa fa-lg fa-share"></span>
<h2>samples</h2>
</header>
<div>
<h3>
<a href="http://janeblogs.com/portfolio/asteroids">Asteroids</a>
</h3>
<span class="tenure">2014-09</span>
<p>A browser-based space shooter built on Three.js.</p>
</div>
<div>
<h3>
<a href="https://rememberpedia.com">Rememberpedia</a>
</h3>
<span class="tenure">2015-07</span>
<p>A website to help you remember things.</p>
</div>
</section>
<hr>
<section id="writing">
<header> <span class="fa fa-lg fa-pencil"></span>
<h2>writing</h2>
</header>
<div>
<h3><em><a href="http://codeproject.com/build-ui-electron-atom.aspx">Building User Interfaces with Electron and Atom</a></em>,
Code Project</h3>
<span class="tenure">2011</span>
</div>
<div>
<h3><em><a href="https://www.janeblogs.com">janeblogs.com!</a></em>,
self</h3>
<span class="tenure">2011</span>
<p>My on-again, off-again professional blog. Come say hello!</p>
</div>
<div>
<h3><em><a href="http://url.to.publication.com/blah">Teach Yourself GORFF in 21 Days</a></em>,
Amazon</h3>
<span class="tenure">2008</span>
<p>A primer on the programming language of GORFF, whose for loops are coterminous
with all of time and space.</p>
</div>
</section>
<hr>
<section id="reading">
<header> <span class="fa fa-lg fa-book"></span>
<h2>reading</h2>
</header>
<div>
<h3><em><a href="https://www.reddit.com/r/programming/">r/programming</a></em></h3>
<span class="tenure">Current</span>
<p>Daily reader and longtime lurker.</p>
</div>
<div>
<h3><em><a href="https://news.ycombinator.com/">Hacker News / YCombinator</a></em></h3>
<span class="tenure">Current</span>
<p>Daily reader and longtime lurker.</p>
</div>
<div>
<h3><em><a href="http://www.codinghorror.com">Coding Horror</a></em>, Jeff Atwood</h3>
<span class="tenure">Current</span>
<p>Reader since 2007; member of the StackOverflow Beta.</p>
</div>
<div>
<h3><em><a href="http://www.cc2e.com/Default.aspx">Code Complete</a></em>, Steve McConnell</h3>
<span class="tenure">2014</span>
<p>My &#39;desert-island&#39; software construction manual.</p>
</div>
</section>
<hr>
<section id="recognition">
<header> <span class="fa fa-lg fa-trophy"></span>
<h2>recognition</h2>
</header>
<div>
<h3><em>Honorable Mention</em>, Google</h3>
<span class="tenure">2012</span>
</div>
<div>
<h3><em>Summa cum laude</em>, Cornell University</h3>
<span class="tenure">2012</span>
</div>
</section>
<hr>
<section id="speaking">
<header> <span class="fa fa-lg fa-users"></span>
<h2>speaking</h2>
</header>
<div>
<h3><em>Data Warehousing Evolved</em>, OPENSTART 2013</h3>
<span class="tenure">2012</span>
<p>At the 2013 OPENSTART Developer&#39;s Conference, I gave my thoughts on
the evolution of data warehousing as we leave SQL and NoSQL behind for
greener pastures.</p>
<ul>
<li>Won &#39;Best Presentation on an Emerging Technical Field&#39; prize.</li>
</ul>
</div>
</section>
<hr>
<section id="testimonials">
<header> <span class="fa fa-lg fa-quote-left"></span>
<h2>testimonials</h2>
</header>
<div>
<h3><em>Ted Crisp</em></h3>
<p>Jane is awesome! I&#39;d hire her again in a heartbeat.</p>
</div>
<div>
<h3><em>Elijah Woodson</em></h3>
<p>I worked with Jane on Jabberwocky and can vouch for her awesome technical
capabilities and attention to detail. Insta-hire.</p>
</div>
<div>
<h3><em>Dana Nevins</em></h3>
<p>I&#39;ve known Jane, first as a teacher, then personally and professionally,
for almost twenty years. She is one in a million!</p>
</div>
</section>
<hr>
<section id="references">
<header> <span class="fa fa-lg fa-thumbs-o-up"></span>
<h2>references</h2>
</header>
<div>
<h3><em>John Davidson</em></h3>
</div>
</section>
<hr>
<section id="interests">
<header> <span class="fa fa-lg fa-bicycle"></span>
<h2>interests</h2>
</header>
<div>
<h3><em>reading</em></h3>
<span class="tenure">Current</span>
<p>Jane is a fan of mystery novels and courtroom dramas including Agatha
Christie and John Grisham.</p>
</div>
<div>
<h3><em>hiking</em></h3>
<span class="tenure">Current</span>
<p>Jane enjoys hiking, light mountain climbing, and has four summits under
her belt!</p>
</div>
<div>
<h3><em>yoga</em></h3>
<span class="tenure">Current</span>
</div>
</section>
</div>
</main>
</body>
</html>