resume/json-resume/themes/short.html

387 lines
7.1 KiB
HTML
Executable File

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
<title>Bree LaPointe</title>
<style>
body {
background: #fff;
font: 16px 'Open Sans', Helvetica, Arial, sans-serif;
line-height: 1.4;
margin: 0 0;
margin-bottom: 100px;
}
em {
color: #999;
}
p {
line-height: 1.6;
font-size: 90%;
}
a {
color: #2C85B1;
text-decoration: none;
font-weight: 400;
}
ul {
margin-bottom: 0;
}
section {
margin: 1em 0 2em;
}
blockquote {
margin: 0;
margin-bottom: 1em;
}
#resume {
margin: 2em 2em 2em 2.5em;
max-width: 760px;
}
/* Resume heading */
.heading header {
}
.heading header h1 {
font-size: 180%;
margin: 0.5em 0;
font-weight: 600;
}
.heading header h2 {
font-size: 140%;
margin: 0;
font-weight: 400;
}
.heading header .contact .detail {
margin: 0 1em 0 0;
}
.profile {
display: inline-block;
margin: 0 1em 0 0;
}
.profile strong,
.profile span {
display: inline-block;
margin: 0 1em 0 0;
}
/* section / line breaks */
section h2 {
font-size: 140%;
margin: 0 0 1em;
text-transform: uppercase;
color: #BC1B39;
font-weight: 400;
}
/* Experience items */
.item {
margin: 0 0 1em;
padding: 0 0 1em;
border-bottom: 1px solid #F2EBEC;
}
.item:last-child {
border-bottom: none;
}
.item header h3 {
margin: 0.2em 1em 0.2em 0;
display: inline-block;
font-weight: 600;
}
.item header a {
display: inline-block;
}
.item .position {
font-weight: 600;
font-size: 100%;
margin: 0.2em 1em 0.2em 0;
}
.item .startDate,
.item .endDate {
color: #6B6B6B;
}
.item .highlights {
list-style: square;
font-size: 90%;
}
/* skills */
#skills .item {
margin: 0.5em 0;
padding: 0 0 0.5em;
font-size: 90%;
}
#skills .item .name {
font-weight: 600;
display: inline-block;
text-transform: uppercase;
margin: 0 1em 0 0;
width: 23%;
vertical-align: top;
}
#skills .item .keywords {
display: inline-block;
width: 70%;
vertical-align: top;
}
/* education */
#education .item {
display: inline-block;
vertical-align: top;
width: 49.5%;
border-bottom: 0;
}
</style>
<style media="print">
body { font-size: 12px; }
</style>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="resume">
<section class="heading">
<header>
<h1>Bree LaPointe</h1>
<div class="contact">
<span class="detail">
<a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
</span>
<span class="detail">
(912) 555-4321
</span>
</div>
</header>
<p><p>Richard hails from Tulsa. He has earned degrees from the University of Oklahoma and Stanford. (Go Sooners and Cardinal!) Before starting Pied Piper, he worked for Hooli as a part time software developer. While his work focuses on applied information theory, mostly optimizing lossless compression schema of both the length-limited and adaptive variants, his non-work interests range widely, everything from quantum computing to chaos theory. He could tell you about it, but THAT would NOT be a “length-limited” conversation!</p></p>
<div class="profile">
<strong class="network">
Twitter
</strong>
<span class="username">
neutralthoughts
</span>
</div>
<div class="profile">
<strong class="network">
SoundCloud
</strong>
<span class="username">
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
</span>
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="item">
<div class="name">
Web Development
</div>
<div class="keywords">
HTML,
CSS,
Javascript
</div>
</div>
<div class="item">
<div class="name">
Compression
</div>
<div class="keywords">
Mpeg,
MP4,
GIF
</div>
</div>
</section>
<section class="experience">
<h2>Experience</h2>
<section class="item">
<header>
</header>
<span class="position">
CEO/President
</span>
<span class="startDate">
Nov 2013
</span>
<span class="endDate">
- Nov 2014
</span>
<div class="summary">
<p><p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p></p>
</div>
<ul class="highlights">
<li>Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
<li>Successfully won Techcrunch Disrupt</li>
<li>Optimized an algorithm that holds the current world record for Weisman Scores</li>
</ul>
</section>
</section>
<section class="experience">
<h2>Volunteering</h2>
<div class="item">
<header>
<h3 class="name">CoderDojo</h3>
</header>
<span class="position">
Teacher
</span>
<span class="startDate">
Dec 2011
</span>
<span class="endDate">
- Dec 2012
</span>
<div class="summary">
<p>Global movement of free coding clubs for young people.</p>
</div>
<ul class="highlights">
<li>Awarded &#x27;Teacher of the Month&#x27;</li>
</ul>
</div>
</section>
<section id="education">
<h2>Education</h2>
<div class="item">
<header>
<h3 class="name">University of Oklahoma</h3>
</header>
<div class="dates">
<span class="startDate">
May 2011
</span>
<span class="endDate">
- Dec 2013
</span>
</div>
<div class="qualification">
<span class="studyType">
Bachelor
</span>
<span class="area">
- Information Technology
</span>
</div>
</div>
</section>
<section id="awards">
<h2>Awards</h2>
<div class="item">
<div class="title">
Digital Compression Pioneer Award
</div>
<div class="date">
undefined NaN
</div>
<div class="awarder">
Techcrunch
</div>
<div class="summary">
<p>There is no spoon.</p>
</div>
</div>
</section>
<section id="publications">
<h2>Publications</h2>
<div class="item">
<div class="name">
Video compression for 3d media
</div>
<div class="publisher">
Hooli
</div>
<div class="releaseDate">
2014-10-01
</div>
<div class="summary">
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
</div>
</div>
</section>
<section id="languages">
<h2>Languages</h2>
<div class="item">
<div class="language">
English
</div>
<div class="fluency">
<em>Native speaker</em>
</div>
</div>
</section>
<section id="interests">
<h2>Interests</h2>
<div class="item">
<div class="name">
Wildlife
</div>
<ul class="keywords">
<li>Ferrets</li>
<li>Unicorns</li>
</ul>
</div>
</section>
<section id="references">
<h2>References</h2>
<div class="item">
<blockquote class="reference">
It is my pleasure to recommend Richard, his performance working as a consultant for Main St. Company proved that he will be a valuable addition to any company.
</blockquote>
<div class="name">
— Erlich Bachman
</div>
</div>
</section>
</div>
</body>
</html>