moved theme sampling to json-resume/themes
This commit is contained in:
Bel LaPointe
375
json-resume/themes/onepage.html
Normal file
375
json-resume/themes/onepage.html
Normal file
@@ -0,0 +1,375 @@
|
||||
<!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: #EEEEEE;
|
||||
font: 12px "Times New Roman", Times, sans-serif;
|
||||
line-height: 1.4;
|
||||
margin: 40px 0;
|
||||
}
|
||||
em {
|
||||
color: #999;
|
||||
}
|
||||
p {
|
||||
line-height: 1.4;
|
||||
}
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
li {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#resume {
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
padding: 80px 100px;
|
||||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 2px 2px 4px #aaa;
|
||||
-webkit-box-shadow: 2px 2px 4px #aaa;
|
||||
}
|
||||
|
||||
.coursesList {
|
||||
width: 28%;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.largeFont {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.smallFont {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sectionBlock {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionName {
|
||||
width: 18%;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sectionContent {
|
||||
width: 80%;
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sectionContent ul {
|
||||
padding-left: 20px;
|
||||
margin-top: 6px;
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.sectionContent .title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sectionContent .date {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.sectionContent .separator {
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.sectionLine {
|
||||
border-style: dashed;
|
||||
border-width: 1px;
|
||||
border-color: #CFCFCF;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.divider {
|
||||
font-weight: bold;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.summary {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.skillBlock {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.jobBlock {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
/* Media Queries */
|
||||
@media only screen and (max-width: 40em) {
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
#resume {
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
padding: 0.5em 1em;
|
||||
border: none;
|
||||
}
|
||||
.sectionContent {
|
||||
width: 100%;
|
||||
}
|
||||
.sectionContent .date {
|
||||
padding-right: 2em;
|
||||
}
|
||||
.sectionName {
|
||||
width: auto;
|
||||
}
|
||||
.largeFont {
|
||||
font-size: 20px;
|
||||
}
|
||||
.smallFont {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
#resume {
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
padding: 0px 0px;
|
||||
border: 0px;
|
||||
background: #fff;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id='resume'>
|
||||
<div id='nameBlock' class='largeFont'>
|
||||
<span class='name'>
|
||||
Bree LaPointe,
|
||||
</span>
|
||||
<span class='label'>Programmer</span>
|
||||
</div>
|
||||
<div id='basicsBlock' class='smallFont'>
|
||||
<div class='contactBlock'>
|
||||
<span class='email'>contact@blapointe.com</span>
|
||||
<span class='divider'>|</span>
|
||||
<span class='phone'>(912) 555-4321</span>
|
||||
<span class='divider'>|</span>
|
||||
<span class='address'>
|
||||
San Francisco, California, US
|
||||
</span>
|
||||
</div>
|
||||
<div id='profilesBlock'>
|
||||
<span class='url'>
|
||||
<a href='https://soundcloud.example.com/dandymusicnl'>https://soundcloud.example.com/dandymusicnl</a>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='summaryBlock' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>SUMMARY</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<span>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!</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='workBlock' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>EXPERIENCE</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<div class="jobBlock">
|
||||
<div class='blockHeader'>
|
||||
<span class='title'>
|
||||
, CEO/President
|
||||
</span>
|
||||
<span class='date'>
|
||||
2013-12-01 — 2014-12-01
|
||||
</span>
|
||||
</div>
|
||||
<div><a href=''></a></div>
|
||||
<ul class='highlights'>
|
||||
<li>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.</li>
|
||||
<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>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='publications'>
|
||||
<div class='sectionName'>
|
||||
<span>PUBLICATIONS</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<div class='blockHeader'>
|
||||
<span class='title'>
|
||||
Video compression for 3d media, Hooli
|
||||
</span>
|
||||
<span class='date'>
|
||||
<span class='releaseDate'>2014-10-01</span>
|
||||
</span>
|
||||
</div>
|
||||
<ul class='highlights'>
|
||||
<li>Innovative middle-out compression algorithm that changes the way we store data.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='awards' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>AWARDS</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<div class='blockHeader'>
|
||||
<span class='title'>
|
||||
Digital Compression Pioneer Award, Techcrunch
|
||||
</span>
|
||||
<span class='date'>
|
||||
<span class='date'>2014-11-01</span>
|
||||
</span>
|
||||
</div>
|
||||
<ul class='highlights'>
|
||||
<li>There is no spoon.</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='volunteer' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>VOLUNTEERING</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<div class='blockHeader'>
|
||||
<span class='title'>CoderDojo, Teacher</span>
|
||||
<span class='date'>
|
||||
2012-01-01 — 2013-01-01
|
||||
</span>
|
||||
<ul class='highlights'>
|
||||
<li>Global movement of free coding clubs for young people.</li>
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='education' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>EDUCATION</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<div class='educationBlock'>
|
||||
<span class='title'>
|
||||
University of Oklahoma
|
||||
</span>
|
||||
<span class='date'>
|
||||
2011-06-01 — 2014-01-01
|
||||
</span>
|
||||
<div class=''>
|
||||
Bachelor - Information Technology
|
||||
</div>
|
||||
<div id='coursesBlock'>
|
||||
<ul class='coursesList'>
|
||||
<li class='course'>DB1101 - Basic SQL</li>
|
||||
</ul>
|
||||
<ul class='coursesList'>
|
||||
<li class='course'>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
<ul class='coursesList'>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='skills' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>SKILLS</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<div class='skillBlock'>
|
||||
<span class='title'>Web Development <em>(Master)</em>:</span>
|
||||
<span>HTML</span>,
|
||||
<span>CSS</span>,
|
||||
<span>Javascript</span>
|
||||
</div>
|
||||
<div class='skillBlock'>
|
||||
<span class='title'>Compression <em>(Master)</em>:</span>
|
||||
<span>Mpeg</span>,
|
||||
<span>MP4</span>,
|
||||
<span>GIF</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
|
||||
<div id='languages' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>LANGUAGES</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<span class='language'>English</span>
|
||||
<span class='fluency'><em>(Native speaker)</em></span>
|
||||
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
</div>
|
||||
|
||||
<div id='interests' class="sectionBlock">
|
||||
<div class='sectionName'>
|
||||
<span>INTERESTS</span>
|
||||
</div>
|
||||
<div class='sectionContent'>
|
||||
<span class='name'>Wildlife</span><!--
|
||||
--><span class='keywords'> <em>[
|
||||
Ferrets<!--
|
||||
-->,
|
||||
Unicorns<!--
|
||||
-->
|
||||
]</em></span><!--
|
||||
-->
|
||||
</div>
|
||||
<div class='sectionLine'></div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user