moved theme sampling to json-resume/themes
This commit is contained in:
Bel LaPointe
386
json-resume/themes/short.html
Normal file
386
json-resume/themes/short.html
Normal file
@@ -0,0 +1,386 @@
|
||||
<!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 'Teacher of the Month'</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>
|
||||
Reference in New Issue
Block a user