resume/json-resume/themes/papirus.html

921 lines
20 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>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
background: #E5DED4;
font: 15px Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #929292;
}
.container {
margin: 0 auto;
padding: 10%;
}
#resume {
border-radius: 5px;
border: 1px solid #C7C7C7;
overflow: hidden;
}
section {
margin-bottom: 5rem;
}
[class^="section-"] > .title {
text-transform: uppercase;
padding: 15px 0;
margin: 0;
}
[class^="section-"] > .title .title-icon,
[class^="section-"] > .title span {
display: inline-block;
vertical-align: middle;
}
[class^="section-"] > .title span {
margin-left: 2px;
}
[class^="section-"] > .title .title-icon {
background-color: whitesmoke;
border-radius: 50%;
width: 2rem;
height: 2rem;
padding: 0.4rem 0.45rem;
}
/* Sidebar */
.sidebar {
padding: 2rem;
background: #333438 !important;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.sidebar, .sidebar h1, .sidebar h2 {
color: #ffffff !important;
}
.sidebar h2 {
text-transform: uppercase;
text-align: center;
font-size: 1.5rem;
letter-spacing: 0.5rem;
font-weight: bold;
margin-top: 5rem;
}
.avatar {
margin: 5rem 0;
text-align: center;
}
.avatar img {
width: 90%;
}
.section-education .item {
margin-bottom: 3rem;
}
.section-education .studyTitle {
text-transform: uppercase;
font-weight: bold;
font-size: 1.3rem;
}
.section-education .courses {
font-size: 1.2rem;
}
.section-education ul.courses {
list-style-type: none;
margin: 0.5rem 0 0.5rem 0;
padding: 0;
}
.section-education .ul.courses li {
margin:0;
}
.section-education .institution {
font-size: 1.2rem;
}
.section-education .date {
font-size: 1.2rem;
}
.sidebar a:link, .sidebar a:hover, .sidebar a:visited {
text-decoration: none;
color: #ffffff !important;
}
/* Content */
.content {
padding: 5rem;
background: #FFFFFF;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.content h1 {
color: #3C3C3C;
text-transform: uppercase;
text-align: center;
font-size: 4rem;
letter-spacing: 1.0rem;
font-weight: bold;
}
.content h2 {
color: #6D6D6D;
text-transform: uppercase;
text-align: left;
font-size: 1.5rem;
letter-spacing: 0.5rem;
font-weight: bold;
margin-top: 5rem;
}
.content a:link, .content a:hover, .content a:visited {
text-decoration: none;
color: #6D6D6D;
}
/* Sections */
.section-name {
margin: 5rem 0 10rem 0;
}
.section-name h2 {
color: #6D6D6D;
text-transform: uppercase;
text-align: center;
font-size: 1.5rem;
letter-spacing: 0.5rem;
font-weight: bold;
margin-top: 5rem;
}
.section-summary {
text-align: justify;
}
.section-work .item {
margin-bottom: 2.5rem;
}
.section-work .item .position {
font-weight: bold;
color: #333438;
text-transform: uppercase;
}
.section-work .item .company {
padding: 0.5rem 0 0.5rem 0;
color: #6D6D6D;
font-weight: bold;
}
.section-work .item .summary, .section-work .item .highlights {
font-style: italic;
text-align: justify;
}
.section-volunteer .item {
margin-bottom: 2.5rem;
}
.section-volunteer .item .position {
font-weight: bold;
color: #333438;
text-transform: uppercase;
}
.section-volunteer .item .company {
padding: 0.5rem 0 0.5rem 0;
color: #6D6D6D;
font-weight: bold;
}
.section-volunteer .item .summary, .section-volunteer .item .highlights {
font-style: italic;
text-align: justify;
}
.section-publications .item {
margin-bottom: 2.5rem;
}
.section-publications .item .name {
font-weight: bold;
color: #333438;
text-transform: uppercase;
}
.section-publications .item .publication {
padding: 0.5rem 0 0.5rem 0;
color: #6D6D6D;
font-weight: bold;
}
.section-publications .item .summary, .section-publications .item .highlights {
font-style: italic;
text-align: justify;
}
.section-awards .item .title {
font-weight: bold;
color: #333438;
}
.section-awards .item .date, .section-awards .item .awarder {
font-weight: normal;
color: #929292;
}
.section-awards .item .summary {
font-weight: normal;
font-style: italic;
text-align: justify;
}
.section-languages .item .language {
font-weight: bold;
color: #333438;
}
.section-languages .item .fluency {
font-weight: normal;
color: #929292;
}
.section-interests .title {
font-weight: bold;
}
.section-interests .item {
margin: 0.8rem 0 0.8rem 0;
line-height: 1.9rem;
}
.section-skills .item {
margin-bottom: 1rem;
}
.section-contact .fa {
padding: 0.8rem 0 0 0;
background: #fff;
color: #333438;
border-radius: 100rem;
width: 3rem;
height: 3rem;
text-align: center;
margin: -0.4rem 0.8rem 0.8rem 0.5rem;
float: left;
}
.section-contact ul.contact {
list-style-type: none;
margin: 0.5rem 0 0.5rem 0;
padding: 0;
}
.section-contact ul.contact li {
margin: 1rem 0 1rem 0;
}
.section-contact ul.profiles {
list-style-type: none;
margin: 4rem 0 0.5rem 0;
padding: 0;
}
.section-contact ul.profiles li {
margin: 1rem 0 1rem 0;
}
/* Print */
@media print {
body {
font: 10px Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #929292 !important;
}
.container {
margin: 0 auto;
padding: 0;
}
#resume {
overflow: hidden;
border: none !important;
}
section {
margin-bottom: 2.5rem;
}
[class^="section-"] > .title {
text-transform: uppercase;
padding: 0.7rem 0;
margin: 0;
}
[class^="section-"] > .title .title-icon,
[class^="section-"] > .title span {
display: inline-block;
vertical-align: middle;
}
[class^="section-"] > .title span {
margin-left: 2px;
}
[class^="section-"] > .title .title-icon {
background-color: whitesmoke;
border-radius: 50%;
width: 2rem;
height: 2rem;
padding: 0.4rem 0.45rem;
}
/* Sidebar */
.sidebar {
padding: 2rem;
background: #333438 !important;
margin-bottom: -99999px;
padding-bottom: 99999px;
color: #ffffff !important;
}
.sidebar, .sidebar h1, .sidebar h2 {
color: #ffffff !important;
}
.sidebar h2 {
text-transform: uppercase;
text-align: center;
font-size: 1.5rem;
letter-spacing: 0.5rem;
font-weight: bold;
margin-top: 5rem;
color: #ffffff !important;
}
.sidebar h2.title span {
color: #ffffff !important;
}
.avatar {
margin: 2rem 0 2rem 1rem;
text-align: center;
}
.avatar img {
width: 85%;
}
.section-education .item {
margin-bottom: 3rem;
color: #ffffff !important;
}
.section-education .studyTitle span{
text-transform: uppercase;
font-weight: bold;
font-size: 1.1rem;
color: #ffffff !important;
}
.section-education .studyTitle span.badge{
text-transform: uppercase;
font-weight: bold;
font-size: 1.0rem;
color: #ffffff !important;
background: #939393 !important;
}
.section-education .courses {
font-size: 1.1rem;
color: #ffffff !important;
}
.section-education ul.courses {
list-style-type: none;
margin: 0.5rem 0 0.5rem 0;
padding: 0;
}
.section-education .ul.courses li {
margin:0;
color: #ffffff !important;
}
.section-education .institution {
font-size: 1.0rem;
color: #ffffff !important;
}
.section-education .date span{
font-size: 1.0rem;
color: #ffffff !important;
}
.sidebar a:link, .sidebar a:hover, .sidebar a:visited {
text-decoration: none;
color: #ffffff !important;
}
/* Content */
.content {
padding: 3rem 5rem 3rem 2rem;
background: #FFFFFF !important;
margin-bottom: -99999px;
padding-bottom: 99999px;
}
.content h1 {
color: #3C3C3C !important;
text-transform: uppercase;
text-align: center;
font-size: 2.5rem;
letter-spacing: 1.0rem;
font-weight: bold;
}
.content h2 {
color: #6D6D6D !important;
text-transform: uppercase;
text-align: left;
font-size: 1.2rem;
letter-spacing: 0.5rem;
font-weight: bold;
margin-top: 2rem;
}
.content a:link, .content a:hover, .content a:visited {
text-decoration: none;
color: #6D6D6D !important;
}
/* Sections */
.section-name {
margin: 1rem 0 5rem 0;
}
.section-name h2 {
color: #6D6D6D !important;
text-transform: uppercase;
text-align: center;
font-size: 1.2rem;
letter-spacing: 0.5rem;
font-weight: bold;
margin-top: 3rem;
}
.section-summary {
text-align: justify;
}
.section-work .item {
margin-bottom: 2.5rem;
}
.section-work .item .position {
font-weight: bold;
color: #333438 !important;
text-transform: uppercase;
}
.section-work .item .company {
padding: 0.5rem 0 0.5rem 0;
color: #6D6D6D !important;
font-weight: bold;
}
.section-work .item .summary, .section-work .item .highlights {
font-style: italic;
text-align: justify;
}
.section-volunteer .item {
margin-bottom: 2.5rem;
}
.section-volunteer .item .position {
font-weight: bold;
color: #333438 !important;
text-transform: uppercase;
}
.section-volunteer .item .company {
padding: 0.5rem 0 0.5rem 0;
color: #6D6D6D !important;
font-weight: bold;
}
.section-volunteer .item .summary, .section-volunteer .item .highlights {
font-style: italic;
text-align: justify;
}
.section-publications .item {
margin-bottom: 2.5rem;
}
.section-publications .item .name {
font-weight: bold;
color: #333438 !important;
text-transform: uppercase;
}
.section-publications .item .publication {
padding: 0.5rem 0 0.5rem 0;
color: #6D6D6D !important;
font-weight: bold;
}
.section-publications .item .summary, .section-publications .item .highlights {
font-style: italic;
text-align: justify;
}
.section-awards .item .title {
font-weight: bold;
color: #333438 !important;
}
.section-awards .item .date, .section-awards .item .awarder {
font-weight: normal;
color: #929292 !important;
}
.section-awards .item .summary {
font-weight: normal;
font-style: italic;
text-align: justify;
}
.section-languages .item .language {
font-weight: bold;
color: #333438 !important;
}
.section-languages .item .fluency {
font-weight: normal;
color: #929292 !important;
}
.section-interests .title {
font-weight: bold;
}
.section-interests .item {
margin: 0.2rem 0 0.0rem 0;
line-height: 1.4rem;
}
.section-skills .item {
margin-bottom: 1rem;
}
.section-skills .item .name {
color: #ffffff !important;
}
.section-skills .item .keywords .span {
color: #ffffff !important;
background: #929292 !important;
}
.section-skills .keywords span.label {
color: #000 !important;
background: #929292 !important;
line-height: 1.7rem;
}
.section-contact .fa {
padding: 0.5rem 0 0 0;
background: #ffffff !important;
color: #333438 !important;
border-radius: 100rem;
width: 2.2rem;
height: 2.2rem;
text-align: center;
margin: -0.4rem 0.8rem 0.8rem 0.5rem;
float: left;
}
.section-contact ul.contact {
list-style-type: none;
margin: 0.2rem 0 0.2rem 0;
padding: 0;
}
.section-contact ul.contact li {
margin: 0.5rem 0 0.5rem 0;
color: #ffffff !important;
}
.section-contact ul.profiles {
list-style-type: none;
margin: 4rem 0 0.5rem 0;
padding: 0;
}
.section-contact ul.profiles li {
margin: 0.5rem 0 0.5rem 0;
color: #ffffff !important;
}
.section-contact ul.contact li span,.section-contact ul.profiles li span {
word-wrap: break-word;
white-space: pre-wrap;
color: #ffffff !important;
}
}
</style>
</head>
<body>
<div class="container">
<div class="row" id="resume">
<div class="col-xs-4 sidebar">
<section class="section-basic">
</section>
<section class="section-contact">
<h2 class="title">
<span class="">Contact</span>
</h2>
<ul class="contact">
<li class="icon-item clearfix">
<i class="fa fa-map-marker"></i>
2712 Broadway St
CA 94115
San Francisco
California
US
</li>
<li class="icon-item clearfix">
<i class="fa fa-envelope "></i>
contact@blapointe.com
</li>
<li class="icon-item clearfix">
<i class="fa fa-phone "></i>
(912) 555-4321
</li>
</ul>
<ul class="profiles">
<li class="icon-item clearfix">
<i class="fa fa-twitter "></i>
<span></span>
</li>
<li class="icon-item clearfix">
<i class="fa fa-soundcloud "></i>
<span>https://soundcloud.example.com/ dandymusicnl</span>
</li>
</ul>
</section>
<section class="section-education">
<h2 class="title">
<span class="">Education</span>
</h2>
<div class="item">
<div class="studyTitle">
<span class="studyType">
Bachelor
</span>
<span class="area">
Information Technology
</span>
</div>
<ul class="courses">
<li>DB1101 - Basic SQL</li>
<li>CS2011 - Java Introduction</li>
</ul>
<div class="institution">
University of Oklahoma
</div>
<div class="date">
<span class="startDate">
2011
</span>
<span class="endDate">
- 2014
</span>
</div>
</div>
</section>
<section class="section-skills">
<h2 class="title">
<span class="">Skills</span>
</h2>
<div class="item">
<div class="name">
Web Development
</div>
<div class="keywords">
<span class="label label-default">HTML</span>
<span class="label label-default">CSS</span>
<span class="label label-default">Javascript</span>
</div>
</div>
<div class="item">
<div class="name">
Compression
</div>
<div class="keywords">
<span class="label label-default">Mpeg</span>
<span class="label label-default">MP4</span>
<span class="label label-default">GIF</span>
</div>
</div>
</section>
</div>
<div class="col-xs-8 content">
<section class="section-name">
<h1>Bree LaPointe</h1>
<h2>Programmer</h2>
</section>
<section class="section-summary">
<h2 class="title">
<span class="">Summary</span>
</h2>
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!
</section>
<section class="section-work">
<h2 class="title">
<span class="">Experience</span>
</h2>
<div class="item">
<div class="position">
CEO/President
</div>
<div class="company">
<span class="date">
|
<span class="startDate">
Dec 2013
</span>
<span class="endDate">
- Dec 2014
</span>
<span class="diffDate">
(1 year)
</span>
</span>
</div>
<div class="summary">
<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>
</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>
</div>
</section>
<section class="section-volunteer">
<h2 class="title">
<span class="">Volunteer</span>
</h2>
<div class="item">
<div class="position">
Teacher
</div>
<div class="company">
<span class="name">
CoderDojo
</span>
<span class="date">
| <span class="startDate">
Jan 2012
</span>
<span class="endDate">
- Jan 2013
</span>
<span class="diffDate">
(1 year)
</span>
</span>
</div>
<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 class="section-awards">
<h2 class="title">
<span class="">Awards</span>
</h2>
<ul>
<li class="item">
<div class="title">
Digital Compression Pioneer Award
<span class="date">
| Nov 2014
</span>
<span class="awarder">
| Techcrunch
</span>
</div>
<div class="summary">
<p>There is no spoon.</p>
</div>
</li>
</ul>
</section>
<section class="section-publications">
<h2 class="title">
<span class="">Publications</span>
</h2>
<div class="item">
<div class="name">
Video compression for 3d media
</div>
<div class="publication">
<span class="publisher">
Hooli
</span>
<span class="releaseDate">
| 2014-10-01
</span>
</div>
<div class="summary">
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
</div>
</div>
</section>
<section class="section-languages">
<h2 class="title">
<span class="">Languages</span>
</h2>
<ul>
<li class="item">
<div class="language">
English
<span class="fluency">
| <em>Native speaker</em>
</span>
</div>
</li>
</ul>
</section>
<section class="section-interests">
<h2 class="title">
<span class="">Interests</span>
</h2>
<ul>
<li class="item">
<div class="name">
Wildlife
</div>
<div class="keywords">
<span class="label label-default">Ferrets</span>
<span class="label label-default">Unicorns</span>
</div>
</li>
<ul>
</section>
<section class="section-references">
<h2 class="title">
<span class="">References</span>
</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>
</div>
</body>
</html>