gogs
/
resume
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
resume/json-resume/themes/cora.html

374 lines
8.9 KiB
HTML
Executable File
Raw Blame History

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bree LaPointe</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<style>
body {
font-family: Montserrat;
font-size:1em;
color: #333333;
}
.picture {
border-radius: 3%;
margin: 20px;
width: 100px;
height: 100px;
}
a {
color: #333333;
text-decoration: none;
}
a:visited {
color: #4e4e4e;
}
a:hover {
color: #4e4e4e;
text-decoration: underline;
}
header {
text-align: center;
margin-left: 5%;
margin-right: 5%;
}
h1 {
font-size: 2em;
margin-bottom: 0.2em;
}
h2 {
font-size: 1.7em;
margin-top: 2em;
margin-bottom: 0.2em;
}
h3 {
font-size: 1.3em;
margin-top: 0;
margin-bottom: 0;
}
h4 {
color: #4e4e4e;
font-size: 1.1em;
margin-top: 0;
}
.profile {
font-family: Montserrat;
white-space:nowrap;
margin: 0.5em;
}
.contact-header {
font-weight: bold;
color: #4e4e4e;
margin:1em;
}
.contact-header .fa {
font-size: 1.5em;
}
.profile .fa {
font-size: 1.5em;
}
.label {
margin-top: 0;
margin-bottom: 0.5em;
}
.fa {
font-size: 2em;
}
.left {
font-size: 1em;
}
.main {
margin: 0 auto;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 50px;
}
.skills {
margin-bottom: 10px;
}
p {
font-family: &#x27;Open Sans&#x27;;
}
li {
font-family: &#x27;Open Sans&#x27;;
}
.keywords {
background-color: #333333;
color: #fff;
padding: 6px;
margin-bottom: 5px;
display: inline-block;
}
blockquote {
margin: 2em 10px;
padding: 1em 10px;
border-left: 10px solid #edf0f5;
font-family: &#x27;Open Sans&#x27;;
font-size: 1.5em;
}
blockquote .name {
font-weight: bold;
font-family: &quot;Montserrat&quot;;
}
.responsive-show {
display: none;
}
.address {
display: block
}
section.skills {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 1000px) {
header {
font-size: 1.66em;
}
h2 {
font-size: 3em;
}
}
@media screen and (max-width: 500px) {
p {
font-size: 1.2em;
}
li {
font-size: 1.2em;
}
blockquote {
font-size: 1.2em;
}
h2 {
font-size: 2.3em;
}
.responsive-hidden {
display: none;
visibility: hidden;
}
.responsive-show {
display: inline;
visibility: visible;
}
}
@media print {
body {
font-size:0.6em;
}
.address {
display: inline-block
}
.profile {
font-size: 1em;
display: inline-block
}
#profiles .contact-header {
display: none;
}
#languages,
#interests {
display: none;
}
section.skills section {
margin-right: 10em
}
.skills{
page-break-inside: avoid;
}
.main{
padding:10px;
margin-left: 2%;
margin-right: 2%;
}
section:not(#work) {
page-break-inside: avoid;
}
.job {
page-break-inside: avoid;
}
@page
{
size: auto; /* auto is the initial value */
/* this affects the margin in the printer settings */
margin: 25mm 10mm;
}
}
</style>
<script src= "https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
</head>
<body>
<header>
<h1>Bree LaPointe</h1>
<h3 class= "label">Programmer</h3>
<div id= "contact">
<span class= "contact-header">
<a href="https://maps.google.com/?q=San Francisco, California, US"><i title="ADDRESS" class="fa fa-map-marker left"></i>&nbsp; 2712 Broadway St, San Francisco, California, US</a>
</span>
<br/><br/>
<span class= "contact-header">
<a href= "mailto:contact@blapointe.com" target= "_blank"><i title="EMAIL" class="fa fa-envelope left"></i>&nbsp;contact@blapointe.com</a>
</span>
<br/><br/>
<span class= "contact-header">
<a href= "tel:(912) 555-4321" target= "_blank"><i title="PHONE" class="fa fa-phone-square left"></i>&nbsp;(912) 555-4321</a>
</span>
<br/><br/>
</div>
<br>
<div id= "profiles">
<span class= "profile"><a href= "https://twitter.com/neutralthoughts" target= "_blank" class= "profile"><i class="fa fa-twitter left"></i>&nbsp;neutralthoughts</a></span>
<span class= "profile"><a href= "https://soundcloud.example.com/dandymusicnl" target= "_blank" class= "profile"><i class="fa fa-soundcloud left"></i>&nbsp;dandymusicnl</a></span>
</div>
</header> <div class="main">
<section id="about">
<h2><i class="fa fa-user left"></i> ABOUT</h2>
<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>
</section>
<section id= "work">
<h2><i class= "fa fa-suitcase left"></i> WORK EXPERIENCE</h2>
<div class= "job">
<h3>CEO/President, </h3>
<h4>2013-12-01
<span class="endDate">
- 2014-12-01
</span>
</h4>
<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>
<h4>HIGHLIGHTS</h4>
<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 id="skills">
<h2><i class="fa fa-tasks left"></i> SKILLS</h2>
<section class="skills">
<section>
<h3 class="skills">Web Development</h3>
<span class="keywords">HTML</span>
<span class="keywords">CSS</span>
<span class="keywords">Javascript</span>
</section>
<section>
<h3 class="skills">Compression</h3>
<span class="keywords">Mpeg</span>
<span class="keywords">MP4</span>
<span class="keywords">GIF</span>
</section>
</section>
</section>
<section id="education">
<h2><i class="fa fa-graduation-cap left"></i> EDUCATION</h2>
<h3>Bachelor, Information Technology - University of Oklahoma</h3>
<h4>2011-May - 2013-Dec
</h4>
<h4>COURSES</h4>
<ul class="courses">
<li>DB1101 - Basic SQL</li>
<li>CS2011 - Java Introduction</li>
</ul>
</section>
<section id="awards">
<h2><i class="fa fa-trophy left"></i> AWARDS</h2>
<h3>Digital Compression Pioneer Award - Techcrunch</h3>
<h4>
2014-Oct
</h4>
<p>There is no spoon.</p>
</section>
<section id="publications">
<h2><i class="fa fa-book left"></i> PUBLICATIONS</h2>
<h3>Video compression for 3d media</h3>
<h4>2014-10-01</h4>
<p>Innovative middle-out compression algorithm that changes the way we store data.<br><a href="" target="_blank"></a></p>
</section>
<section id="volunteer">
<h2><i class="fa fa-child left"></i> VOLUNTEER WORK</h2>
<h3>Teacher, CoderDojo</h3>
<h4>2011-Dec
<span class="endDate">
- 2012-Dec
</span>
</h4>
<p>Global movement of free coding clubs for young people.<br><a href="" target="_blank"></a></p>
<h4>HIGHLIGHTS</h4>
<ul class="highlights">
<li>Awarded &#x27;Teacher of the Month&#x27;</li>
</ul>
</section>
<section id="languages">
<h2><i class="fa fa-language left"></i> LANGUAGES</h2>
<h3>English</h3>
<h4>Fluency: Native speaker</h4>
</section>
<section id="interests">
<h2><i class="fa fa-star left"></i> INTERESTS</h2>
<h3 class="skills">Wildlife</h3>
<span class="keywords">Ferrets</span>
<span class="keywords">Unicorns</span>
</section>
<section id="references">
<h2><i class="fa fa-thumbs-up left"></i> REFERENCES</h2>
<blockquote>
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.
<div class="name"><br>- Erlich Bachman</div>
</blockquote><br>
</section>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink