242 lines
6.5 KiB
HTML
242 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans' rel='stylesheet' type='text/css'>
|
|
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
|
|
<style>
|
|
body {
|
|
font-size: 62.5%;
|
|
font-family: Montserrat;
|
|
color: #333333;
|
|
}
|
|
.picture {
|
|
border-radius: 50%;
|
|
margin: 0 auto;
|
|
}
|
|
a {
|
|
color: #333333;
|
|
text-decoration: none;
|
|
}
|
|
a:visited {
|
|
color: #4e4e4e;
|
|
}
|
|
a:hover {
|
|
color: #4e4e4e;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.header {
|
|
text-align:center;
|
|
font-size: 2em;
|
|
margin-top:1em;
|
|
margin-left:5%;
|
|
margin-right:5%;
|
|
}
|
|
h1 {
|
|
font-size:3em;
|
|
margin-bottom:0;
|
|
}
|
|
.profile {
|
|
font-family: Montserrat;
|
|
font-size: 1em;
|
|
margin:0;
|
|
}
|
|
|
|
.contact-header {
|
|
font-weight:bold;
|
|
}
|
|
.label {
|
|
margin-top: 0;
|
|
margin-bottom: 1em;
|
|
}
|
|
.fa {
|
|
font-size:2em;
|
|
}
|
|
.left {
|
|
font-size: 1em;
|
|
}
|
|
.main {
|
|
margin 0 auto;
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
margin-bottom: 50px;
|
|
}
|
|
h2 {
|
|
font-size: 3.5em;
|
|
}
|
|
h3 {
|
|
font-size:2em;
|
|
margin-bottom:0;
|
|
}
|
|
h4 {
|
|
color: #4e4e4e;
|
|
font-size:1.5em;
|
|
margin-top:0;
|
|
}
|
|
.skills {
|
|
margin-bottom: 10px;
|
|
}
|
|
p {
|
|
font-family: 'Open Sans';
|
|
font-size: 1.5em;
|
|
}
|
|
li {
|
|
font-family: 'Open Sans';
|
|
font-size: 1.5em;
|
|
}
|
|
.keywords {
|
|
background-color: #333333;
|
|
color:#fff;
|
|
padding: 6px;
|
|
font-size: 1.2em;
|
|
margin-bottom: 5px;
|
|
display:inline-block;
|
|
}
|
|
blockquote {
|
|
margin: 2em 10px;
|
|
padding: 1em 10px;
|
|
border-left: 10px solid #edf0f5;
|
|
font-family: 'Open Sans';
|
|
font-size: 1.5em;
|
|
}
|
|
blockquote .name {
|
|
font-weight:bold;
|
|
font-family: "Montserrat";
|
|
}
|
|
.responsive-show {
|
|
display:none;
|
|
}
|
|
@media (max-width: 1000px) {
|
|
.header {
|
|
font-size: 1.66em;
|
|
}
|
|
h2 {
|
|
font-size: 3em;
|
|
}
|
|
}
|
|
@media (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;
|
|
}
|
|
}
|
|
</style>
|
|
<script src= "//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class= "header">
|
|
<h1>BREE LAPOINTE</h1>
|
|
<h3 class= "label">PROGRAMMER</h3>
|
|
<div class= "contact-header">
|
|
San Francisco, California, US<br>
|
|
2712 Broadway St
|
|
</div>
|
|
<div id= "contact">
|
|
<br>
|
|
<div class= "contact-header">
|
|
EMAIL <span class= "responsive-hidden">•</span> <span class= "responsive-show"><br></span><a href= "mailto:contact@blapointe.com" target= "_blank">contact@blapointe.com</a> <span class= "responsive-show"><br><br></span>
|
|
</div>
|
|
<div class= "contact-header">
|
|
PHONE <span class= "responsive-hidden">•</span> <span class= "responsive-show"><br></span>(912) 555-4321 <span class= "responsive-show"><br><br></span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div id= "profiles">
|
|
<div class= "contact-header">PROFILES</div><br>
|
|
<p class= "profile"><a href= "https://twitter.com/neutralthoughts" target= "_blank" class= "profile">Twitter</a></p>
|
|
<p class= "profile"><a href= "https://soundcloud.example.com/dandymusicnl" target= "_blank" class= "profile">SoundCloud</a></p>
|
|
</div>
|
|
</div>
|
|
<div class= "main">
|
|
<div 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>
|
|
</div>
|
|
<div id= "volunteer">
|
|
<h2><i class= "fa fa-child left"></i> VOLUNTEER WORK</h2>
|
|
<h3>Teacher, CoderDojo</h3>
|
|
<h4>January 2012 - January 2013</h4>
|
|
<p>Global movement of free coding clubs for young people.<br><a href= "" target= "_blank"></a></p>
|
|
<h4>HIGHLIGHTS</h4>
|
|
<ul>
|
|
<li>Awarded 'Teacher of the Month'</li>
|
|
</ul>
|
|
</div>
|
|
<div id= "skills">
|
|
<h2><i class= "fa fa-tasks left"></i> SKILLS</h2>
|
|
<h3 class= "skills">Web Development</h3>
|
|
<span class= "keywords">HTML</span>
|
|
<span class= "keywords">CSS</span>
|
|
<span class= "keywords">Javascript</span>
|
|
<h3 class= "skills">Compression</h3>
|
|
<span class= "keywords">Mpeg</span>
|
|
<span class= "keywords">MP4</span>
|
|
<span class= "keywords">GIF</span>
|
|
</div><br>
|
|
<div id= "education">
|
|
<h2><i class= "fa fa-graduation-cap left"></i> EDUCATION</h2>
|
|
<h3>Bachelor, Information Technology - University of Oklahoma</h3>
|
|
<h4>June 2011 - January 2014</h4>
|
|
<h4>COURSES</h4>
|
|
<ul>
|
|
<li>DB1101 - Basic SQL</li>
|
|
<li>CS2011 - Java Introduction</li>
|
|
</ul>
|
|
</div>
|
|
<div id= "awards">
|
|
<h2><i class= "fa fa-trophy left"></i> AWARDS</h2>
|
|
<h3>Digital Compression Pioneer Award - Techcrunch</h3>
|
|
<h4>01 November 2014</h4>
|
|
<p>There is no spoon.</p>
|
|
</div>
|
|
<div id= "publications">
|
|
<h2><i class= "fa fa-book left"></i> PUBLICATIONS</h2>
|
|
<h3>Video compression for 3d media</h3>
|
|
<h4>01 October 2014</h4>
|
|
<p>Innovative middle-out compression algorithm that changes the way we store data.<br><a href= "" target= "_blank"></a></p>
|
|
</div>
|
|
<div 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>
|
|
</div>
|
|
<div id= "languages">
|
|
<h2><i class= "fa fa-language left"></i> LANGUAGES</h2>
|
|
<h3>English</h3>
|
|
<h4>Fluency: Native speaker</h4>
|
|
</div>
|
|
<div 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>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|