ok sampler
bel
parent
63f7a83318
commit
b21e6a3013
|
|
@ -9,13 +9,18 @@ main() {
|
|||
flags() {
|
||||
set -e
|
||||
|
||||
export THEME="${1:-"flat"}"
|
||||
export THEMES="${1:-"${THEME:-"${THEMES:-"flat"}"}"}"
|
||||
export PAGE_SIZE="${PAGE_SIZE:-A4}"
|
||||
|
||||
if [ "$THEMES" == "all" ]; then
|
||||
export THEMES="jsonresume-theme-ace","jsonresume-theme-actual","jsonresume-theme-apage","jsonresume-theme-autumn","jsonresume-theme-caffeine","jsonresume-theme-class","jsonresume-theme-classy","jsonresume-theme-cora","jsonresume-theme-dave","jsonresume-theme-elegant","jsonresume-theme-elite","jsonresume-theme-eloquent","jsonresume-theme-even","jsonresume-theme-flat","jsonresume-theme-flat-fr","jsonresume-theme-full","jsonresume-theme-github","jsonresume-theme-jacrys","jsonresume-theme-kards","jsonresume-theme-keloran","jsonresume-theme-kendall","jsonresume-theme-kwan","jsonresume-theme-kwan-linkedin","jsonresume-theme-latex","jsonresume-theme-macchiato","jsonresume-theme-mantra","jsonresume-theme-mocha-responsive","jsonresume-theme-modern","jsonresume-theme-msresume","jsonresume-theme-onepage","jsonresume-theme-onepageresume","jsonresume-theme-orbit","jsonresume-theme-paper","jsonresume-theme-paper-plus-plus","jsonresume-theme-papirus","jsonresume-theme-pumpkin","jsonresume-theme-rocketspacer","jsonresume-theme-short","jsonresume-theme-simple-red","jsonresume-theme-slick","jsonresume-theme-spartan","jsonresume-theme-srt","jsonresume-theme-stackoverflow","jsonresume-theme-standard-resume","jsonresume-theme-tachyons-clean","jsonresume-theme-tan-responsive","jsonresume-theme-techlead","jsonresume-theme-verbum","jsonresume-theme-wraypro"
|
||||
export THEMES="${THEMES//jsonresume-theme-/}"
|
||||
fi
|
||||
}
|
||||
|
||||
install() {
|
||||
install_cli
|
||||
install_theme
|
||||
install_themes
|
||||
|
||||
if ! which wkhtmltopdf &> /dev/null; then
|
||||
log installing wkhtmltopdf
|
||||
|
|
@ -36,26 +41,42 @@ install_cli() {
|
|||
which resume
|
||||
}
|
||||
|
||||
install_theme() {
|
||||
if [ -d node_modules/jsonresume-theme-$THEME ]; then
|
||||
return
|
||||
fi
|
||||
npm install jsonresume-theme-$THEME
|
||||
install_themes() {
|
||||
for theme in ${THEMES//,/ }; do
|
||||
if [ -d node_modules/jsonresume-theme-$theme ]; then
|
||||
return
|
||||
fi
|
||||
log installing theme $theme
|
||||
if ! npm install jsonresume-theme-$theme; then
|
||||
log failed
|
||||
export THEMES="${THEMES//,$theme,/,}"
|
||||
else
|
||||
log ok
|
||||
fi
|
||||
done
|
||||
}
|
||||
|
||||
build() {
|
||||
for theme in ${THEMES//,/ }; do
|
||||
THEME=$theme build_theme
|
||||
done
|
||||
}
|
||||
|
||||
build_theme() {
|
||||
log building theme $THEME
|
||||
if ! [ -f ./resume.json ]; then
|
||||
resume init
|
||||
return $?
|
||||
fi
|
||||
|
||||
(
|
||||
resume validate
|
||||
|
||||
for ext in html ; do
|
||||
resume export resume.$ext --theme $THEME
|
||||
done
|
||||
|
||||
wkhtmltopdf --page-size $PAGE_SIZE ./resume.html ./resume.pdf
|
||||
resume export resume.$THEME.html --theme $THEME || true
|
||||
if [ -f resume.$THEME.html ]; then
|
||||
wkhtmltopdf --page-size $PAGE_SIZE ./resume.$THEME.html ./resume.$THEME.pdf
|
||||
fi
|
||||
) || true
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,663 @@
|
|||
<!doctype html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title> Bree LaPointe - Programmer
|
||||
</title>
|
||||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootswatch/3.3.7/yeti/bootstrap.min.css" />
|
||||
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
|
||||
<style type="text/css">body {
|
||||
padding-top: 478px;
|
||||
}
|
||||
main section {
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
.navbar h2, .navbar h4 {
|
||||
color: #fff;
|
||||
}
|
||||
#profile-pic {
|
||||
padding: 0 20px 0 0;
|
||||
}
|
||||
#profile-pic img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
i.basics-profile-link:before {
|
||||
padding-right: 4px;
|
||||
}
|
||||
.date {
|
||||
margin-top: 10.5px;
|
||||
margin-left: 10.5px;
|
||||
}
|
||||
.card {
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 3px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.card-nested {
|
||||
border-width: 1px 0 0 0;
|
||||
}
|
||||
.keyword {
|
||||
margin: 0 2px;
|
||||
font-size: 100%;
|
||||
}
|
||||
.list-name {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Bootstrap overrides */
|
||||
.fa-border {
|
||||
border-radius: 1em;
|
||||
}
|
||||
body {
|
||||
font-size: 14px;
|
||||
}
|
||||
hr {
|
||||
margin-top: 18px;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
h4,.h4,h5,.h5,h6,.h6 {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
h2,.h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
h4,.h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
ul,ol {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.navbar {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Media queries */
|
||||
@media only screen and (min-width: 162px) {
|
||||
body {
|
||||
padding-top: 458px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 188px) {
|
||||
body {
|
||||
padding-top: 450px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 249px) {
|
||||
body {
|
||||
padding-top: 414px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 263px) {
|
||||
body {
|
||||
padding-top: 370px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Custom, iPhone Retina */
|
||||
@media only screen and (min-width : 320px) {
|
||||
body {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width : 370px) {
|
||||
body {
|
||||
padding-top: 338px;
|
||||
}
|
||||
}
|
||||
/* Extra Small Devices, Phones */
|
||||
@media only screen and (min-width : 480px) {
|
||||
}
|
||||
|
||||
/* Small Devices, Tablets */
|
||||
@media only screen and (min-width : 768px) {
|
||||
body {
|
||||
padding-top: 146px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Medium Devices, Desktops */
|
||||
@media only screen and (min-width : 992px) {
|
||||
|
||||
}
|
||||
|
||||
/* Large Devices, Wide Screens */
|
||||
@media only screen and (min-width : 1200px) {
|
||||
|
||||
}
|
||||
|
||||
@media print {
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
body {
|
||||
padding-top: 80px;
|
||||
color: #222222 !important;
|
||||
}
|
||||
blockquote {
|
||||
border-left: 5px solid #dddddd;
|
||||
border-left-width: 1px;
|
||||
color: #6f6f6f;
|
||||
border-top-width: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
border-bottom-width: 0 !important;
|
||||
}
|
||||
#basics-name {
|
||||
margin-top: 0;
|
||||
}
|
||||
.container {
|
||||
width: auto;
|
||||
}
|
||||
.navbar {
|
||||
display: block;
|
||||
border-width: 0 !important;
|
||||
}
|
||||
.navbar-toggle {
|
||||
display: none;
|
||||
}
|
||||
.navbar-inverse {
|
||||
background-color: #008cba;
|
||||
border-color: #006687;
|
||||
}
|
||||
.navbar-fixed-top {
|
||||
position: absolute !important;
|
||||
top: 0;
|
||||
}
|
||||
.label {
|
||||
border: 1px solid #008cba !important;
|
||||
}
|
||||
.label-primary {
|
||||
background-color: #008cba !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.text-primary {
|
||||
color: #008cba !important;
|
||||
}
|
||||
.text-success {
|
||||
color: #43ac6a !important;
|
||||
}
|
||||
.text-muted {
|
||||
color: #999999 !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav id="navbar" class="navbar navbar-inverse navbar-fixed-top" role = "navigation">
|
||||
<div class="container-fluid">
|
||||
<div id="profile-pic" class="pull-left hidden-print">
|
||||
<img data-src="holder.js/100x100" alt="Bree LaPointe" src="//www.gravatar.com/avatar/3d1df38a85a478f73eaa3664b488edc3?s=100&r=pg&d=mm" class="media-object img-circle">
|
||||
</div>
|
||||
<h2 id="basics-name">Bree LaPointe</h2>
|
||||
<h4 id="basics-label">Programmer</h4>
|
||||
<div class="clearfix"></div>
|
||||
<ul id="basics-profiles" class="nav navbar-nav hidden-print">
|
||||
<li class="basics-profile">
|
||||
<a href="" rel="tooltip" title="neutralthoughts on Twitter">
|
||||
<i class="fa fa-twitter fa-2x"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li class="basics-profile">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" rel="tooltip" title="dandymusicnl on SoundCloud">
|
||||
<i class="fa fa-soundcloud fa-2x"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav navbar-nav navbar-right hidden-print">
|
||||
<li id="basics-email"><a href="mailto:contact@blapointe.com"><i class="fa fa-envelope basics-profile-link">contact@blapointe.com</i></a></li>
|
||||
<li id="basics-location">
|
||||
<a href="#">
|
||||
<i class="fa fa-map-marker">
|
||||
San Francisco, California, US
|
||||
</i>
|
||||
</a>
|
||||
</li>
|
||||
<li id="basics-phone"><a href="#">(912) 555-4321</a></li>
|
||||
</ul>
|
||||
|
||||
</div><!-- /.container-fluid -->
|
||||
</nav>
|
||||
<main id="sections" class="container" role="main">
|
||||
<section id="section-summary">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-user fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-summary">
|
||||
<h4 class="title text-uppercase clearfix">Summary</h4>
|
||||
</header>
|
||||
<p class="summary">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 class="col-xs-12 visible-print">
|
||||
<header id="header-summary">
|
||||
<h4 class="title text-uppercase clearfix">Summary</h4>
|
||||
</header>
|
||||
<p class="summary">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>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-summary -->
|
||||
<hr class="separator" />
|
||||
<section id="section-experience">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-building fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-skills">
|
||||
<h4 class="title text-uppercase clearfix">Experience</h4>
|
||||
</header>
|
||||
<ul id="experiences" class="list-unstyled">
|
||||
<li class="experiences-experience card card-nested">
|
||||
<h4 class="experience-company text-primary pull-left"></h4>
|
||||
<time class="date pull-left text-muted">
|
||||
December, 2013 - December, 2014
|
||||
</time>
|
||||
<time class="date pull-left text-muted">
|
||||
<i class="fa fa-clock-o fa-border fa-pull-left"></i>
|
||||
1 year
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="experience-position list-name text-success">CEO/President</h5>
|
||||
<div class="experience-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="experience-highlights">
|
||||
<li class="experience-highlight">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="experience-highlight">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="experience-highlight">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-skills">
|
||||
<h4 class="title text-uppercase clearfix">Experience</h4>
|
||||
</header>
|
||||
<ul id="experiences" class="list-unstyled">
|
||||
<li class="experiences-experience card card-nested">
|
||||
<h4 class="experience-company text-primary pull-left"></h4>
|
||||
<time class="date pull-left text-muted">
|
||||
December, 2013 - December, 2014
|
||||
</time>
|
||||
<time class="date pull-left text-muted">
|
||||
<i class="fa fa-clock-o fa-border fa-pull-left"></i>
|
||||
1 year
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="experience-position list-name text-success">CEO/President</h5>
|
||||
<div class="experience-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="experience-highlights">
|
||||
<li class="experience-highlight">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="experience-highlight">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="experience-highlight">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-experience -->
|
||||
<section id="section-skills">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-cog fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-skills">
|
||||
<h4 class="title text-uppercase clearfix">Skills</h4>
|
||||
</header>
|
||||
<ul id="skills" class="list-unstyled">
|
||||
<li class="skills-skill card card-nested">
|
||||
<h4 id="skills-name">Web Development</h4>
|
||||
<ul class="keywords list-inline">
|
||||
<li class="label label-primary keyword">HTML</li>
|
||||
<li class="label label-primary keyword">CSS</li>
|
||||
<li class="label label-primary keyword">Javascript</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</li>
|
||||
<li class="skills-skill card card-nested">
|
||||
<h4 id="skills-name">Compression</h4>
|
||||
<ul class="keywords list-inline">
|
||||
<li class="label label-primary keyword">Mpeg</li>
|
||||
<li class="label label-primary keyword">MP4</li>
|
||||
<li class="label label-primary keyword">GIF</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-skills">
|
||||
<h4 class="title text-uppercase clearfix">Skills</h4>
|
||||
</header>
|
||||
<ul id="skills" class="list-unstyled">
|
||||
<li class="skills-skill card card-nested">
|
||||
<h4 id="skills-name">Web Development</h4>
|
||||
<ul class="keywords list-inline">
|
||||
<li class="label label-primary keyword">HTML</li>
|
||||
<li class="label label-primary keyword">CSS</li>
|
||||
<li class="label label-primary keyword">Javascript</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</li>
|
||||
<li class="skills-skill card card-nested">
|
||||
<h4 id="skills-name">Compression</h4>
|
||||
<ul class="keywords list-inline">
|
||||
<li class="label label-primary keyword">Mpeg</li>
|
||||
<li class="label label-primary keyword">MP4</li>
|
||||
<li class="label label-primary keyword">GIF</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-skills -->
|
||||
<section id="section-education">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-book fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-education">
|
||||
<h4 class="title text-uppercase clearfix">Education</h4>
|
||||
</header>
|
||||
<ul id="education" class="list-unstyled">
|
||||
<li class="education-education card card-nested">
|
||||
<h4 class="area pull-left">Information Technology Bachelor</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
June, 2011 - January, 2014
|
||||
</time>
|
||||
<time class="date pull-left text-muted">
|
||||
<i class="fa fa-clock-o fa-border fa-pull-left"></i>
|
||||
2 years, 7 months
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="education-institution list-name text-success">University of Oklahoma</h5>
|
||||
<ul class="education-courses">
|
||||
<li class="education-course">DB1101 - Basic SQL</li>
|
||||
<li class="education-course">CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-education">
|
||||
<h4 class="title text-uppercase clearfix">Education</h4>
|
||||
</header>
|
||||
<ul id="education" class="list-unstyled">
|
||||
<li class="education-education card card-nested">
|
||||
<h4 class="area pull-left">Information Technology Bachelor</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
June, 2011 - January, 2014
|
||||
</time>
|
||||
<time class="date pull-left text-muted">
|
||||
<i class="fa fa-clock-o fa-border fa-pull-left"></i>
|
||||
2 years, 7 months
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="education-institution list-name text-success">University of Oklahoma</h5>
|
||||
<ul class="education-courses">
|
||||
<li class="education-course">DB1101 - Basic SQL</li>
|
||||
<li class="education-course">CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-education -->
|
||||
<section id="section-awards">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-trophy fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-awards">
|
||||
<h4 class="title text-uppercase clearfix">Awards</h4>
|
||||
</header>
|
||||
<ul id="awards" class="list-unstyled">
|
||||
<li class="awards-award card card-nested">
|
||||
<h4 class="awards-title pull-left">Digital Compression Pioneer Award</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
<time class="awards-date" datetime="2014-11-01">Awarded on: November 1, 2014</time>
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="awards-awarder list-name text-success">Techcrunch</h5>
|
||||
<div class="awards-summary">
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-awards">
|
||||
<h4 class="title text-uppercase clearfix">Awards</h4>
|
||||
</header>
|
||||
<ul id="awards" class="list-unstyled">
|
||||
<li class="awards-award card card-nested">
|
||||
<h4 class="awards-title pull-left">Digital Compression Pioneer Award</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
<time class="awards-date" datetime="2014-11-01">Awarded on: November 1, 2014</time>
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="awards-awarder list-name text-success">Techcrunch</h5>
|
||||
<div class="awards-summary">
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-awards -->
|
||||
<section id="section-volunteer">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-users fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-volunteer">
|
||||
<h4 class="title text-uppercase clearfix">Volunteer Work</h4>
|
||||
</header>
|
||||
<ul id="volunteer" class="list-unstyled">
|
||||
<li class="volunteer-volunteer card card-nested">
|
||||
<h4 class="volunteer-position pull-left">Teacher, CoderDojo</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
January, 2012 - January, 2013
|
||||
</time>
|
||||
<time class="date pull-left text-muted">
|
||||
<i class="fa fa-clock-o fa-border fa-pull-left"></i>
|
||||
1 year
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<div class="volunteer-summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<ul class="volunteer-highlights">
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-volunteer">
|
||||
<h4 class="title text-uppercase clearfix">Volunteer Work</h4>
|
||||
</header>
|
||||
<ul id="volunteer" class="list-unstyled">
|
||||
<li class="volunteer-volunteer card card-nested">
|
||||
<h4 class="volunteer-position pull-left">Teacher, CoderDojo</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
January, 2012 - January, 2013
|
||||
</time>
|
||||
<time class="date pull-left text-muted">
|
||||
<i class="fa fa-clock-o fa-border fa-pull-left"></i>
|
||||
1 year
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<div class="volunteer-summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<ul class="volunteer-highlights">
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-volunteer -->
|
||||
<section id="section-publications">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-print fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-publications">
|
||||
<h4 class="title text-uppercase clearfix">Publications</h4>
|
||||
</header>
|
||||
<ul id="publications" class="list-unstyled">
|
||||
<li class="publications-publication card card-nested">
|
||||
<h4 class="publications-name pull-left">Video compression for 3d media</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
<time class="publications-releaseDate" datetime="2014-10-01">Published on: October 1, 2014</time>
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="publications-publisher list-name text-success">Hooli</h5>
|
||||
<div class="publications-summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-publications">
|
||||
<h4 class="title text-uppercase clearfix">Publications</h4>
|
||||
</header>
|
||||
<ul id="publications" class="list-unstyled">
|
||||
<li class="publications-publication card card-nested">
|
||||
<h4 class="publications-name pull-left">Video compression for 3d media</h4>
|
||||
<time class="date pull-left text-muted">
|
||||
<time class="publications-releaseDate" datetime="2014-10-01">Published on: October 1, 2014</time>
|
||||
</time>
|
||||
<div class="clearfix"></div>
|
||||
<h5 class="publications-publisher list-name text-success">Hooli</h5>
|
||||
<div class="publications-summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-publications -->
|
||||
<section id="section-interests">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-pencil fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-interests">
|
||||
<h4 class="title text-uppercase clearfix">Interests</h4>
|
||||
</header>
|
||||
<ul id="interests" class="list-unstyled">
|
||||
<li class="interests-interest card card-nested">
|
||||
<h4 id="interests-name">Wildlife</h4>
|
||||
<ul class="keywords list-inline">
|
||||
<li class="label label-primary keyword">Ferrets</li>
|
||||
<li class="label label-primary keyword">Unicorns</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-interests">
|
||||
<h4 class="title text-uppercase clearfix">Interests</h4>
|
||||
</header>
|
||||
<ul id="interests" class="list-unstyled">
|
||||
<li class="interests-interest card card-nested">
|
||||
<h4 id="interests-name">Wildlife</h4>
|
||||
<ul class="keywords list-inline">
|
||||
<li class="label label-primary keyword">Ferrets</li>
|
||||
<li class="label label-primary keyword">Unicorns</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-interests -->
|
||||
<section id="section-references">
|
||||
<article>
|
||||
<div class="row">
|
||||
<div class="col-xs-1 hidden-print">
|
||||
<i class="fa fa-thumbs-up fa-2x fa-border fa-pull-left"></i>
|
||||
</div>
|
||||
<div class="col-xs-11 hidden-print">
|
||||
<header id="header-references">
|
||||
<h4 class="title text-uppercase clearfix">References</h4>
|
||||
</header>
|
||||
<ul id="references" class="list-unstyled">
|
||||
<li class="references-reference card card-nested">
|
||||
<h4 id="references-name">Erlich Bachman</h4>
|
||||
<blockquote class="reference-quote">
|
||||
<p>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.</p>
|
||||
</blockquote>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-xs-12 visible-print">
|
||||
<header id="header-references">
|
||||
<h4 class="title text-uppercase clearfix">References</h4>
|
||||
</header>
|
||||
<ul id="references" class="list-unstyled">
|
||||
<li class="references-reference card card-nested">
|
||||
<h4 id="references-name">Erlich Bachman</h4>
|
||||
<blockquote class="reference-quote">
|
||||
<p>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.</p>
|
||||
</blockquote>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
</section><!-- /#section-references -->
|
||||
<footer id="footer">
|
||||
|
||||
</footer><!-- /#footer -->
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.min.js" type="text/javascript"></script>
|
||||
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js" type="text/javascript"></script>
|
||||
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" type="text/javascript"></script>
|
||||
</main><!-- /#sections -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,363 @@
|
|||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><style>@charset "UTF-8";
|
||||
/* Workaround for 'break-before:avoid' */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
ul, li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
span, q {
|
||||
display: block;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 15mm 0 20mm 0;
|
||||
}
|
||||
@page :first {
|
||||
margin-top: 10mm;
|
||||
}
|
||||
a {
|
||||
color: #222222;
|
||||
font-weight: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a[href] {
|
||||
text-decoration: underline;
|
||||
text-decoration-color: #888888;
|
||||
}
|
||||
|
||||
p, q {
|
||||
line-height: 1.25em;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.35em;
|
||||
}
|
||||
li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 1000px;
|
||||
height: auto;
|
||||
padding: 0 50px;
|
||||
margin: 0 auto;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
color: #222222;
|
||||
}
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
display: table;
|
||||
}
|
||||
.table .main {
|
||||
display: table-cell;
|
||||
width: 70%;
|
||||
padding-right: 50px;
|
||||
}
|
||||
.table .side {
|
||||
display: table-cell;
|
||||
width: 30%;
|
||||
padding-left: 50px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.summary {
|
||||
font-size: 15px;
|
||||
}
|
||||
.summary:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 26px;
|
||||
font-weight: normal;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.margin-container-2:not(:first-child) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.margin-container-3:not(:first-child) {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.margin-container-4:not(:first-child) {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.padding-container-2 {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.margin-text-1 {
|
||||
margin-top: 2px;
|
||||
}
|
||||
.margin-text-1:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.margin-text-2 {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.margin-text-2:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.margin-text-3 {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.margin-text-3:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.margin-text-4 {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.margin-text-4:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.margin-text-5 {
|
||||
margin-top: 14px;
|
||||
}
|
||||
.margin-text-5:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.no-break {
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
.no-alone-1 {
|
||||
break-inside: avoid;
|
||||
}
|
||||
.no-alone-1::after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 75px;
|
||||
margin-bottom: -75px;
|
||||
}
|
||||
|
||||
.no-alone-2 {
|
||||
break-inside: avoid;
|
||||
}
|
||||
.no-alone-2::after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 150px;
|
||||
margin-bottom: -150px;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 160%;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.markdown h2 {
|
||||
font-size: 150%;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.markdown h3 {
|
||||
font-size: 140%;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.markdown h4 {
|
||||
font-size: 130%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.markdown h5 {
|
||||
font-size: 120%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.markdown h6 {
|
||||
font-size: 110%;
|
||||
font-weight: bold;
|
||||
}
|
||||
.markdown ul, .markdown ol {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.markdown img {
|
||||
display: block;
|
||||
margin: 20px auto;
|
||||
max-width: 1000px;
|
||||
text-align: center;
|
||||
}
|
||||
.markdown blockquote {
|
||||
margin: 20px 0;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
.markdown blockquote p {
|
||||
display: inline;
|
||||
}
|
||||
.markdown code {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.main .highlights {
|
||||
width: auto;
|
||||
display: block;
|
||||
padding: 0 10px;
|
||||
margin-bottom: 0;
|
||||
columns: 2;
|
||||
column-width: 310px;
|
||||
column-gap: 10px;
|
||||
}
|
||||
.main .highlights li {
|
||||
font-size: 14px;
|
||||
list-style: none;
|
||||
}
|
||||
.main .highlights li:before {
|
||||
content: "· ";
|
||||
vertical-align: middle;
|
||||
}
|
||||
.main .left {
|
||||
display: table-cell;
|
||||
}
|
||||
.main .left .title {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
.main .left .subtitle {
|
||||
font-size: 16px;
|
||||
font-weight: lighter;
|
||||
display: block;
|
||||
}
|
||||
.main .right {
|
||||
text-align: right;
|
||||
display: table-cell;
|
||||
}
|
||||
.main .right .date {
|
||||
font-size: 15px;
|
||||
font-weight: lighter;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.basics .main {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.basics .main .name {
|
||||
font-size: 80px;
|
||||
line-height: 1em;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-left: -5.6px;
|
||||
}
|
||||
.basics .main .label {
|
||||
font-size: 40px;
|
||||
line-height: 1em;
|
||||
font-weight: lighter;
|
||||
display: block;
|
||||
margin-left: -1.6px;
|
||||
}
|
||||
.basics .side {
|
||||
vertical-align: middle;
|
||||
padding-left: 0;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.basics .side .contact {
|
||||
list-style-type: none;
|
||||
}
|
||||
.basics .side .contact li {
|
||||
font-size: 18px;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.links ul {
|
||||
list-style: none;
|
||||
}
|
||||
.links ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.education .title {
|
||||
font-size: 15px;
|
||||
}
|
||||
.education .institution {
|
||||
font-size: 15px;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
.awards .header .title {
|
||||
font-size: 15px;
|
||||
}
|
||||
.awards .header .awarder {
|
||||
font-size: 15px;
|
||||
font-weight: lighter;
|
||||
}
|
||||
.awards .summary {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.certificates .name {
|
||||
font-size: 15px;
|
||||
}
|
||||
.certificates .issuer {
|
||||
font-size: 15px;
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
.skills .section-title {
|
||||
margin: 0;
|
||||
}
|
||||
.skills .container {
|
||||
display: block;
|
||||
columns: 2;
|
||||
column-gap: 10px;
|
||||
}
|
||||
.skills .container .article {
|
||||
break-inside: avoid-column;
|
||||
min-width: 120px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.skills .container .article span {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: lighter;
|
||||
}
|
||||
.skills .container .article li {
|
||||
font-size: 14px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.languages ul {
|
||||
list-style: none;
|
||||
}
|
||||
.languages ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.interests ul {
|
||||
list-style: none;
|
||||
}
|
||||
.interests ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.references .name {
|
||||
font-size: 15px;
|
||||
}
|
||||
.references q {
|
||||
font-size: 14.5px;
|
||||
font-weight: lighter;
|
||||
font-style: italic;
|
||||
}</style><title>Resume Bree LaPointe – Programmer</title></head><body><div class="content"><div class="basics"><div class="table padding-container-2"><div class="main"><span class="name">Bree LaPointe</span><span class="label">Programmer</span></div><div class="side"><ul class="contact"><li>(912) 555-4321</li><li>contact@blapointe.com</li><li class="margin-text-5">San Francisco, California, US</li></ul></div></div><div class="summary markdown padding-container-2"><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><div class="table padding-container-2"><div class="main"><div class="work margin-container-4"><p class="section-title no-alone-2">Experience</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">CEO/President</span><span class="subtitle margin-text-1"><a href="http://piedpiper.example.com">Pied Piper</a> · Palo Alto, CA</span></div><div class="right"><span class="date">Dec 2013 - Dec 2014</span></div></div></div><div class="summary markdown margin-text-4"><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 margin-text-4 no-break"><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="projects margin-container-4"><p class="section-title no-alone-2">Projects</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Team lead and Designer</span><span class="subtitle margin-text-1"><a href="missdirection.example.com">Miss Direction</a></span></div><div class="right"><span class="date">Aug 2016 - Aug 2016</span></div></div></div><div class="summary markdown margin-text-4"><p>A mapping engine that misguides you</p>
|
||||
</div><ul class="highlights margin-text-4 no-break"><li>Won award at AIHacks 2016</li><li>Built by all women team of newbie programmers</li><li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li></ul></div></div></div><div class="publications margin-container-4"><p class="section-title no-alone-2">Publications</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title"><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></span><span class="subtitle margin-text-1">Hooli</span></div><div class="right"><span class="date">Oct 2014</span></div></div></div><div class="summary markdown margin-text-4"><p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div></div></div></div><div class="volunteer margin-container-4"><p class="section-title no-alone-2">Volunteer</p><div class="container"><div class="article margin-container-3"><div class="header no-alone-1"><div class="table"><div class="left"><span class="title">Teacher</span><span class="subtitle margin-text-1"><a href="http://coderdojo.example.com/">CoderDojo</a></span></div><div class="right"><span class="date">Jan 2012 - Jan 2013</span></div></div></div><div class="summary markdown margin-text-4"><p>Global movement of free coding clubs for young people.</p>
|
||||
</div><ul class="highlights margin-text-4 no-break"><li>Awarded 'Teacher of the Month'</li></ul></div></div></div></div><div class="side"><div class="skills margin-container-4"><p class="section-title no-alone-1">Skills</p><div class="container"><div class="article no-break"><span>Web Development</span><ul class="margin-text-2"><li>HTML</li><li>CSS</li><li>Javascript</li></ul></div><div class="article no-break"><span>Compression</span><ul class="margin-text-2"><li>Mpeg</li><li>MP4</li><li>GIF</li></ul></div></div></div><div class="education margin-container-4"><p class="section-title no-alone-1">Education</p><div class="container"><div class="article margin-container-2 no-break"><div class="title markdown"><p>Bachelor, Information Technology</p>
|
||||
</div><span class="institution margin-text-2"><a href="https://www.ou.edu/">University of Oklahoma</a></span></div></div></div><div class="awards margin-container-4"><p class="section-title no-alone-1">Awards</p><div class="container"><div class="article margin-container-2 no-break"><div class="header"><span class="title">Digital Compression Pioneer Award</span><span class="awarder margin-text-2">Techcrunch</span></div><div class="summary markdown margin-text-3"><p>There is no spoon.</p>
|
||||
</div></div></div></div><div class="references margin-container-4"><p class="section-title no-alone-2">References</p><div class="container"><div class="article margin-container-2 no-break"><span class="name">Erlich Bachman</span><q class="margin-text-2">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.</q></div></div></div><div class="languages margin-container-4 no-break"><p class="section-title no-alone-1">Languages</p><div class="container"><ul><li class="article margin-text-2">English · Native speaker</li></ul></div></div><div class="interests margin-container-4 no-break"><p class="section-title no-alone-1">Interests</p><div class="container"><ul><li class="article margin-text-2">Wildlife</li></ul></div></div><div class="links margin-container-4 no-break"><p class="section-title no-alone-1">Links</p><div class="container"><ul><li class="article"><a href="http://richardhendricks.example.com"><strong>richardhendricks.example.com</strong></a></li><li class="article margin-text-4"><a href=""><strong></strong></a></li><li class="article margin-text-4"><a href="https://soundcloud.example.com/dandymusicnl"><strong>soundcloud.example.com</strong>/dandymusicnl</a></li></ul></div></div></div></div></div></body></html>
|
||||
|
|
@ -0,0 +1,882 @@
|
|||
<!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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
|
||||
|
||||
<style>
|
||||
/*
|
||||
! tailwindcss v3.0.13 | MIT License | https://tailwindcss.com
|
||||
*//*
|
||||
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
||||
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
||||
*/
|
||||
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
box-sizing: border-box; /* 1 */
|
||||
border-width: 0; /* 2 */
|
||||
border-style: solid; /* 2 */
|
||||
border-color: #e5e7eb; /* 2 */
|
||||
}
|
||||
|
||||
::before,
|
||||
::after {
|
||||
--tw-content: '';
|
||||
}
|
||||
|
||||
/*
|
||||
1. Use a consistent sensible line-height in all browsers.
|
||||
2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
3. Use a more readable tab size.
|
||||
4. Use the user's configured `sans` font-family by default.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.5; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
-moz-tab-size: 4; /* 3 */
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4; /* 3 */
|
||||
font-family: Ubuntu, ui-sans-serif, sans-serif; /* 4 */
|
||||
}
|
||||
|
||||
/*
|
||||
1. Remove the margin in all browsers.
|
||||
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0; /* 1 */
|
||||
line-height: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
1. Add the correct height in Firefox.
|
||||
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
||||
3. Ensure horizontal rules are visible by default.
|
||||
*/
|
||||
|
||||
hr {
|
||||
height: 0; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
border-top-width: 1px; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct text decoration in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
abbr:where([title]) {
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the default font size and weight for headings.
|
||||
*/
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
Reset links to optimize for opt-in styling instead of opt-out.
|
||||
*/
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct font weight in Edge and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Use the user's configured `mono` font family by default.
|
||||
2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/*
|
||||
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
||||
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
||||
3. Remove gaps between table borders by default.
|
||||
*/
|
||||
|
||||
table {
|
||||
text-indent: 0; /* 1 */
|
||||
border-color: inherit; /* 2 */
|
||||
border-collapse: collapse; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
1. Change the font styles in all browsers.
|
||||
2. Remove the margin in Firefox and Safari.
|
||||
3. Remove default padding in all browsers.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: inherit; /* 1 */
|
||||
color: inherit; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
padding: 0; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the inheritance of text transform in Edge and Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Correct the inability to style clickable types in iOS and Safari.
|
||||
2. Remove default button styles.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
[type='submit'] {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
background-color: transparent; /* 2 */
|
||||
background-image: none; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Use the modern Firefox focus style for all focusable elements.
|
||||
*/
|
||||
|
||||
:-moz-focusring {
|
||||
outline: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
||||
*/
|
||||
|
||||
:-moz-ui-invalid {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct vertical alignment in Chrome and Firefox.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/*
|
||||
Correct the cursor style of increment and decrement buttons in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-inner-spin-button,
|
||||
::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Correct the odd appearance in Chrome and Safari.
|
||||
2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type='search'] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Correct the inability to style clickable types in iOS and Safari.
|
||||
2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Add the correct display in Chrome and Safari.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/*
|
||||
Removes the default spacing and border for appropriate elements.
|
||||
*/
|
||||
|
||||
blockquote,
|
||||
dl,
|
||||
dd,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
hr,
|
||||
figure,
|
||||
p,
|
||||
pre {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
Prevent resizing textareas horizontally by default.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
||||
2. Set the default placeholder color to the user's configured gray 400 color.
|
||||
*/
|
||||
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
opacity: 1; /* 1 */
|
||||
color: #9ca3af; /* 2 */
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
opacity: 1; /* 1 */
|
||||
color: #9ca3af; /* 2 */
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder {
|
||||
opacity: 1; /* 1 */
|
||||
color: #9ca3af; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Set the default cursor for buttons.
|
||||
*/
|
||||
|
||||
button,
|
||||
[role="button"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*
|
||||
Make sure disabled buttons don't get the pointer cursor.
|
||||
*/
|
||||
:disabled {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*
|
||||
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
||||
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
||||
This can trigger a poorly considered lint error in some tools but is included by design.
|
||||
*/
|
||||
|
||||
img,
|
||||
svg,
|
||||
video,
|
||||
canvas,
|
||||
audio,
|
||||
iframe,
|
||||
embed,
|
||||
object {
|
||||
display: block; /* 1 */
|
||||
vertical-align: middle; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
||||
*/
|
||||
|
||||
img,
|
||||
video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/*
|
||||
Ensure the default browser behavior of the `hidden` attribute.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(124 45 18 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 1rem;
|
||||
display: inline-block;
|
||||
-moz-column-break-after: avoid;
|
||||
break-after: avoid;
|
||||
border-radius: 0.5rem;
|
||||
border-bottom-width: 4px;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(249 115 22 / var(--tw-border-opacity));
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
section {
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
-webkit-text-decoration-line: underline;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
*, ::before, ::after {
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
--tw-skew-x: 0;
|
||||
--tw-skew-y: 0;
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-pan-x: ;
|
||||
--tw-pan-y: ;
|
||||
--tw-pinch-zoom: ;
|
||||
--tw-scroll-snap-strictness: proximity;
|
||||
--tw-ordinal: ;
|
||||
--tw-slashed-zero: ;
|
||||
--tw-numeric-figure: ;
|
||||
--tw-numeric-spacing: ;
|
||||
--tw-numeric-fraction: ;
|
||||
--tw-ring-inset: ;
|
||||
--tw-ring-offset-width: 0px;
|
||||
--tw-ring-offset-color: #fff;
|
||||
--tw-ring-color: rgb(59 130 246 / 0.5);
|
||||
--tw-ring-offset-shadow: 0 0 #0000;
|
||||
--tw-ring-shadow: 0 0 #0000;
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
--tw-blur: ;
|
||||
--tw-brightness: ;
|
||||
--tw-contrast: ;
|
||||
--tw-grayscale: ;
|
||||
--tw-hue-rotate: ;
|
||||
--tw-invert: ;
|
||||
--tw-saturate: ;
|
||||
--tw-sepia: ;
|
||||
--tw-drop-shadow: ;
|
||||
--tw-backdrop-blur: ;
|
||||
--tw-backdrop-brightness: ;
|
||||
--tw-backdrop-contrast: ;
|
||||
--tw-backdrop-grayscale: ;
|
||||
--tw-backdrop-hue-rotate: ;
|
||||
--tw-backdrop-invert: ;
|
||||
--tw-backdrop-opacity: ;
|
||||
--tw-backdrop-saturate: ;
|
||||
--tw-backdrop-sepia: ;
|
||||
}
|
||||
.sr-only {
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
padding: 0;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
white-space: nowrap;
|
||||
border-width: 0;
|
||||
}
|
||||
.order-1 {
|
||||
order: 1;
|
||||
}
|
||||
.col-span-3 {
|
||||
grid-column: span 3 / span 3;
|
||||
}
|
||||
.col-span-1 {
|
||||
grid-column: span 1 / span 1;
|
||||
}
|
||||
.m-1 {
|
||||
margin: 0.25rem;
|
||||
}
|
||||
.mx-auto {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.mb-2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.mb-4 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.mr-2 {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.mr-1 {
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
.mb-1 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
.mb-6 {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.mb-3 {
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
.inline {
|
||||
display: inline;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
.inline-flex {
|
||||
display: inline-flex;
|
||||
}
|
||||
.w-2 {
|
||||
width: 0.5rem;
|
||||
}
|
||||
.max-w-4xl {
|
||||
max-width: 56rem;
|
||||
}
|
||||
.list-inside {
|
||||
list-style-position: inside;
|
||||
}
|
||||
.list-disc {
|
||||
list-style-type: disc;
|
||||
}
|
||||
.break-inside-avoid {
|
||||
-moz-column-break-inside: avoid;
|
||||
break-inside: avoid;
|
||||
}
|
||||
.grid-cols-4 {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
.items-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.justify-items-center {
|
||||
justify-items: center;
|
||||
}
|
||||
.gap-8 {
|
||||
gap: 2rem;
|
||||
}
|
||||
.rounded {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.bg-orange-50 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 247 237 / var(--tw-bg-opacity));
|
||||
}
|
||||
.bg-orange-100 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 237 213 / var(--tw-bg-opacity));
|
||||
}
|
||||
.p-8 {
|
||||
padding: 2rem;
|
||||
}
|
||||
.p-1 {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
.p-2 {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
.px-2 {
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.py-0\.5 {
|
||||
padding-top: 0.125rem;
|
||||
padding-bottom: 0.125rem;
|
||||
}
|
||||
.px-1 {
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
.py-0 {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
.text-sm {
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
.text-5xl {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
}
|
||||
.text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
.text-xs {
|
||||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
.text-base {
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
.font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
.lowercase {
|
||||
text-transform: lowercase;
|
||||
}
|
||||
.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
.text-slate-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(15 23 42 / var(--tw-text-opacity));
|
||||
}
|
||||
.text-orange-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(124 45 18 / var(--tw-text-opacity));
|
||||
}
|
||||
.text-orange-500 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(249 115 22 / var(--tw-text-opacity));
|
||||
}
|
||||
.text-orange-700 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(194 65 12 / var(--tw-text-opacity));
|
||||
}
|
||||
@media print {
|
||||
|
||||
.print\:order-2 {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.print\:grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.print\:flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.print\:justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
|
||||
.sm\:order-2 {
|
||||
order: 2;
|
||||
}
|
||||
|
||||
.sm\:grid {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.sm\:flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.sm\:justify-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body class="bg-orange-50 p-8 text-slate-900 text-sm">
|
||||
<div class="max-w-4xl mx-auto px-2">
|
||||
<div class="mb-2">
|
||||
<div class="flex flex-col sm:flex-row print:flex-row sm:justify-between print:justify-between">
|
||||
<div>
|
||||
<h1 class="text-5xl mb-4">Bree LaPointe</h1>
|
||||
<h2 class="text-xl mb-4">Programmer</h2>
|
||||
</div>
|
||||
<div>
|
||||
<section>
|
||||
<div class="p-1 text-orange-900 flex flex-row">
|
||||
<span class="sr-only">Location: </span>
|
||||
<i class="fa fa-map-marker text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
|
||||
<span>San Francisco, California, United States</span>
|
||||
</div> <div class="p-1 text-orange-900 flex flex-row">
|
||||
<span class="sr-only">E-mail: </span>
|
||||
<i class="fa fa-envelope text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
|
||||
<span>contact@blapointe.com</span>
|
||||
</div> <div class="p-1 text-orange-900 flex flex-row">
|
||||
<span class="sr-only">Phone: </span>
|
||||
<i class="fa fa-phone text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
|
||||
<span>(912) 555-4321</span>
|
||||
</div> <div class="p-1 text-orange-900 flex flex-row">
|
||||
<span class="sr-only">Twitter: </span>
|
||||
<i class="fa fa-twitter text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
|
||||
<span>Twitter</span>
|
||||
</div> <div class="p-1 text-orange-900 flex flex-row">
|
||||
<span class="sr-only">SoundCloud: </span>
|
||||
<i class="fa fa-soundcloud text-m mr-2 text-orange-500 w-2 inline-flex flex-row items-center justify-center"></i>
|
||||
<a href="https://soundcloud.example.com/dandymusicnl"> SoundCloud <i class="fa fa-external-link text-xs" aria-hidden="true"></i></a>
|
||||
</div> </section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<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 class="sm:grid print:grid grid-cols-4 gap-8">
|
||||
<div class="sm:order-2 print:order-2 col-span-3 mb-4">
|
||||
<section>
|
||||
<h2>Work</h2>
|
||||
<div class="mb-6 break-inside-avoid">
|
||||
<div class="flex flex-row items-start justify-between mb-3">
|
||||
<div>
|
||||
<h3 class="text-base font-bold">
|
||||
Pied Piper
|
||||
</h3>
|
||||
<p class="font-bold text-orange-700">
|
||||
CEO/President
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-sm text-orange-500">
|
||||
Dec 2013
|
||||
- Dec 2014
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-2">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>
|
||||
<ul class="list-disc list-inside">
|
||||
<li class="mb-1">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="mb-1">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="mb-1">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>Volunteer</h2>
|
||||
<div class="mb-6 break-inside-avoid">
|
||||
<div class="flex flex-row items-start justify-between mb-3">
|
||||
<div>
|
||||
<h3 class="text-base font-bold">
|
||||
CoderDojo
|
||||
</h3>
|
||||
<p class="font-bold text-orange-700">
|
||||
Teacher
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-sm text-orange-500">
|
||||
Jan 2012
|
||||
- Jan 2013
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-2">Global movement of free coding clubs for young people.</p>
|
||||
<ul class="list-disc list-inside">
|
||||
<li class="mb-1">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>Education</h2>
|
||||
<div class="mb-6 break-inside-avoid">
|
||||
<div class="flex flex-row items-start justify-between mb-3">
|
||||
<div>
|
||||
<h3 class="text-base font-bold">
|
||||
University of Oklahoma
|
||||
</h3>
|
||||
<p class="font-bold text-orange-700">
|
||||
Bachelor in Information Technology
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-sm text-orange-500">
|
||||
Jun 2011
|
||||
- Jan 2014
|
||||
</div>
|
||||
</div>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>Awards</h2>
|
||||
<div class="mb-6 break-inside-avoid">
|
||||
<div class="flex flex-row items-start justify-between mb-3">
|
||||
<div>
|
||||
<h3 class="text-base font-bold">
|
||||
Digital Compression Pioneer Award
|
||||
</h3>
|
||||
<p class="font-bold text-orange-700">
|
||||
Techcrunch
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-sm text-orange-500">
|
||||
Nov 2014
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-2">There is no spoon.</p>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>Publications</h2>
|
||||
<div class="mb-6 break-inside-avoid">
|
||||
<div class="flex flex-row items-start justify-between mb-3">
|
||||
<div>
|
||||
<h3 class="text-base font-bold">
|
||||
Video compression for 3d media
|
||||
</h3>
|
||||
<p class="font-bold text-orange-700">
|
||||
Hooli
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-sm text-orange-500">
|
||||
Oct 2014
|
||||
</div>
|
||||
</div>
|
||||
<p class="mb-2">Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>References</h2>
|
||||
<div class="p-2 bg-orange-100 rounded mb-2">
|
||||
<blockquote class="italic mb-2">
|
||||
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="font-bold text-orange-500">
|
||||
Erlich Bachman
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="order-1 col-span-1 mb-4">
|
||||
<section>
|
||||
<h2>Skills</h2>
|
||||
<div class="mb-2 break-inside-avoid">
|
||||
<h3 class="font-sm font-bold mb-2">Web Development</h3>
|
||||
<div>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">HTML</span>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">CSS</span>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Javascript</span>
|
||||
</div>
|
||||
</div> <div class="mb-2 break-inside-avoid">
|
||||
<h3 class="font-sm font-bold mb-2">Compression</h3>
|
||||
<div>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Mpeg</span>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">MP4</span>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">GIF</span>
|
||||
</div>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>Languages</h2>
|
||||
<div class="mb-2 break-inside-avoid">
|
||||
<h3 class="font-sm font-bold mb-2">English</h3>
|
||||
<div>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Native speaker</span>
|
||||
</div>
|
||||
</div></section>
|
||||
<section>
|
||||
<h2>Interests</h2>
|
||||
<div class="mb-2 break-inside-avoid">
|
||||
<h3 class="font-sm font-bold mb-2">Wildlife</h3>
|
||||
<div>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Ferrets</span>
|
||||
<span class="inline-block mr-1 mb-1 py-0.5 px-1 bg-orange-100 rounded text-orange-700">Unicorns</span>
|
||||
</div>
|
||||
</div></section>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,512 @@
|
|||
<!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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<style>
|
||||
/* Utils */
|
||||
/*----- Colors -----*/
|
||||
/*----- Fonts -----*/
|
||||
/*----- Dimensions and sizes -----*/
|
||||
/* Base */
|
||||
@font-face {
|
||||
font-family: 'Josefin Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04zwV_pQ1T3xN3K1c3sB361us.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Josefin Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v9/C6HYlRF50SGJq1XyXj04z306qf9KHRHwsVx7iw5MXmY.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/DvlFBScY1r-FMtZSYIYoYw.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/LqowQDslGv4DmUBAfWa2Vw.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYEKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
background: #f8f8f8;
|
||||
margin: 50px 0 100px;
|
||||
letter-spacing: .3px;
|
||||
color: #39424B; }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-transform: uppercase;
|
||||
margin: 0; }
|
||||
|
||||
h1 {
|
||||
font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 40px;
|
||||
letter-spacing: 1px; }
|
||||
|
||||
h2 {
|
||||
font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
letter-spacing: .5px; }
|
||||
|
||||
h3 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
letter-spacing: .4px; }
|
||||
h3.bold {
|
||||
font-weight: 700; }
|
||||
|
||||
h4 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 12px; }
|
||||
h4.bold {
|
||||
font-weight: 700; }
|
||||
|
||||
h5 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 11px; }
|
||||
h5.italic {
|
||||
font-style: italic; }
|
||||
|
||||
h6 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 10px; }
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit; }
|
||||
a:hover {
|
||||
color: #2895F1; }
|
||||
a .fa-external-link {
|
||||
font-size: 10px;
|
||||
vertical-align: text-top; }
|
||||
|
||||
p,
|
||||
li {
|
||||
font-size: 11px; }
|
||||
|
||||
blockquote {
|
||||
font-size: 11px;
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
margin: 10px 25px; }
|
||||
|
||||
em {
|
||||
color: #999; }
|
||||
|
||||
ul {
|
||||
margin: 10px 0 0;
|
||||
-webkit-padding-start: 25px; }
|
||||
ul li {
|
||||
padding-left: 10px; }
|
||||
ul.minimal {
|
||||
list-style: none;
|
||||
padding: 0; }
|
||||
ul.minimal li {
|
||||
margin-bottom: 3px;
|
||||
padding-left: 0; }
|
||||
ul.two-column {
|
||||
-webkit-column-count: 2;
|
||||
-webkit-column-gap: 28px;
|
||||
-moz-column-count: 2;
|
||||
column-count: 2;
|
||||
-moz-column-gap: 28px;
|
||||
column-gap: 28px; }
|
||||
ul.two-column li {
|
||||
padding-left: 0; }
|
||||
|
||||
@page {
|
||||
size: A4; }
|
||||
|
||||
.container {
|
||||
padding-top: 20px; }
|
||||
|
||||
.keyline {
|
||||
width: 45px;
|
||||
margin: 8px 0 10px;
|
||||
border-top: 1px solid #56817A; }
|
||||
|
||||
.pull-left {
|
||||
float: left; }
|
||||
|
||||
.pull-right {
|
||||
float: right; }
|
||||
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
.profile-pic {
|
||||
margin-top: -5px;
|
||||
margin-right: 18px; }
|
||||
.profile-pic img {
|
||||
height: 52px;
|
||||
width: 52px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #56817A; }
|
||||
|
||||
.summary {
|
||||
margin: 5px 0 5px; }
|
||||
|
||||
/* Layouts */
|
||||
.page {
|
||||
background: white;
|
||||
width: 612px;
|
||||
min-height: 792px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
border-top: 10px solid #56817A;
|
||||
padding: 36px 22px 30px 34px;
|
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5); }
|
||||
.page:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both; }
|
||||
|
||||
.left-column {
|
||||
float: left;
|
||||
width: 160px;
|
||||
margin-right: 20px;
|
||||
word-wrap: break-word; }
|
||||
|
||||
.right-column {
|
||||
width: auto;
|
||||
overflow: hidden; }
|
||||
|
||||
.item {
|
||||
margin-bottom: 15px; }
|
||||
.item:last-child {
|
||||
margin-bottom: 0; }
|
||||
|
||||
@media print {
|
||||
body {
|
||||
margin: 0; }
|
||||
.page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 36px 0 30px;
|
||||
box-shadow: none; }
|
||||
.page .resume-header,
|
||||
.page .resume-content {
|
||||
padding: 0 22px 0 34px; }
|
||||
.container {
|
||||
page-break-inside: avoid; }
|
||||
.work-container .item {
|
||||
page-break-inside: avoid; }
|
||||
.fa-external-link {
|
||||
display: none; } }
|
||||
|
||||
/* Components */
|
||||
.info-tag-container {
|
||||
margin-bottom: 5px; }
|
||||
.info-tag-container .fa {
|
||||
font-size: 14px;
|
||||
width: 12px;
|
||||
margin-right: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle; }
|
||||
.info-tag-container .fa.fa-map-marker {
|
||||
font-size: 16px; }
|
||||
.info-tag-container .fa.fa-mobile {
|
||||
font-size: 18px; }
|
||||
.info-tag-container .fa.fa-envelope-o {
|
||||
font-size: 12px; }
|
||||
.info-tag-container .fa.fa-desktop {
|
||||
font-size: 11px; }
|
||||
.info-tag-container .fa.fa-external-link {
|
||||
width: auto;
|
||||
font-size: inherit;
|
||||
vertical-align: text-top; }
|
||||
.info-tag-container .info-text {
|
||||
font-size: 9px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 139px; }
|
||||
|
||||
.references-container .fa {
|
||||
font-size: 14px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main id="resume" class="page">
|
||||
<header class="resume-header clearfix">
|
||||
<div class="profile-header pull-left">
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
<div class="profile-pic pull-right">
|
||||
<img src="" alt="profile-pic">
|
||||
</div>
|
||||
</header>
|
||||
<div class="resume-content">
|
||||
<aside class="left-column">
|
||||
<div class="container about-container">
|
||||
<div class="title">
|
||||
<h3>About</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-map-marker"></i>
|
||||
|
||||
<h6 class="info-text">2712 Broadway St<br/>San Francisco, California CA 94115</h6>
|
||||
</div>
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
|
||||
<h6 class="info-text">
|
||||
<a href="http://richardhendricks.example.com" target="_blank">
|
||||
contact@blapointe.com <i class="fa fa-external-link" aria-hidden="true"></i>
|
||||
</a>
|
||||
</h6>
|
||||
</div>
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-mobile"></i>
|
||||
|
||||
<h6 class="info-text">
|
||||
<a href="http://richardhendricks.example.com" target="_blank">
|
||||
(912) 555-4321 <i class="fa fa-external-link" aria-hidden="true"></i>
|
||||
</a>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-twitter"></i>
|
||||
|
||||
<h6 class="info-text">neutralthoughts</h6>
|
||||
</div> <div class="info-tag-container">
|
||||
<i class="fa fa-soundcloud"></i>
|
||||
|
||||
<h6 class="info-text">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
|
||||
dandymusicnl <i class="fa fa-external-link" aria-hidden="true"></i>
|
||||
</a>
|
||||
</h6>
|
||||
</div></section>
|
||||
<div class="skills-container">
|
||||
<section class="container">
|
||||
<div class="title">
|
||||
<h3>Web Development</h3>
|
||||
<div class="keyline"></div>
|
||||
</div> <h4 class="bold">Master</h4>
|
||||
<ul class="minimal">
|
||||
<li><h6>HTML</h6></li>
|
||||
<li><h6>CSS</h6></li>
|
||||
<li><h6>Javascript</h6></li>
|
||||
</ul>
|
||||
</section>
|
||||
<section class="container">
|
||||
<div class="title">
|
||||
<h3>Compression</h3>
|
||||
<div class="keyline"></div>
|
||||
</div> <h4 class="bold">Master</h4>
|
||||
<ul class="minimal">
|
||||
<li><h6>Mpeg</h6></li>
|
||||
<li><h6>MP4</h6></li>
|
||||
<li><h6>GIF</h6></li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container languages-container">
|
||||
<div class="title">
|
||||
<h3>Languages</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<ul class="minimal">
|
||||
<li>
|
||||
<h6>English <em>(Native speaker)</em></h6>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container interests-container">
|
||||
<div class="title">
|
||||
<h3>Interests</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<h4 class="bold">Wildlife</h4>
|
||||
<ul class="minimal">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</aside>
|
||||
<div class="right-column">
|
||||
<div class="container summary-container">
|
||||
<div class="title">
|
||||
<h3>Summary</h3>
|
||||
<div class="keyline"></div>
|
||||
</div> <p class="summary">
|
||||
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 class="container work-container">
|
||||
<div class="title">
|
||||
<h3>Experience</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">12/2013</span>
|
||||
<span class="endDate"> - 12/2014</span>
|
||||
</h5>
|
||||
</div>
|
||||
<h4>CEO/President</h4>
|
||||
|
||||
<p class="summary">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>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</div>
|
||||
<div class="container volunteer-container">
|
||||
<div class="title">
|
||||
<h3>Volunteer</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
CoderDojo
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">01/2012</span>
|
||||
<span class="endDate"> - 01/2013</span>
|
||||
</h5>
|
||||
</div> <h5>Teacher</h5>
|
||||
|
||||
<p class="summary">Global movement of free coding clubs for young people.</p>
|
||||
|
||||
<ul>
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container education-container">
|
||||
<div class="title">
|
||||
<h3>Education</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
University of Oklahoma
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">06/2011</span>
|
||||
<span class="endDate"> - 01/2014</span>
|
||||
</h5>
|
||||
</div>
|
||||
<h4>Bachelor Information Technology</h4>
|
||||
|
||||
|
||||
<ul class="two-column">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container awards-container">
|
||||
<div class="title">
|
||||
<h3>Awards</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
Digital Compression Pioneer Award
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
</h5>
|
||||
</div>
|
||||
<h5 class="awarder">Techcrunch</h5>
|
||||
|
||||
<p class="summary">There is no spoon.</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container publications-container">
|
||||
<div class="title">
|
||||
<h3>Publications</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
Video compression for 3d media
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
10/2014
|
||||
</h5>
|
||||
</div>
|
||||
<h5 class="awarder">Hooli</h5>
|
||||
|
||||
<p class="summary">Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<div class="container references-container">
|
||||
<div class="title">
|
||||
<h3>References</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item clearfix">
|
||||
<i class="fa fa-quote-left pull-left" aria-hidden="true"></i>
|
||||
<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.
|
||||
</blockquote>
|
||||
|
||||
<h5 class="pull-right"> — Erlich Bachman</h5>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,395 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
|
||||
<title>Bree LaPointe - CV</title>
|
||||
|
||||
<style>
|
||||
/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
||||
|
||||
/* General, overall styling */
|
||||
body {
|
||||
background: #F9F9F9;
|
||||
font-size: 0.9em;
|
||||
font-family: 'Lato', sans-serif;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
em {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #31A6D6;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #3061A5;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #3061A5;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
section {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/* End general, overall styling */
|
||||
|
||||
/* Header name styling */
|
||||
|
||||
header {
|
||||
background: #68B6E3;
|
||||
padding: 50px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
color: #FFFFFF;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
header h2 {
|
||||
color: #F3F3F3;
|
||||
font-size: 1em;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* End header name styling */
|
||||
|
||||
/* Set width of main body of CV */
|
||||
.container {
|
||||
max-width: 700px;
|
||||
padding: 0 50px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* End */
|
||||
|
||||
/* Styling Basics (Name, Contact, About, Profiles) */
|
||||
|
||||
#basics {
|
||||
margin-bottom: 10px;
|
||||
border-top: 1px #E2E2E2 solid;
|
||||
border-bottom: 1px #E2E2E2 solid;
|
||||
}
|
||||
#basics h3 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#basics .contact strong {
|
||||
line-height: 1.3;
|
||||
float: left;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.contact h3 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.website,
|
||||
.email,
|
||||
.phone {
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.summary {
|
||||
padding-top: 5px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#profiles {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#profiles .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.username{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/* End 'Basics' Styling */
|
||||
|
||||
/* Work and volunteering experience styling */
|
||||
|
||||
.work_date,
|
||||
.work_position,
|
||||
.work_website,
|
||||
.institution,
|
||||
.study_date,
|
||||
.qualification {
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.courses {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.dissertation {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#work,
|
||||
#volunteer {
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px #E2E2E2 solid;
|
||||
}
|
||||
|
||||
#work .item,
|
||||
#volunteer .item {
|
||||
margin: 25px 0;
|
||||
}
|
||||
|
||||
/* End work and volunteering */
|
||||
|
||||
/* Skills, languages, interests and references styling */
|
||||
|
||||
#skills {
|
||||
margin-bottom: 10px;
|
||||
border-bottom: 1px #E2E2E2 solid;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
#skills .item,
|
||||
#languages .item {
|
||||
margin: 0 0 25px 0;
|
||||
}
|
||||
|
||||
#interests .item {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
#skills {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#languages .item,
|
||||
#interests .item,
|
||||
#skills .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#references,
|
||||
#interests {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* End styling */
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
</header>
|
||||
|
||||
<div id="content" class="container">
|
||||
<section id="basics">
|
||||
<div class="contact">
|
||||
<h3>Contact</h3>
|
||||
<div class="email">
|
||||
<strong>Email</strong>
|
||||
contact@blapointe.com
|
||||
</div>
|
||||
<div class="phone">
|
||||
<strong>Phone</strong>
|
||||
(912) 555-4321
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<h3>About</h3>
|
||||
<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>
|
||||
<section id="profiles">
|
||||
<div class="item">
|
||||
<strong class="network">
|
||||
Twitter
|
||||
</strong>
|
||||
</div>
|
||||
<div class="item">
|
||||
<strong class="network">
|
||||
SoundCloud
|
||||
</strong>
|
||||
<div class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">
|
||||
dandymusicnl
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section id="work">
|
||||
<h2>Work</h2>
|
||||
<div class="item">
|
||||
|
||||
<div class="work_position">
|
||||
CEO/President
|
||||
</div>
|
||||
|
||||
<div class="work_date">
|
||||
<span class="startDate">
|
||||
2013-12-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014-12-01
|
||||
</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 id="volunteer">
|
||||
<h2>Volunteer</h2>
|
||||
<div class="item">
|
||||
<h3 class="company">
|
||||
CoderDojo
|
||||
</h3>
|
||||
|
||||
<div class="work_position">
|
||||
Teacher
|
||||
</div>
|
||||
<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">
|
||||
|
||||
<div class="institution">
|
||||
University of Oklahoma
|
||||
</div>
|
||||
|
||||
<div class="study_date">
|
||||
<span class="startDate">
|
||||
2011-06-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014-01-01
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills">
|
||||
<h2>Skills</h2>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Web Development
|
||||
</div>
|
||||
<div class="level">
|
||||
<em>Master</em>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Compression
|
||||
</div>
|
||||
<div class="level">
|
||||
<em>Master</em>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="languages">
|
||||
<h2>Languages</h2>
|
||||
<div class="item">
|
||||
<div class="language">
|
||||
English
|
||||
</div>
|
||||
<div class="level">
|
||||
<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>
|
||||
|
|
@ -0,0 +1,241 @@
|
|||
<!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>
|
||||
|
|
@ -0,0 +1,373 @@
|
|||
|
||||
<!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: 'Open Sans';
|
||||
}
|
||||
|
||||
li {
|
||||
font-family: 'Open Sans';
|
||||
}
|
||||
|
||||
.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: 'Open Sans';
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
blockquote .name {
|
||||
font-weight: bold;
|
||||
font-family: "Montserrat";
|
||||
}
|
||||
|
||||
.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> 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> 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> (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> neutralthoughts</a></span>
|
||||
<span class= "profile"><a href= "https://soundcloud.example.com/dandymusicnl" target= "_blank" class= "profile"><i class="fa fa-soundcloud left"></i> 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 'Teacher of the Month'</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>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,489 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Bree LaPointe</title>
|
||||
<meta name="description" content="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!">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap">
|
||||
<style>:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--color-background: #ffffff; /* White */
|
||||
--color-muted: #f3f4f5; /* Light Gray 200 */
|
||||
--color-primary: #191e23; /* Dark Gray 900 */
|
||||
--color-secondary: #6c7781; /* Dark Gray 300 */
|
||||
--color-accent: #ffb900; /* Accent Yellow */
|
||||
--color-link: #46b450; /* Accent Green */
|
||||
|
||||
--scale-ratio: 1.25;
|
||||
--scale0: 1rem;
|
||||
--scale1: calc(var(--scale0) * var(--scale-ratio));
|
||||
--scale2: calc(var(--scale1) * var(--scale-ratio));
|
||||
--scale3: calc(var(--scale2) * var(--scale-ratio));
|
||||
--scale4: calc(var(--scale3) * var(--scale-ratio));
|
||||
--scale5: calc(var(--scale4) * var(--scale-ratio));
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--color-background: #191e23; /* Dark Gray 900 */
|
||||
--color-muted: #23282d; /* Dark Gray 800 */
|
||||
--color-primary: #fbfbfc; /* Light Gray 100 */
|
||||
--color-secondary: #ccd0d4; /* Light Gray 700 */
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--color-background);
|
||||
color: var(--color-primary);
|
||||
display: grid;
|
||||
font: 1em/1.5 Lato, sans-serif;
|
||||
gap: 2em;
|
||||
grid-template-columns:
|
||||
[full-start]
|
||||
1fr
|
||||
[main-start side-start]
|
||||
minmax(min-content, 12em)
|
||||
[side-end content-start]
|
||||
minmax(min-content, 36em)
|
||||
[main-end content-end]
|
||||
1fr
|
||||
[full-end];
|
||||
grid-template-rows: auto [content] 0;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
|
||||
body::before {
|
||||
content: '';
|
||||
grid-column: full;
|
||||
grid-row: content;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
:not(.icon-list, .tag-list) > li + li {
|
||||
margin-top: 0.4em;
|
||||
}
|
||||
|
||||
li::marker,
|
||||
.network {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-link);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h5 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: var(--scale5);
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--color-secondary);
|
||||
font-size: var(--scale4);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--color-accent);
|
||||
font-size: var(--scale3);
|
||||
grid-column: side;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: var(--scale2);
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: var(--scale1);
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: var(--scale0);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 0.2em solid var(--color-muted);
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: var(--color-secondary);
|
||||
font-style: inherit;
|
||||
}
|
||||
|
||||
cite::before {
|
||||
content: '— ';
|
||||
}
|
||||
|
||||
svg {
|
||||
margin-right: 0.2em;
|
||||
vertical-align: -0.2em;
|
||||
}
|
||||
|
||||
.masthead {
|
||||
background: var(--color-muted);
|
||||
display: inherit;
|
||||
gap: inherit;
|
||||
grid-column: full;
|
||||
grid-template-columns: inherit;
|
||||
padding: 4em 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.masthead > *,
|
||||
section {
|
||||
grid-column: main;
|
||||
}
|
||||
|
||||
.masthead > img {
|
||||
border-radius: 50%;
|
||||
margin: 0 auto;
|
||||
max-width: 12em;
|
||||
}
|
||||
|
||||
article > * + *,
|
||||
blockquote > * + * {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.stack {
|
||||
display: grid;
|
||||
gap: 1.5em;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4em 1em;
|
||||
justify-content: center;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.grid-list {
|
||||
display: grid;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
.tag-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.4em;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tag-list > li {
|
||||
background: var(--color-muted);
|
||||
border-radius: 0.2em;
|
||||
padding: 0.2em 0.6em;
|
||||
}
|
||||
|
||||
.bullet-item:not(:first-child)::before {
|
||||
content: '· ';
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
|
||||
@media print, (min-width: 48em) {
|
||||
h3 {
|
||||
text-align: right;
|
||||
margin-bottom: inherit;
|
||||
}
|
||||
|
||||
.masthead {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
.masthead > *,
|
||||
section {
|
||||
grid-column: content;
|
||||
}
|
||||
|
||||
.masthead img {
|
||||
grid-column: side;
|
||||
grid-row: span 2;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
section {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.icon-list {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.grid-list {
|
||||
grid-template-columns: repeat(
|
||||
auto-fit,
|
||||
minmax(calc((100% - 1em) / 2), 1fr)
|
||||
);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="masthead">
|
||||
<img src="" alt="">
|
||||
<div>
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
<article>
|
||||
<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>
|
||||
</article>
|
||||
<ul class="icon-list">
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-map-pin"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
|
||||
San Francisco, US
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
|
||||
<a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
|
||||
<a href="tel:9125554321">(912) 555-4321</a>
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
|
||||
<a href="http://richardhendricks.example.com">richardhendricks.example.com</a>
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg>
|
||||
neutralthoughts
|
||||
<span class="network">(Twitter)</span>
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
<span class="network">(SoundCloud)</span>
|
||||
</li>
|
||||
</ul>
|
||||
</header>
|
||||
|
||||
<section id="work">
|
||||
<h3>Work</h3>
|
||||
<div class="stack">
|
||||
<article>
|
||||
<header>
|
||||
<h4>CEO/President</h4>
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
|
||||
<span class="bullet-item">Awesome compression company</span>
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="2013-12-01">Dec 2013</time> –
|
||||
<time datetime="2014-12-01">Dec 2014</time>
|
||||
</div>
|
||||
<div>Palo Alto, CA</div>
|
||||
</div>
|
||||
</header>
|
||||
<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>
|
||||
<ul>
|
||||
<li><p>Build an algorithm for artist to detect if their music was violating copy right infringement laws</p></li>
|
||||
<li><p>Successfully won Techcrunch Disrupt</p></li>
|
||||
<li><p>Optimized an algorithm that holds the current world record for Weisman Scores</p></li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section id="volunteer">
|
||||
<h3>Volunteer</h3>
|
||||
<div class="stack">
|
||||
<article>
|
||||
<header>
|
||||
<h4>Teacher</h4>
|
||||
<div class="meta">
|
||||
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
|
||||
<div>
|
||||
<time datetime="2012-01-01">Jan 2012</time> –
|
||||
<time datetime="2013-01-01">Jan 2013</time>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
<ul>
|
||||
<li><p>Awarded 'Teacher of the Month'</p></li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section id="education">
|
||||
<h3>Education</h3>
|
||||
<div class="stack">
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
|
||||
<div class="meta">
|
||||
<strong>Information Technology</strong>
|
||||
<div>
|
||||
<time datetime="2011-06-01">Jun 2011</time> –
|
||||
<time datetime="2014-01-01">Jan 2014</time>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Bachelor</p>
|
||||
<h5>Courses</h5>
|
||||
<ul>
|
||||
<li><p>DB1101 - Basic SQL</p></li>
|
||||
<li><p>CS2011 - Java Introduction</p></li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section id="projects">
|
||||
<h3>Projects</h3>
|
||||
<div class="stack">
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href="missdirection.example.com">Miss Direction</a></h4>
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong>Team lead, Designer</strong>
|
||||
at <strong>Smoogle</strong>
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="2016-08-24">Aug 2016</time> –
|
||||
<time datetime="2016-08-24">Aug 2016</time>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>A mapping engine that misguides you</p>
|
||||
<ul>
|
||||
<li><p>Won award at AIHacks 2016</p></li>
|
||||
<li><p>Built by all women team of newbie programmers</p></li>
|
||||
<li><p>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</p></li>
|
||||
</ul>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section id="awards">
|
||||
<h3>Awards</h3>
|
||||
<div class="stack">
|
||||
<article>
|
||||
<header>
|
||||
<h4>Digital Compression Pioneer Award</h4>
|
||||
<div class="meta">
|
||||
<div>
|
||||
Awarded by <strong>Techcrunch</strong>
|
||||
</div>
|
||||
<time datetime="2014-11-01">Nov 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>There is no spoon.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section id="publications">
|
||||
<h3>Publications</h3>
|
||||
<div class="stack">
|
||||
<article>
|
||||
<header>
|
||||
<h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
|
||||
<div class="meta">
|
||||
<div>
|
||||
Published by <strong>Hooli</strong>
|
||||
</div>
|
||||
<time datetime="2014-10-01">Oct 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
<section id="skills">
|
||||
<h3>Skills</h3>
|
||||
<div class="grid-list">
|
||||
<div>
|
||||
<h4>Web Development</h4>
|
||||
<ul class="tag-list">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Compression</h4>
|
||||
<ul class="tag-list">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="languages">
|
||||
<h3>Languages</h3>
|
||||
<div class="grid-list">
|
||||
<div>
|
||||
<h4>English</h4>
|
||||
Native speaker
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="interests">
|
||||
<h3>Interests</h3>
|
||||
<div class="grid-list">
|
||||
<div>
|
||||
<h4>Wildlife</h4>
|
||||
<ul class="tag-list">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="references">
|
||||
<h3>References</h3>
|
||||
<div class="stack">
|
||||
<blockquote>
|
||||
<p>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.</p>
|
||||
<p>
|
||||
<cite>Erlich Bachman</cite>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,490 @@
|
|||
<!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" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
@import url(
|
||||
https://fonts.googleapis.com/css?family=Lato:400,700
|
||||
);
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: Lato, sans-serif;
|
||||
margin: 0 0 80px;
|
||||
}
|
||||
a {
|
||||
color: #2ecc71;
|
||||
}
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: #f1c40f;
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin-top: 0
|
||||
}
|
||||
section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
li {
|
||||
line-height: 1.8;
|
||||
list-style: none;
|
||||
}
|
||||
li:before {
|
||||
content: "\f052";
|
||||
float: left;
|
||||
font: 13px Octicons;
|
||||
margin-top: 6px;
|
||||
margin-left: -20px;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
}
|
||||
blockquote {
|
||||
border-left: 5px solid #e7e9ec;
|
||||
font-size: 14px;
|
||||
}
|
||||
em {
|
||||
color: #95a5a6;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
h4 span:first-child {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container {
|
||||
max-width: 750px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.col-sm-6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.col-sm-12 h4 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.col-sm-12 + .col-sm-12 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
#header {
|
||||
background: #f4f6f6;
|
||||
padding: 50px 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#header h2 {
|
||||
color: #95a5a6;
|
||||
font-size: 24px;
|
||||
}
|
||||
#content h3 {
|
||||
color: #f1c40f;
|
||||
font-size: 26px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
#content aside {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
}
|
||||
#profiles .network {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
#work .position,
|
||||
#volunteer .position {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#education .area {
|
||||
font-weight: bold;
|
||||
}
|
||||
#education .area:before {
|
||||
content: "\f0d7";
|
||||
font: 16px Octicons;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#education .studyType {
|
||||
margin-left: 25px;
|
||||
}
|
||||
#awards .summary,
|
||||
#publications .summary {
|
||||
margin-top: 8px;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.strike-through {
|
||||
border-top: 1px solid #f4f6f6;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: -2px;
|
||||
position: relative;
|
||||
}
|
||||
.strike-through span,
|
||||
.strike-through a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
padding-right: 20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.strike-through span + span {
|
||||
font-size: 14px;
|
||||
margin-top: -10px;
|
||||
padding-left: 20px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.col-sm-6:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#content aside {
|
||||
margin-bottom: 20px;
|
||||
padding-right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: "View publication";
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.date {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.strike-through span {
|
||||
display: block;
|
||||
}
|
||||
#header {
|
||||
margin-bottom: 10px;
|
||||
padding: 40px 0;
|
||||
}
|
||||
#actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 col-sm-push-3">
|
||||
<h1>
|
||||
Bree LaPointe
|
||||
</h1>
|
||||
<h2>
|
||||
Programmer
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="content" class="container">
|
||||
|
||||
<section id="contact" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Contact</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<strong>Email</strong>
|
||||
<div class="email">contact@blapointe.com</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<strong>Téléphone</strong>
|
||||
<div class="phone">(912) 555-4321</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="about" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>A propos</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<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>
|
||||
</section>
|
||||
<section id="profiles" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Profils</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">
|
||||
Twitter
|
||||
</strong>
|
||||
<div class="username">
|
||||
neutralthoughts
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">
|
||||
SoundCloud
|
||||
</strong>
|
||||
<div class="username">
|
||||
<div class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="work" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Expérience</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span></span>
|
||||
<span class="date">
|
||||
2013-12-01 — 2014-12-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</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>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="bullet">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="volunteer" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Volontariat</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>CoderDojo</span>
|
||||
<span class="date">
|
||||
2012-01-01 — 2013-01-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<h4>Particularités</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="education" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Education</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>University of Oklahoma</span>
|
||||
<span class="date">
|
||||
2011-06-01 — 2014-01-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="area">
|
||||
Information Technology
|
||||
</div>
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
</div>
|
||||
<h4>Cours</h4>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="awards" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Certifications</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Digital Compression Pioneer Award</span>
|
||||
</h4>
|
||||
<div class="date pull-right">
|
||||
<em>Certifié le</em>
|
||||
2014-11-01
|
||||
</div>
|
||||
<div class="awarder">
|
||||
<em>par</em>
|
||||
<strong>Techcrunch</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
There is no spoon.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="publications" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Publications</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Video compression for 3d media</span>
|
||||
<span class="date">
|
||||
2014-10-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="publisher">
|
||||
<em>Publié par</em>
|
||||
<strong>Hooli</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Talents</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Web Development</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Compression</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="languages" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Langues</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="language">
|
||||
<strong>English</strong>
|
||||
</div>
|
||||
<div class="fluency">
|
||||
Native speaker
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="interests" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Intérêts</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Wildlife</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="references" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Références</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<blockquote class="reference">
|
||||
<p>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.</p>
|
||||
<p class="name">
|
||||
<strong>— Erlich Bachman</strong>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,490 @@
|
|||
<!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" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
@import url(
|
||||
https://fonts.googleapis.com/css?family=Lato:400,700
|
||||
);
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: Lato, sans-serif;
|
||||
margin: 0 0 80px;
|
||||
}
|
||||
a {
|
||||
color: #2ecc71;
|
||||
}
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: #f1c40f;
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin-top: 0
|
||||
}
|
||||
section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
li {
|
||||
line-height: 1.8;
|
||||
list-style: none;
|
||||
}
|
||||
li:before {
|
||||
content: "\f052";
|
||||
float: left;
|
||||
font: 13px Octicons;
|
||||
margin-top: 6px;
|
||||
margin-left: -20px;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
}
|
||||
blockquote {
|
||||
border-left: 5px solid #e7e9ec;
|
||||
font-size: 14px;
|
||||
}
|
||||
em {
|
||||
color: #95a5a6;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
h4 span:first-child {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container {
|
||||
max-width: 750px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.col-sm-6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.col-sm-12 h4 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.col-sm-12 + .col-sm-12 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
#header {
|
||||
background: #f4f6f6;
|
||||
padding: 50px 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#header h2 {
|
||||
color: #95a5a6;
|
||||
font-size: 24px;
|
||||
}
|
||||
#content h3 {
|
||||
color: #f1c40f;
|
||||
font-size: 26px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
#content aside {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
}
|
||||
#profiles .network {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
#work .position,
|
||||
#volunteer .position {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#education .area {
|
||||
font-weight: bold;
|
||||
}
|
||||
#education .area:before {
|
||||
content: "\f0d7";
|
||||
font: 16px Octicons;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#education .studyType {
|
||||
margin-left: 25px;
|
||||
}
|
||||
#awards .summary,
|
||||
#publications .summary {
|
||||
margin-top: 8px;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.strike-through {
|
||||
border-top: 1px solid #f4f6f6;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: -2px;
|
||||
position: relative;
|
||||
}
|
||||
.strike-through span,
|
||||
.strike-through a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
padding-right: 20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.strike-through span + span {
|
||||
font-size: 14px;
|
||||
margin-top: -10px;
|
||||
padding-left: 20px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.col-sm-6:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#content aside {
|
||||
margin-bottom: 20px;
|
||||
padding-right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: "View publication";
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.date {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.strike-through span {
|
||||
display: block;
|
||||
}
|
||||
#header {
|
||||
margin-bottom: 10px;
|
||||
padding: 40px 0;
|
||||
}
|
||||
#actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 col-sm-push-3">
|
||||
<h1>
|
||||
Bree LaPointe
|
||||
</h1>
|
||||
<h2>
|
||||
Programmer
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="content" class="container">
|
||||
|
||||
<section id="contact" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Contact</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<strong>Email</strong>
|
||||
<div class="email">contact@blapointe.com</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<strong>Phone</strong>
|
||||
<div class="phone">(912) 555-4321</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="about" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>About</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<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>
|
||||
</section>
|
||||
<section id="profiles" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Profiles</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">
|
||||
Twitter
|
||||
</strong>
|
||||
<div class="username">
|
||||
neutralthoughts
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">
|
||||
SoundCloud
|
||||
</strong>
|
||||
<div class="username">
|
||||
<div class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="work" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Work</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span></span>
|
||||
<span class="date">
|
||||
2013-12-01 — 2014-12-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</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>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="bullet">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="volunteer" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Volunteer</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>CoderDojo</span>
|
||||
<span class="date">
|
||||
2012-01-01 — 2013-01-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="education" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Education</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>University of Oklahoma</span>
|
||||
<span class="date">
|
||||
2011-06-01 — 2014-01-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="area">
|
||||
Information Technology
|
||||
</div>
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
</div>
|
||||
<h4>Courses</h4>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="awards" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Awards</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Digital Compression Pioneer Award</span>
|
||||
</h4>
|
||||
<div class="date pull-right">
|
||||
<em>Awarded</em>
|
||||
2014-11-01
|
||||
</div>
|
||||
<div class="awarder">
|
||||
<em>by</em>
|
||||
<strong>Techcrunch</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
There is no spoon.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="publications" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Publications</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Video compression for 3d media</span>
|
||||
<span class="date">
|
||||
2014-10-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="publisher">
|
||||
<em>Published by</em>
|
||||
<strong>Hooli</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Skills</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Web Development</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Compression</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="languages" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Languages</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="language">
|
||||
<strong>English</strong>
|
||||
</div>
|
||||
<div class="fluency">
|
||||
Native speaker
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="interests" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Interests</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Wildlife</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="references" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>References</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<blockquote class="reference">
|
||||
<p>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.</p>
|
||||
<p class="name">
|
||||
<strong>— Erlich Bachman</strong>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,543 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
<title>Bree LaPointe - Programmer</title>
|
||||
<style>
|
||||
:root {
|
||||
--accent:#BC1B39;
|
||||
--anchor-color: #2C85B1;
|
||||
--blue:#2C85B1;
|
||||
--copy-color-light: #666666;
|
||||
--copy-color: #242424;
|
||||
--grey:#999999;
|
||||
--light-grey:#ededed;
|
||||
--white:#FFFFFF;
|
||||
--base-font-size: 12pt;
|
||||
--spacing-double: 1rem;
|
||||
--spacing-small: .1rem;
|
||||
--spacing: .5rem;
|
||||
}
|
||||
@media (min-width: 567px) {
|
||||
:root {
|
||||
--spacing-double: 1.5rem;
|
||||
--spacing-small: .25rem;
|
||||
--spacing: .75rem;
|
||||
}
|
||||
}
|
||||
@media print {
|
||||
:root {
|
||||
--anchor-color: #000000;
|
||||
--base-font-size: 9pt;
|
||||
--copy-color-light: #000000;
|
||||
--copy-color: #000000;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: var(--copy-color);
|
||||
display: flex;
|
||||
font: var(--base-font-size) "Open Sans", Helvetica, Arial, sans-serif;
|
||||
justify-content: center;
|
||||
line-height: 1.25;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
em {
|
||||
color: var(--grey);
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--anchor-color);
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
section {
|
||||
margin: var(--spacing) 0 var(--spacing-double);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin-bottom: 0 0 var(--spacing);
|
||||
}
|
||||
|
||||
#resume {
|
||||
background: var(--white);
|
||||
margin: var(--spacing) var(--spacing-double);
|
||||
max-width: 760px;
|
||||
}
|
||||
|
||||
section.heading header h1 {
|
||||
font-size: 180%;
|
||||
font-weight: 300;
|
||||
margin: 0;
|
||||
}
|
||||
section.heading header h2 {
|
||||
font-size: 140%;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
}
|
||||
section.heading header h2::after {
|
||||
display: none;
|
||||
}
|
||||
section.heading header .contact {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: var(--spacing);
|
||||
}
|
||||
@media (min-width: 567px) {
|
||||
section.heading header .contact {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
section.heading header address {
|
||||
font-size: 90%;
|
||||
font-style: normal;
|
||||
padding-bottom: var(--spacing);
|
||||
}
|
||||
section.heading .profiles {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: var(--spacing);
|
||||
}
|
||||
@media (min-width: 567px) {
|
||||
section.heading .profiles {
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
}
|
||||
}
|
||||
section.heading .profiles .profile.print {
|
||||
display: none;
|
||||
}
|
||||
@media print {
|
||||
section.heading .profiles .profile.print {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
section.heading .profiles strong {
|
||||
margin: 0 var(--spacing-small) 0 0;
|
||||
}
|
||||
section.heading .profiles span {
|
||||
margin: 0 var(--spacing-double) 0 0;
|
||||
}
|
||||
|
||||
section.experience .item {
|
||||
border-bottom: 1px solid var(--light-grey);
|
||||
margin: 0 0 0.5em;
|
||||
padding: 0 0 0.5em;
|
||||
}
|
||||
section.experience .item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
section.experience .item header a,
|
||||
section.experience .item header h3 {
|
||||
color: var(--copy-color);
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media (max-width: 566px) {
|
||||
section.experience .item header .subhead {
|
||||
flex-direction: column;
|
||||
margin-bottom: var(--spacing-double);
|
||||
}
|
||||
}
|
||||
section.experience .item .summary p {
|
||||
margin-top: var(--spacing);
|
||||
}
|
||||
section.experience .item .summary p:first-child {
|
||||
margin-top: var(--spacing-small);
|
||||
}
|
||||
section.experience .item .summary p:last-child {
|
||||
margin-bottom: var(--spacing-small);
|
||||
}
|
||||
section.experience .item .position {
|
||||
color: var(--copy-color-light);
|
||||
font-size: 100%;
|
||||
font-weight: 500;
|
||||
margin: var(--spacing-small) 0;
|
||||
}
|
||||
section.experience .item .startDate,
|
||||
section.experience .item .endDate {
|
||||
color: var(--grey);
|
||||
}
|
||||
section.skills .item {
|
||||
margin: 0;
|
||||
padding: 0 0 var(--spacing);
|
||||
}
|
||||
section.skills .item:first-child {
|
||||
margin-top: var(--spacing);
|
||||
}
|
||||
section.skills .item:last-child {
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
||||
section.skills .item .name {
|
||||
display: inline-block;
|
||||
font-size: 90%;
|
||||
font-weight: 600;
|
||||
margin: 0 var(--spacing) 0 0;
|
||||
text-transform: uppercase;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
section.skills .item .keywords {
|
||||
display: inline-block;
|
||||
font-size: 90%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
section.volunteering .item .position {
|
||||
font-weight: 600;
|
||||
}
|
||||
section.volunteering .item header .subhead {
|
||||
margin-top: var(--spacing);
|
||||
}
|
||||
section.projects .item strong {
|
||||
color: var(--copy-color-light);
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
padding-top: var(--spacing);
|
||||
}
|
||||
section.awards .item .title {
|
||||
font-weight: 600;
|
||||
}
|
||||
section.publications .item .name {
|
||||
font-weight: 600;
|
||||
}
|
||||
section.languages .language-item {
|
||||
align-items: baseline;
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
}
|
||||
section.languages .language-item:first-child {
|
||||
margin-top: var(--spacing);
|
||||
}
|
||||
section.languages .language-item:last-child {
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
||||
section.languages .language-item .language {
|
||||
display: inline-block;
|
||||
font-size: 90%;
|
||||
font-weight: 600;
|
||||
margin: 0 var(--spacing) 0 0;
|
||||
text-transform: uppercase;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
section.languages .language-item .fluency {
|
||||
color: var(--copy-color-light);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
section.interests .item {
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
||||
section.interests .item:last-child {
|
||||
margin-bottom: var(--spacing);
|
||||
}
|
||||
section.interests .item .name {
|
||||
display: inline-block;
|
||||
font-size: 90%;
|
||||
font-weight: 600;
|
||||
margin: 0 var(--spacing) 0 0;
|
||||
text-transform: uppercase;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
section.references .item blockquote {
|
||||
font-style: italic;
|
||||
margin-bottom: 0;
|
||||
margin-left: var(--spacing);
|
||||
}
|
||||
section.references .item .name {
|
||||
color: var(--copy-color-light);
|
||||
}
|
||||
|
||||
section h2 {
|
||||
color: var(--accent);
|
||||
font-size: 135%;
|
||||
font-weight: 400;
|
||||
margin: 0 0 var(--spacing-double);
|
||||
position: relative;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
section h2::after {
|
||||
background: var(--accent);
|
||||
bottom: -10px;
|
||||
content: " ";
|
||||
display: inline-block;
|
||||
height: 3px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 2.5rem;
|
||||
}
|
||||
section header h3 {
|
||||
margin: 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
section.experience .item .highlights, section.volunteering .highlights, section.projects .highlights,
|
||||
section.projects .keywords,
|
||||
section.projects .roles, section.education .item .courses {
|
||||
font-size: 90%;
|
||||
line-height: 1.3;
|
||||
list-style: square;
|
||||
margin: var(--spacing-small) 0 var(--spacing);
|
||||
padding-left: var(--spacing-double);
|
||||
}
|
||||
|
||||
section.experience .item, section.volunteering .item, section.projects .item, section.education .item, section.awards .item, section.publications .item, section.interests .item, section.references .item {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
@media print {
|
||||
section.heading .profiles .profile:not(.print), section.publications .item .website {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
section.experience .item header .subhead, section.volunteering .item header .subhead, section.projects .item header, section.education .item header, section.awards .item header, section.publications .item .subhead {
|
||||
align-items: baseline;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
@media (min-width: 567px) {
|
||||
section.experience .item header .subhead, section.volunteering .item header .subhead, section.projects .item header, section.education .item header, section.awards .item header, section.publications .item .subhead {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
font-size: 11pt;
|
||||
margin: 0;
|
||||
padding: 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 id="heading" class="heading">
|
||||
<header>
|
||||
<h1>
|
||||
Bree LaPointe
|
||||
</h1>
|
||||
<h2>Programmer</h2>
|
||||
<div class="summary"><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 class="contact">
|
||||
<span class="contact-detail"><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></span>
|
||||
<span class="contact-detail">(912) 555-4321</span>
|
||||
<span class="contact-detail"><a href="http://richardhendricks.example.com" target="external">http://richardhendricks.example.com</a></span>
|
||||
</div>
|
||||
<address>
|
||||
<span class="address-detail">2712 Broadway St</span>
|
||||
<span class="address-detail">San Francisco,</span>
|
||||
<span class="address-detail">California</span>
|
||||
<span class="address-detail">CA 94115</span>
|
||||
<span class="address-detail">US</span>
|
||||
</address>
|
||||
</header>
|
||||
|
||||
<div class="profiles">
|
||||
<div class="profile">
|
||||
<strong class="network">Twitter</strong>
|
||||
<span class="username">
|
||||
neutralthoughts
|
||||
</span>
|
||||
</div>
|
||||
<div class="profile print">
|
||||
<span class="username">
|
||||
</span>
|
||||
</div>
|
||||
<div class="profile">
|
||||
<strong class="network">SoundCloud</strong>
|
||||
<span class="username">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="external">@dandymusicnl</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="profile print">
|
||||
<span class="username">
|
||||
https://soundcloud.example.com/dandymusicnl
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="experience" class="experience">
|
||||
<section class="item">
|
||||
<h2>Experience</h2>
|
||||
<header>
|
||||
<h3 class="name"><a href="http://piedpiper.example.com" target="external">Pied Piper</a></h3>
|
||||
<div class="subhead">
|
||||
<span class="position">CEO/President</span>
|
||||
<small class="dates">Nov 2013
|
||||
- Nov 2014</small>
|
||||
</div>
|
||||
</header>
|
||||
<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>
|
||||
</section>
|
||||
</section>
|
||||
<section id="skills" class="skills">
|
||||
<div class="item">
|
||||
<h2>Skills</h2>
|
||||
<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 id="volunteering" class="volunteering">
|
||||
<div class="item">
|
||||
<h2>Volunteering</h2>
|
||||
<header>
|
||||
<h3 class="name">CoderDojo</h3>
|
||||
<div class="subhead">
|
||||
<span class="position">Teacher</span>
|
||||
<small class="startDate">Dec 2011
|
||||
- Dec 2012</small>
|
||||
</div>
|
||||
</header>
|
||||
<div class="summary">Global movement of free coding clubs for young people.</div>
|
||||
<ul class="highlights">
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section id="projects" class="projects">
|
||||
<section class="item">
|
||||
<h2>Projects</h2>
|
||||
<header>
|
||||
<h3 class="name">Miss Direction</h3>
|
||||
<small class="subhead">Aug 2016
|
||||
- Aug 2016</small>
|
||||
</header>
|
||||
<strong>Highlights</strong>
|
||||
<ul class="highlights">
|
||||
<li>Won award at AIHacks 2016</li>
|
||||
<li>Built by all women team of newbie programmers</li>
|
||||
<li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li>
|
||||
</ul>
|
||||
<strong>Keywords</strong>
|
||||
<ul class="keywords">
|
||||
<li>GoogleMaps</li>
|
||||
<li>Chrome Extension</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
<strong>Roles</strong>
|
||||
<ul class="roles">
|
||||
<li>Team lead</li>
|
||||
<li>Designer</li>
|
||||
</ul>
|
||||
<div class="entity">Smoogle</div>
|
||||
<div class="type">application</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="education" class="education">
|
||||
<div class="item">
|
||||
<h2>Education</h2>
|
||||
<header>
|
||||
<h3 class="name">University of Oklahoma</h3>
|
||||
<small class="dates">
|
||||
<span class="startDate">May 2011</span>
|
||||
<span class="endDate"> - Dec 2013</span>
|
||||
</small>
|
||||
</header>
|
||||
<div class="qualification">
|
||||
<span class="studyType">Bachelor</span>
|
||||
<span class="area">Information Technology</span>
|
||||
<span class="gpa">GPA: 4.0</span>
|
||||
<br>
|
||||
<strong>Courses</strong>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="awards" class="awards">
|
||||
<div class="item">
|
||||
<h2>Awards</h2>
|
||||
<header>
|
||||
<div class="title">Digital Compression Pioneer Award</div>
|
||||
<small class="date">Oct 2014</small>
|
||||
</header>
|
||||
<div class="awarder">Techcrunch</div>
|
||||
<div class="summary"><span>There is no spoon.</span></div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="publications" class="publications">
|
||||
<div class="item">
|
||||
<h2>Publications</h2>
|
||||
<div class="name">Video compression for 3d media</div>
|
||||
<div class="subhead">
|
||||
|
||||
<div class="publisher">Hooli</div>
|
||||
<small class="releaseDate">Sep 2014</small>
|
||||
<div class="website"><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" target="external">Link</a></div>
|
||||
</div>
|
||||
<div class="summary">Innovative middle-out compression algorithm that changes the way we store data.</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="languages" class="languages">
|
||||
<div class="item">
|
||||
<h2>Languages</h2>
|
||||
<div class="language-item">
|
||||
<span class="language">English:</span>
|
||||
<span class="fluency">Native speaker</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="interests" class="interests">
|
||||
<div class="item">
|
||||
<h2>Interests</h2>
|
||||
<span class="name">Wildlife:</span>
|
||||
<span class="keywords">
|
||||
<span>Ferrets</span>,
|
||||
<span>Unicorns</span>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
<section id="references" class="references">
|
||||
<div class="item">
|
||||
<h2>References</h2>
|
||||
<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>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,623 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Resume of Bree LaPointe</title>
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
|
||||
@charset "utf-8";
|
||||
@-webkit-viewport { width: device-width; }
|
||||
@-moz-viewport { width: device-width; }
|
||||
@-ms-viewport { width: device-width; }
|
||||
@-o-viewport { width: device-width; }
|
||||
@viewport { width: device-width; }
|
||||
|
||||
body{
|
||||
font-family: 'Open Sans', Arial, Tahoma;
|
||||
font-weight: 400;
|
||||
color: #363636;
|
||||
background: #334960;
|
||||
}
|
||||
blockquote {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.container{
|
||||
margin-top: 80px;
|
||||
margin-bottom: 15px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#photo-header{
|
||||
margin-top: -75px;
|
||||
}
|
||||
#photo{
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
padding: 5px;
|
||||
background: #334960;
|
||||
display: inline-block;
|
||||
}
|
||||
#photo img{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#text-header h1{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
#text-header h1::first-line{
|
||||
font-size: 1.5em;
|
||||
font-weight: 800;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#text-header h1 span{
|
||||
color: #334960;
|
||||
opacity: 0.7;
|
||||
}
|
||||
#text-header h1 sup{
|
||||
opacity: 0.5;
|
||||
}
|
||||
#text-header:after{
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-top: 15px;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
|
||||
.box{
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.box h2{
|
||||
color: #227c74;
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#awards,
|
||||
#education{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
padding: 1em 0;
|
||||
list-style: none;
|
||||
}
|
||||
#awards:before,
|
||||
#education:before {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 35px;
|
||||
top: 0;
|
||||
content: ' ';
|
||||
display: block;
|
||||
background: #32475c;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
|
||||
}
|
||||
#awards li,
|
||||
#education li{
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
#awards .year,
|
||||
#education .year{
|
||||
width: 14%;
|
||||
background: #fff;
|
||||
padding: 10px 10px 10px 3px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
#awards .description,
|
||||
#education .description{
|
||||
width: 83%;
|
||||
display: inline-block;
|
||||
background: #eee;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
#awards .description:after,
|
||||
#education .description:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0;
|
||||
left: -16px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: solid transparent;
|
||||
border-right-color: #eee;
|
||||
border-width: 8px;
|
||||
pointer-events: none;
|
||||
}
|
||||
#awards .description h3,
|
||||
#education .description h3{
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: 700;
|
||||
}
|
||||
#awards .description p,
|
||||
#education .description p{
|
||||
margin-top: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.job{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.job .details {
|
||||
margin-left: 3%;
|
||||
width: 95%;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
.job .where{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .year{
|
||||
opacity: 0.7;
|
||||
}
|
||||
.job .profession{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .description{
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.job .highlights{
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .job-details {
|
||||
padding-left: 5%;
|
||||
width: 100%;
|
||||
}
|
||||
.publication {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.publication .name{
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.publication .year{
|
||||
opacity: 0.7;
|
||||
}
|
||||
.publication p{
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.contact-item{
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.contact-item .icon{
|
||||
padding: 10px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #32475c;
|
||||
background: #eee;
|
||||
}
|
||||
.contact-item:last-child .icon{
|
||||
border-bottom: none;
|
||||
}
|
||||
.contact-item .title{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
font-weight: 700;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.contact-item .title.only{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.contact-item .description{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
color: #334960;
|
||||
}
|
||||
|
||||
.item-interests,
|
||||
.item-skills{
|
||||
height: 30px;
|
||||
color: #334960;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 1.1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.interest,
|
||||
.skill{
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px 10px;
|
||||
background: #32475c;
|
||||
position: relative;
|
||||
font-size: .85em;
|
||||
}
|
||||
.skill-level {
|
||||
background-color: #227c74;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
padding: 1px 8px;
|
||||
font-size: .75em;
|
||||
position: absolute;
|
||||
margin: 1px 10px;
|
||||
}
|
||||
|
||||
#language-skills .skill{
|
||||
margin: 10px 0;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style type="text/css" media="print">
|
||||
body {
|
||||
font-size: .95em;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#photo{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
#education,
|
||||
#awards,
|
||||
.contact-item,
|
||||
.publication,
|
||||
.skills,
|
||||
.interests {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.col-sm-5{
|
||||
width: 40%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.col-sm-7{
|
||||
width: 60%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.skills .col-sm-offset-1,
|
||||
.interests .col-sm-offset-1{
|
||||
margin-top: -10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#education {
|
||||
margin: 0;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
#awards:before,
|
||||
#education:before {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#awards .description,
|
||||
#education .description,
|
||||
.job .details {
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.publication,
|
||||
.publication .panel-heading,
|
||||
.publication .name{
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
border: none;
|
||||
}
|
||||
.publication .panel-body {
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list-group-item{
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
.list-group-item:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 0;
|
||||
left: -1px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: solid transparent;
|
||||
border-right-color: #999;
|
||||
border-width: 4px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div id="photo-header" class="text-center">
|
||||
<!-- PHOTO (AVATAR) -->
|
||||
<div id="photo">
|
||||
<img src="//www.gravatar.com/avatar/3d1df38a85a478f73eaa3664b488edc3?s=200&r=pg&d=mm" alt="avatar">
|
||||
</div>
|
||||
<div id="text-header" style="margin-top: 90px;">
|
||||
<h1>Bree LaPointe<br><span>Programmer</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-7">
|
||||
<!-- ABOUT ME -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-user ico"></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>
|
||||
<!-- WORK EXPERIENCE -->
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-suitcase ico"></i> Work Experience</h2>
|
||||
<div class="job clearfix">
|
||||
<div class="row">
|
||||
<div class="details">
|
||||
<div class="where">
|
||||
Pied Piper
|
||||
<div class="pull-right">
|
||||
Palo Alto, CA
|
||||
</div>
|
||||
</div>
|
||||
<div class="description">
|
||||
Awesome compression company
|
||||
</div>
|
||||
<div class="address">
|
||||
<a href="http://piedpiper.example.com" target= "_blank"><i class="fas fa-globe ico"></i> http://piedpiper.example.com</a>
|
||||
</div>
|
||||
<div class="year">December 2013 – December 2014</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="job-details col-xs-11">
|
||||
<div class="profession">CEO/President</div>
|
||||
<div class="description">
|
||||
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.
|
||||
<div class="highlights">Highlights</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="list-group-item">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="list-group-item">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AWARDS -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-certificate ico"></i> Awards</h2>
|
||||
<ul id="awards" class="clearfix">
|
||||
<li>
|
||||
<div class="year pull-left">November 2014</div>
|
||||
<div class="description pull-right">
|
||||
<h3>Techcrunch</h3>
|
||||
<p><i class="fas fa-trophy ico"></i> Digital Compression Pioneer Award</p>
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- VOLUNTEER -->
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-users ico"></i> Volunteer</h2>
|
||||
<div class="job clearfix">
|
||||
<div class="row">
|
||||
<div class="details">
|
||||
<div class="where">CoderDojo</div>
|
||||
<div class="address">
|
||||
<a href="http://coderdojo.example.com/" target= "_blank"><i class="fas fa-globe ico"></i> http://coderdojo.example.com/</a>
|
||||
</div>
|
||||
<div class="year">January 2012 – January 2013</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="job-details col-xs-11">
|
||||
<div class="profession">Teacher</div>
|
||||
<div class="description">
|
||||
Global movement of free coding clubs for young people.
|
||||
<div class="highlights">Highlights</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PROJECTS -->
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-code-branch ico"></i> Projects</h2>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">
|
||||
<span style="font-weight:bold">Miss Direction</span>: A mapping engine that misguides you
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<!-- CONTACT -->
|
||||
<div class="box clearfix">
|
||||
<h2><i class="fas fa-bullseye ico"></i> Contact</h2>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-map-marker fa-fw"></span></div>
|
||||
<div class="title pull-right">2712 Broadway St</div>
|
||||
<div class="title pull-right">San Francisco, California CA 94115 US</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-phone fa-fw"></span></div>
|
||||
<div class="title only pull-right">(912) 555-4321</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-envelope fa-fw"></span></div>
|
||||
<div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-globe fa-fw"></span></div>
|
||||
<div class="title only pull-right"><a href="http://richardhendricks.example.com" target="_blank">http://richardhendricks.example.com</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fab fa-twitter fa-fw"></span></div>
|
||||
<div class="title pull-right">Twitter</div>
|
||||
<div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fab fa-soundcloud fa-fw"></span></div>
|
||||
<div class="title pull-right">SoundCloud</div>
|
||||
<div class="description pull-right"><a href="https://soundcloud.example.com/dandymusicnl" target="_blank">dandymusicnl</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- EDUCATION -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-university ico"></i> Education</h2>
|
||||
<ul id="education" class="clearfix">
|
||||
<li>
|
||||
<div class="year pull-left">2011 2014</div>
|
||||
<div class="description pull-right">
|
||||
<h3>University of Oklahoma</h3>
|
||||
<div class="where"></div>
|
||||
<div class="address">
|
||||
<a href="https://www.ou.edu/" target= "_blank"><i class="fas fa-globe ico"></i> https://www.ou.edu/</a>
|
||||
</div>
|
||||
<p><i class= "fas fa-graduation-cap ico"></i> Bachelor</p>
|
||||
<p>Information Technology</p>
|
||||
<p>
|
||||
Grade: 4.0
|
||||
</p>
|
||||
<div>Courses</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">DB1101 - Basic SQL</li>
|
||||
<li class="list-group-item">CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- SKILLS -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-tasks ico"></i> Skills</h2>
|
||||
<div class="skills clearfix">
|
||||
<div class="item-skills">
|
||||
Web Development
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "skill badge">HTML</span>
|
||||
<span class= "skill badge">CSS</span>
|
||||
<span class= "skill badge">Javascript</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills clearfix">
|
||||
<div class="item-skills">
|
||||
Compression
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "skill badge">Mpeg</span>
|
||||
<span class= "skill badge">MP4</span>
|
||||
<span class= "skill badge">GIF</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PUBLICATIONS -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-book ico"></i> Publications</h2>
|
||||
<div class="publication panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="name panel-title">Video compression for 3d media</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="publisher"><i class= "fas fa-bookmark ico"></i> Hooli</div>
|
||||
<div class="year">01 October 2014</div>
|
||||
<div class="address">
|
||||
<a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" target= "_blank"><i class="fas fa-globe ico"></i> http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)</a>
|
||||
</div>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- HOBBIES -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-heart ico"></i> Interests</h2>
|
||||
<div class="interests clearfix">
|
||||
<div class="item-interests">
|
||||
Wildlife
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "interest badge">Ferrets</span>
|
||||
<span class= "interest badge">Unicorns</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-check-square ico"></i> References</h2>
|
||||
<blockquote>
|
||||
<div>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>
|
||||
<footer>
|
||||
<a href="" target= "_blank">Erlich Bachman</a>
|
||||
</footer>
|
||||
</blockquote><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,603 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Resume of Bree LaPointe</title>
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
|
||||
@charset "utf-8";
|
||||
@-webkit-viewport { width: device-width; }
|
||||
@-moz-viewport { width: device-width; }
|
||||
@-ms-viewport { width: device-width; }
|
||||
@-o-viewport { width: device-width; }
|
||||
@viewport { width: device-width; }
|
||||
|
||||
body{
|
||||
font-family: 'Open Sans', Arial, Tahoma;
|
||||
font-weight: 400;
|
||||
color: #363636;
|
||||
background: #334960;
|
||||
}
|
||||
blockquote {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.container{
|
||||
margin-top: 80px;
|
||||
margin-bottom: 15px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#photo-header{
|
||||
margin-top: -75px;
|
||||
}
|
||||
#photo{
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
padding: 5px;
|
||||
background: #334960;
|
||||
display: inline-block;
|
||||
}
|
||||
#photo img{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#text-header h1{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
#text-header h1::first-line{
|
||||
font-size: 1.5em;
|
||||
font-weight: 800;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#text-header h1 span{
|
||||
color: #334960;
|
||||
opacity: 0.7;
|
||||
}
|
||||
#text-header h1 sup{
|
||||
opacity: 0.5;
|
||||
}
|
||||
#text-header:after{
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-top: 15px;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
|
||||
.box{
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.box h2{
|
||||
color: #227c74;
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#awards,
|
||||
#education{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
padding: 1em 0;
|
||||
list-style: none;
|
||||
}
|
||||
#awards:before,
|
||||
#education:before {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 35px;
|
||||
top: 0;
|
||||
content: ' ';
|
||||
display: block;
|
||||
background: #32475c;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
|
||||
}
|
||||
#awards li,
|
||||
#education li{
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
#awards .year,
|
||||
#education .year{
|
||||
width: 14%;
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
#awards .description,
|
||||
#education .description{
|
||||
width: 83%;
|
||||
display: inline-block;
|
||||
background: #eee;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
#awards .description:after,
|
||||
#education .description:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0;
|
||||
left: -16px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: solid transparent;
|
||||
border-right-color: #eee;
|
||||
border-width: 8px;
|
||||
pointer-events: none;
|
||||
}
|
||||
#awards .description h3,
|
||||
#education .description h3{
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: 700;
|
||||
}
|
||||
#awards .description p,
|
||||
#education .description p{
|
||||
margin-top: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.job{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.job .details {
|
||||
margin-left: 3%;
|
||||
width: 95%;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
.job .where{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .year{
|
||||
opacity: 0.7;
|
||||
}
|
||||
.job .profession{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .description{
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.job .highlights{
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .languges {
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .systems {
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .job-details {
|
||||
padding-left: 5%;
|
||||
width: 100%;
|
||||
}
|
||||
.publication {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.publication .name{
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.publication .year{
|
||||
opacity: 0.7;
|
||||
}
|
||||
.publication p{
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.contact-item{
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.contact-item .icon{
|
||||
padding: 10px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #32475c;
|
||||
background: #eee;
|
||||
}
|
||||
.contact-item:last-child .icon{
|
||||
border-bottom: none;
|
||||
}
|
||||
.contact-item .title{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
font-weight: 700;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.contact-item .title.only{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.contact-item .description{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
color: #334960;
|
||||
}
|
||||
|
||||
.item-interests,
|
||||
.item-skills{
|
||||
height: 30px;
|
||||
color: #334960;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 1.1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.interest,
|
||||
.skill{
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px 10px;
|
||||
background: #32475c;
|
||||
position: relative;
|
||||
font-size: .85em;
|
||||
}
|
||||
.skill-level {
|
||||
background-color: #227c74;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
padding: 1px 8px;
|
||||
font-size: .75em;
|
||||
position: absolute;
|
||||
margin: 1px 10px;
|
||||
}
|
||||
|
||||
#language-skills .skill{
|
||||
margin: 10px 0;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style type="text/css" media="print">
|
||||
body {
|
||||
font-size: .95em;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#photo{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
#education,
|
||||
#awards,
|
||||
.contact-item,
|
||||
.publication,
|
||||
.skills,
|
||||
.interests,
|
||||
.job-details,
|
||||
.job {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.col-sm-5{
|
||||
width: 40%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.col-sm-7{
|
||||
width: 60%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.skills .col-sm-offset-1,
|
||||
.interests .col-sm-offset-1{
|
||||
margin-top: -10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#education {
|
||||
margin: 0;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
#awards:before,
|
||||
#education:before {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#awards .description,
|
||||
#education .description,
|
||||
.job .details {
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.publication,
|
||||
.publication .panel-heading,
|
||||
.publication .name{
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
border: none;
|
||||
}
|
||||
.publication .panel-body {
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list-group-item{
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
.list-group-item:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 0;
|
||||
left: -1px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: solid transparent;
|
||||
border-right-color: #999;
|
||||
border-width: 4px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div id="photo-header" class="text-center">
|
||||
<!-- PHOTO (AVATAR) -->
|
||||
<div id="photo">
|
||||
<img src="//www.gravatar.com/avatar/3d1df38a85a478f73eaa3664b488edc3?s=200&r=pg&d=mm" alt="avatar">
|
||||
</div>
|
||||
<div id="text-header" >
|
||||
<h1>Bree LaPointe<br><span>Programmer</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-7">
|
||||
<!-- ABOUT ME -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-user ico"></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>
|
||||
<!-- WORK EXPERIENCE -->
|
||||
<div class="box">
|
||||
<h2><i class= "fa fa-suitcase ico"></i> Work Experience</h2>
|
||||
<div class="job clearfix">
|
||||
<div class="row">
|
||||
<div class="details">
|
||||
<div class="where"></div>
|
||||
<div class="year">December 2013 – December 2014</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="job-details col-xs-11">
|
||||
<div class="profession">CEO/President</div>
|
||||
<div class="description">
|
||||
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.
|
||||
<div class="highlights">Highlights</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="list-group-item">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="list-group-item">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AWARDS -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-certificate ico"></i> Awards</h2>
|
||||
<ul id="awards" class="clearfix">
|
||||
<li>
|
||||
<div class="year pull-left">November 2014</div>
|
||||
<div class="description pull-right">
|
||||
<h3>Techcrunch</h3>
|
||||
<p><i class="fa fa-trophy ico"></i> Digital Compression Pioneer Award</p>
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- VOLUNTEER -->
|
||||
<div class="box">
|
||||
<h2><i class= "fa fa-group ico"></i> Volunteer</h2>
|
||||
<div class="job clearfix">
|
||||
<div class="row">
|
||||
<div class="details">
|
||||
<div class="where">CoderDojo</div>
|
||||
<div class="year">January 2012 – January 2013</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-11 pull-right">
|
||||
<div class="profession">Teacher</div>
|
||||
<div class="description">
|
||||
Global movement of free coding clubs for young people.
|
||||
<div class="highlights">Highlights</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<!-- CONTACT -->
|
||||
<div class="box clearfix">
|
||||
<h2><i class="fa fa-bullseye ico"></i> Contact</h2>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-map-marker fa-fw"></span></div>
|
||||
<div class="title pull-right">2712 Broadway St</div>
|
||||
<div class="title pull-right">San Francisco, California CA 94115 US</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div>
|
||||
<div class="title only pull-right">(912) 555-4321</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div>
|
||||
<div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-twitter fa-fw"></span></div>
|
||||
<div class="title pull-right">Twitter</div>
|
||||
<div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-soundcloud fa-fw"></span></div>
|
||||
<div class="title pull-right">SoundCloud</div>
|
||||
<div class="description pull-right"><a href="https://soundcloud.example.com/dandymusicnl" target="_blank">dandymusicnl</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- EDUCATION -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-university ico"></i> Education</h2>
|
||||
<ul id="education" class="clearfix">
|
||||
<li>
|
||||
<div class="year pull-left">2011 2014</div>
|
||||
<div class="description pull-right">
|
||||
<h3>University of Oklahoma</h3>
|
||||
<p><i class= "fa fa-graduation-cap ico"></i> Bachelor</p>
|
||||
<p>Information Technology</p>
|
||||
<div>Courses</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">DB1101 - Basic SQL</li>
|
||||
<li class="list-group-item">CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- SKILLS -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-tasks ico"></i> Skills</h2>
|
||||
<div class="skills clearfix">
|
||||
<div class="item-skills">
|
||||
Web Development
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "skill badge">HTML</span>
|
||||
<span class= "skill badge">CSS</span>
|
||||
<span class= "skill badge">Javascript</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills clearfix">
|
||||
<div class="item-skills">
|
||||
Compression
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "skill badge">Mpeg</span>
|
||||
<span class= "skill badge">MP4</span>
|
||||
<span class= "skill badge">GIF</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PUBLICATIONS -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-book ico"></i> Publications</h2>
|
||||
<div class="publication panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="name panel-title">Video compression for 3d media</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="publisher"><i class= "fa fa-bookmark ico"></i> Hooli</div>
|
||||
<div class="year">01 October 2014</div>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- LANGUAGES -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-language ico"></i> Languages</h2>
|
||||
<ul class="list-group">
|
||||
<li class=" list-group-item">English<span class="skill badge pull-right">Native speaker</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- HOBBIES -->
|
||||
<div class="box">
|
||||
<h2><i class="fa fa-heart ico"></i> Interests</h2>
|
||||
<div class="interests clearfix">
|
||||
<div class="item-interests">
|
||||
Wildlife
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "interest badge">Ferrets</span>
|
||||
<span class= "interest badge">Unicorns</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<h2><i class= "fa fa-check-square ico"></i> References</h2>
|
||||
<blockquote>
|
||||
<div>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>
|
||||
<footer>
|
||||
<a href="" target= "_blank">Erlich Bachman</a>
|
||||
</footer>
|
||||
</blockquote><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,625 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Resume of Bree LaPointe</title>
|
||||
<!-- <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
|
||||
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);
|
||||
@charset "utf-8";
|
||||
@-webkit-viewport { width: device-width; }
|
||||
@-moz-viewport { width: device-width; }
|
||||
@-ms-viewport { width: device-width; }
|
||||
@-o-viewport { width: device-width; }
|
||||
@viewport { width: device-width; }
|
||||
|
||||
body{
|
||||
font-family: 'Open Sans', Arial, Tahoma;
|
||||
font-weight: 400;
|
||||
color: #363636;
|
||||
background: #334960;
|
||||
}
|
||||
blockquote {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.container{
|
||||
margin-top: 80px;
|
||||
margin-bottom: 15px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#photo-header{
|
||||
margin-top: -75px;
|
||||
}
|
||||
#photo{
|
||||
width: 160px;
|
||||
height: 160px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
padding: 5px;
|
||||
background: #334960;
|
||||
display: inline-block;
|
||||
}
|
||||
#photo img{
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#text-header h1{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
#text-header h1::first-line{
|
||||
font-size: 1.5em;
|
||||
font-weight: 800;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#text-header h1 span{
|
||||
color: #334960;
|
||||
opacity: 0.7;
|
||||
}
|
||||
#text-header h1 sup{
|
||||
opacity: 0.5;
|
||||
}
|
||||
#text-header:after{
|
||||
width: 100%;
|
||||
height: 3px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-top: 15px;
|
||||
content: '';
|
||||
display: block;
|
||||
}
|
||||
|
||||
.box{
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.box h2{
|
||||
color: #227c74;
|
||||
font-size: 1.5em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#awards,
|
||||
#education{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
padding: 1em 0;
|
||||
list-style: none;
|
||||
}
|
||||
#awards:before,
|
||||
#education:before {
|
||||
width: 5px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 35px;
|
||||
top: 0;
|
||||
content: ' ';
|
||||
display: block;
|
||||
background: #32475c;
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #32475c 7%, #32475c 89%, #ffffff 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(7%,#32475c), color-stop(89%,#32475c), color-stop(100%,#ffffff));
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#32475c 7%,#32475c 89%,#ffffff 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
|
||||
}
|
||||
#awards li,
|
||||
#education li{
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
#awards .year,
|
||||
#education .year{
|
||||
width: 14%;
|
||||
background: #fff;
|
||||
padding: 10px;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
#awards .description,
|
||||
#education .description{
|
||||
width: 83%;
|
||||
display: inline-block;
|
||||
background: #eee;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
#awards .description:after,
|
||||
#education .description:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0;
|
||||
left: -16px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: solid transparent;
|
||||
border-right-color: #eee;
|
||||
border-width: 8px;
|
||||
pointer-events: none;
|
||||
}
|
||||
#awards .description h3,
|
||||
#education .description h3{
|
||||
font-size: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: 700;
|
||||
}
|
||||
#awards .description p,
|
||||
#education .description p{
|
||||
margin-top: 5px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.job{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.job .details {
|
||||
margin-left: 3%;
|
||||
width: 95%;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
}
|
||||
.job .where{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .year{
|
||||
opacity: 0.7;
|
||||
}
|
||||
.job .profession{
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .description{
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.job .highlights{
|
||||
padding: 5px 0;
|
||||
font-weight: bold;
|
||||
}
|
||||
.job .job-details {
|
||||
padding-left: 5%;
|
||||
width: 100%;
|
||||
}
|
||||
.publication {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.publication .name{
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.publication .year{
|
||||
opacity: 0.7;
|
||||
}
|
||||
.publication p{
|
||||
margin: 0;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.contact-item{
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.contact-item .icon{
|
||||
padding: 10px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #32475c;
|
||||
background: #eee;
|
||||
}
|
||||
.contact-item:last-child .icon{
|
||||
border-bottom: none;
|
||||
}
|
||||
.contact-item .title{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
font-weight: 700;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.contact-item .title.only{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.contact-item .description{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
color: #334960;
|
||||
}
|
||||
|
||||
.item-interests,
|
||||
.item-skills{
|
||||
height: 30px;
|
||||
color: #334960;
|
||||
padding: 5px 10px;
|
||||
margin-bottom: 5px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 1.1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.interest,
|
||||
.skill{
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px 10px;
|
||||
background: #32475c;
|
||||
position: relative;
|
||||
font-size: .85em;
|
||||
}
|
||||
.skill-level {
|
||||
background-color: #227c74;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
padding: 1px 8px;
|
||||
font-size: .75em;
|
||||
position: absolute;
|
||||
margin: 1px 10px;
|
||||
}
|
||||
|
||||
#language-skills .skill{
|
||||
margin: 10px 0;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style type="text/css" media="print">
|
||||
body {
|
||||
font-size: .95em;
|
||||
-webkit-print-color-adjust: exact;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#photo{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
#education,
|
||||
#awards,
|
||||
.contact-item,
|
||||
.publication,
|
||||
.skills,
|
||||
.interests {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.col-sm-5{
|
||||
width: 40%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.col-sm-7{
|
||||
width: 60%;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.skills .col-sm-offset-1,
|
||||
.interests .col-sm-offset-1{
|
||||
margin-top: -10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#education {
|
||||
margin: 0;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
#awards:before,
|
||||
#education:before {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#awards .description,
|
||||
#education .description,
|
||||
.job .details {
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
.publication,
|
||||
.publication .panel-heading,
|
||||
.publication .name{
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
border: none;
|
||||
}
|
||||
.publication .panel-body {
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.badge {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list-group-item{
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
.list-group-item:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 0;
|
||||
left: -1px;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: solid transparent;
|
||||
border-right-color: #999;
|
||||
border-width: 4px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div id="photo-header" class="text-center">
|
||||
<!-- PHOTO (AVATAR) -->
|
||||
<div id="photo">
|
||||
<img src="//www.gravatar.com/avatar/3d1df38a85a478f73eaa3664b488edc3?s=200&r=pg&d=mm" alt="avatar">
|
||||
</div>
|
||||
<div id="text-header" >
|
||||
<h1>Bree LaPointe<br><span>Programmer</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xs-12 col-sm-7">
|
||||
<!-- ABOUT ME -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-user ico"></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>
|
||||
<!-- WORK EXPERIENCE -->
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-suitcase ico"></i> Work Experience</h2>
|
||||
<div class="job clearfix">
|
||||
<div class="row">
|
||||
<div class="details">
|
||||
<div class="where">
|
||||
Pied Piper
|
||||
<div class="pull-right">
|
||||
Palo Alto, CA
|
||||
</div>
|
||||
</div>
|
||||
<div class="description">
|
||||
Awesome compression company
|
||||
</div>
|
||||
<div class="address">
|
||||
<a href="http://piedpiper.example.com" target= "_blank"><i class="fas fa-globe ico"></i> http://piedpiper.example.com</a>
|
||||
</div>
|
||||
<div class="year">December 2013 – December 2014</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="job-details col-xs-11">
|
||||
<div class="profession">CEO/President</div>
|
||||
<div class="description">
|
||||
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.
|
||||
<div class="highlights">Highlights</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="list-group-item">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="list-group-item">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- AWARDS -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-certificate ico"></i> Awards</h2>
|
||||
<ul id="awards" class="clearfix">
|
||||
<li>
|
||||
<div class="year pull-left">November 2014</div>
|
||||
<div class="description pull-right">
|
||||
<h3>Techcrunch</h3>
|
||||
<p><i class="fas fa-trophy ico"></i> Digital Compression Pioneer Award</p>
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- VOLUNTEER -->
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-users ico"></i> Volunteer</h2>
|
||||
<div class="job clearfix">
|
||||
<div class="row">
|
||||
<div class="details">
|
||||
<div class="where">CoderDojo</div>
|
||||
<div class="address">
|
||||
<a href="http://coderdojo.example.com/" target= "_blank"><i class="fas fa-globe ico"></i> http://coderdojo.example.com/</a>
|
||||
</div>
|
||||
<div class="year">January 2012 – January 2013</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="job-details col-xs-11">
|
||||
<div class="profession">Teacher</div>
|
||||
<div class="description">
|
||||
Global movement of free coding clubs for young people.
|
||||
<div class="highlights">Highlights</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PROJECTS -->
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-code-branch ico"></i> Projects</h2>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">
|
||||
<span style="font-weight:bold">Miss Direction</span>: A mapping engine that misguides you
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xs-12 col-sm-5">
|
||||
<!-- CONTACT -->
|
||||
<div class="box clearfix">
|
||||
<h2><i class="fas fa-bullseye ico"></i> Contact</h2>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-map-marker fa-fw"></span></div>
|
||||
<div class="title pull-right">2712 Broadway St</div>
|
||||
<div class="title pull-right">San Francisco, California CA 94115 US</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-phone fa-fw"></span></div>
|
||||
<div class="title only pull-right">(912) 555-4321</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-envelope fa-fw"></span></div>
|
||||
<div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fas fa-globe fa-fw"></span></div>
|
||||
<div class="title only pull-right"><a href="http://richardhendricks.example.com" target="_blank">http://richardhendricks.example.com</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fab fa-twitter fa-fw"></span></div>
|
||||
<div class="title pull-right">Twitter</div>
|
||||
<div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fab fa-soundcloud fa-fw"></span></div>
|
||||
<div class="title pull-right">SoundCloud</div>
|
||||
<div class="description pull-right"><a href="https://soundcloud.example.com/dandymusicnl" target="_blank">dandymusicnl</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- EDUCATION -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-university ico"></i> Education</h2>
|
||||
<ul id="education" class="clearfix">
|
||||
<li>
|
||||
<div class="year pull-left">2011 2014</div>
|
||||
<div class="description pull-right">
|
||||
<h3>University of Oklahoma</h3>
|
||||
<div class="where"></div>
|
||||
<div class="address">
|
||||
<a href="https://www.ou.edu/" target= "_blank"><i class="fas fa-globe ico"></i> https://www.ou.edu/</a>
|
||||
</div>
|
||||
<p><i class= "fas fa-graduation-cap ico"></i> Bachelor</p>
|
||||
<p>Information Technology</p>
|
||||
<p>
|
||||
Grade: 4.0
|
||||
</p>
|
||||
<div>Courses</div>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item">DB1101 - Basic SQL</li>
|
||||
<li class="list-group-item">CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- SKILLS -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-tasks ico"></i> Skills</h2>
|
||||
<div class="skills clearfix">
|
||||
<div class="item-skills">
|
||||
Web Development
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "skill badge">HTML</span>
|
||||
<span class= "skill badge">CSS</span>
|
||||
<span class= "skill badge">Javascript</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills clearfix">
|
||||
<div class="item-skills">
|
||||
Compression
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "skill badge">Mpeg</span>
|
||||
<span class= "skill badge">MP4</span>
|
||||
<span class= "skill badge">GIF</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- PUBLICATIONS -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-book ico"></i> Publications</h2>
|
||||
<div class="publication panel panel-default">
|
||||
<div class="panel-heading">
|
||||
<div class="name panel-title">Video compression for 3d media</div>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="publisher"><i class= "fas fa-bookmark ico"></i> Hooli</div>
|
||||
<div class="year">01 October 2014</div>
|
||||
<div class="address">
|
||||
<a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" target= "_blank"><i class="fas fa-globe ico"></i> http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)</a>
|
||||
</div>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- HOBBIES -->
|
||||
<div class="box">
|
||||
<h2><i class="fas fa-heart ico"></i> Interests</h2>
|
||||
<div class="interests clearfix">
|
||||
<div class="item-interests">
|
||||
Wildlife
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 clearfix">
|
||||
<span class= "interest badge">Ferrets</span>
|
||||
<span class= "interest badge">Unicorns</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<h2><i class= "fas fa-check-square ico"></i> References</h2>
|
||||
<blockquote>
|
||||
<div>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>
|
||||
<footer>
|
||||
<a href="" target= "_blank">Erlich Bachman</a>
|
||||
</footer>
|
||||
</blockquote><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,695 @@
|
|||
<!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 href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<style>/* Utils */
|
||||
/*----- Colors -----*/
|
||||
/*----- Fonts -----*/
|
||||
/*----- Dimensions and sizes -----*/
|
||||
/* Base */
|
||||
@font-face {
|
||||
font-family: 'Josefin Sans';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Josefin Sans Light'), local('JosefinSans-Light'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ecpl5te10k.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Josefin Sans';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Josefin Sans Bold'), local('JosefinSans-Bold'), url(https://fonts.gstatic.com/s/josefinsans/v14/Qw3FZQNVED7rKGKxtqIqX5Ectllte10k.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI9w2_Gwfo.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v16/S6u8w4BMUTPHjxsAXC-v.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v16/S6u_w4BMUTPHjxsI5wq_Gwfo.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v16/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Lato';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v16/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype');
|
||||
}
|
||||
|
||||
html {
|
||||
background: white;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
background: white;
|
||||
margin: 50px 0 100px;
|
||||
letter-spacing: .3px;
|
||||
color: #39424B;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
text-transform: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: 40px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family: "Josefin Sans", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
letter-spacing: .5px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
letter-spacing: .4px;
|
||||
}
|
||||
|
||||
h3.bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
h4.bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
h5.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #2895F1;
|
||||
}
|
||||
|
||||
a .fa-external-link {
|
||||
font-size: 10px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
p,
|
||||
li {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-size: 11px;
|
||||
font-family: "Lato", Helvetica, Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
margin: 10px 25px;
|
||||
}
|
||||
|
||||
em {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 10px 0 0;
|
||||
-webkit-padding-start: 25px;
|
||||
}
|
||||
|
||||
ul li {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
ul.minimal {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.minimal li {
|
||||
margin-bottom: 3px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ul.two-column {
|
||||
-webkit-column-count: 2;
|
||||
-webkit-column-gap: 28px;
|
||||
column-count: 2;
|
||||
column-gap: 28px;
|
||||
}
|
||||
|
||||
ul.two-column li {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: A4;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.keyline {
|
||||
width: 45px;
|
||||
margin: 8px 0 10px;
|
||||
border-top: 1px solid #56817A;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.profile-pic {
|
||||
margin-top: -5px;
|
||||
margin-right: 18px;
|
||||
}
|
||||
|
||||
.profile-pic img {
|
||||
height: 52px;
|
||||
width: 52px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid #56817A;
|
||||
}
|
||||
|
||||
.summary {
|
||||
margin: 5px 0 5px;
|
||||
}
|
||||
|
||||
.sublink {
|
||||
font-size: 70%;
|
||||
font-weight: 200;
|
||||
color: dimgray;
|
||||
}
|
||||
|
||||
.capitalize {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
/* Layouts */
|
||||
.page {
|
||||
background: white;
|
||||
width: 612px;
|
||||
min-height: 792px;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
border-top: 10px solid #56817A;
|
||||
padding: 36px 22px 30px 34px;
|
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.page:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.left-column {
|
||||
float: left;
|
||||
width: 160px;
|
||||
margin-right: 20px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.right-column {
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 36px 0 30px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.page .resume-header,
|
||||
.page .resume-content {
|
||||
padding: 0 22px 0 34px;
|
||||
}
|
||||
|
||||
.container {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.work-container .item {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.fa-external-link {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Components */
|
||||
.info-tag-container {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.info-tag-container .fa {
|
||||
font-size: 14px;
|
||||
width: 12px;
|
||||
margin-right: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.info-tag-container .fa.fa-map-marker {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.info-tag-container .fa.fa-mobile {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.info-tag-container .fa.fa-envelope-o {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.info-tag-container .fa.fa-desktop {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.info-tag-container .fa.fa-external-link {
|
||||
width: auto;
|
||||
font-size: inherit;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.info-tag-container .info-text {
|
||||
font-size: 12px;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 139px;
|
||||
}
|
||||
|
||||
.references-container .fa {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.education-container .location {
|
||||
padding-bottom: 6px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.education-container .specialization {
|
||||
text-transform: none;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.flex-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.main-skill {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.skill {
|
||||
margin: .15em;
|
||||
padding: .15em;
|
||||
background: ghostwhite;
|
||||
border-radius: 5px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<main id="resume" class="page">
|
||||
<header class="resume-header clearfix">
|
||||
<div class="profile-header pull-left">
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
<div class="profile-pic pull-right">
|
||||
</div>
|
||||
</header>
|
||||
<div class="resume-content">
|
||||
<aside class="left-column">
|
||||
<div class="container about-container">
|
||||
<div class="title">
|
||||
<h3>About</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-map-marker"></i>
|
||||
|
||||
<h6 class="info-text">2712 Broadway St San Francisco California CA 94115 US</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
|
||||
<h6 class="info-text">
|
||||
<a href="mailto:contact@blapointe.com" target="_blank">
|
||||
contact@blapointe.com
|
||||
</a>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-mobile"></i>
|
||||
|
||||
<h6 class="info-text">
|
||||
<a href="http://richardhendricks.example.com" target="_blank">
|
||||
(912) 555-4321
|
||||
</a>
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-twitter"></i>
|
||||
|
||||
<h6 class="info-text">neutralthoughts</h6>
|
||||
</div>
|
||||
<div class="info-tag-container">
|
||||
<i class="fa fa-soundcloud"></i>
|
||||
|
||||
<h6 class="info-text">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
|
||||
dandymusicnl
|
||||
</a>
|
||||
</h6>
|
||||
</div>
|
||||
</section>
|
||||
<div class="skills-container">
|
||||
<section class="container">
|
||||
<div class="title">
|
||||
<h3>Web Development</h3>
|
||||
<div class="keyline"></div>
|
||||
</div> <h4 class="bold capitalize">Master</h4>
|
||||
<div class="minimal flex-container">
|
||||
<h6 class="main-skill skill">HTML</h6>
|
||||
<h6 class="main-skill skill">CSS</h6>
|
||||
<h6 class="main-skill skill">Javascript</h6>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container">
|
||||
<div class="title">
|
||||
<h3>Compression</h3>
|
||||
<div class="keyline"></div>
|
||||
</div> <h4 class="bold capitalize">Master</h4>
|
||||
<div class="minimal flex-container">
|
||||
<h6 class="main-skill skill">Mpeg</h6>
|
||||
<h6 class="main-skill skill">MP4</h6>
|
||||
<h6 class="main-skill skill">GIF</h6>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container languages-container">
|
||||
<div class="title">
|
||||
<h3>Languages</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<ul class="minimal">
|
||||
<li>
|
||||
<h6>English <em>(Native speaker)</em></h6>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="container interests-container">
|
||||
<div class="title">
|
||||
<h3>Interests</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<h4 class="bold">Wildlife</h4>
|
||||
<ul class="minimal">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</aside>
|
||||
<div class="right-column">
|
||||
<div class="container summary-container">
|
||||
<div class="title">
|
||||
<h3>Summary</h3>
|
||||
<div class="keyline"></div>
|
||||
</div> <p class="summary">
|
||||
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 class="container work-container">
|
||||
<div class="title">
|
||||
<h3>Experience</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">12/2013</span>
|
||||
<span class="endDate"> - 12/2014</span>
|
||||
</h5>
|
||||
</div>
|
||||
<h4>
|
||||
Awesome compression company
|
||||
</h4>
|
||||
|
||||
<h4>CEO/President</h4>
|
||||
|
||||
|
||||
<p class="summary">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>
|
||||
|
||||
<ul>
|
||||
<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>
|
||||
</div>
|
||||
<div class="container project-container">
|
||||
<div class="title">
|
||||
<h3>Open Source Projects</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
<a href="missdirection.example.com" target="_blank">
|
||||
Miss Direction
|
||||
<span class="sublink">∙ <a href="missdirection.example.com" target="_blank" class="sublink">missdirection.example.com</a></span>
|
||||
</a>
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">08/2016</span>
|
||||
<span class="endDate"> - 08/2016</span>
|
||||
</h5>
|
||||
</div>
|
||||
<h4>
|
||||
A mapping engine that misguides you
|
||||
</h4>
|
||||
|
||||
|
||||
<div class="flex-container">
|
||||
<h6 class="skill">GoogleMaps</h6>
|
||||
<h6 class="skill">Chrome Extension</h6>
|
||||
<h6 class="skill">Javascript</h6>
|
||||
</div>
|
||||
|
||||
|
||||
<ul>
|
||||
<li>Won award at AIHacks 2016</li>
|
||||
<li>Built by all women team of newbie programmers</li>
|
||||
<li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container education-container">
|
||||
<div class="title">
|
||||
<h3>Education</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
University of Oklahoma
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">06/2011</span>
|
||||
<span class="endDate"> - 01/2014</span>
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<h4>Bachelor Information Technology</h4>
|
||||
|
||||
|
||||
<ul class="two-column">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container volunteer-container">
|
||||
<div class="title">
|
||||
<h3>Volunteer</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
CoderDojo
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
<span class="startDate">01/2012</span>
|
||||
<span class="endDate"> - 01/2013</span>
|
||||
</h5>
|
||||
</div>
|
||||
<h5>Teacher</h5>
|
||||
|
||||
<p class="summary">Global movement of free coding clubs for young people.</p>
|
||||
|
||||
<ul>
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container awards-container">
|
||||
<div class="title">
|
||||
<h3>Awards</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
Digital Compression Pioneer Award
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<h5 class="awarder">Techcrunch</h5>
|
||||
|
||||
<p class="summary">There is no spoon.</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container publications-container">
|
||||
<div class="title">
|
||||
<h3>Publications</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item">
|
||||
<div class="section-header clearfix">
|
||||
<h3 class="bold pull-left">
|
||||
Video compression for 3d media
|
||||
</h3>
|
||||
<h5 class="italic pull-right">
|
||||
10/2014
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<h5 class="awarder">Hooli</h5>
|
||||
|
||||
<p class="summary">Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<div class="container references-container">
|
||||
<div class="title">
|
||||
<h3>References</h3>
|
||||
<div class="keyline"></div>
|
||||
</div>
|
||||
<section class="item clearfix">
|
||||
<i class="fa fa-quote-left pull-left" aria-hidden="true"></i>
|
||||
<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.
|
||||
</blockquote>
|
||||
|
||||
<h5 class="pull-right"> — Erlich Bachman</h5>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,353 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
|
||||
<title>Bree LaPointe - Programmer</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #efefef;
|
||||
font: 16px 'Fira Mono', Inconsolata, Courier New, serif;
|
||||
color: #333;
|
||||
line-height: 1.4;
|
||||
margin: 50px 0;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
a {
|
||||
color: #7f23ff;
|
||||
}
|
||||
h1,h2,h3,h4 {
|
||||
color: #7f23ff;
|
||||
font-family: 'Work Sans', Arial, Helvetica, sans-serif;
|
||||
}
|
||||
h1 {
|
||||
margin: 0;
|
||||
line-height: 1.25;
|
||||
font-size: 4.25rem;
|
||||
background: -webkit-linear-gradient(#7f23ff, #9367FC);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: 3rem;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
h3 {
|
||||
color: #333;
|
||||
}
|
||||
#title {
|
||||
margin: 0 0 1.6rem 0;
|
||||
font-weight: normal;
|
||||
color: #777;
|
||||
}
|
||||
em {
|
||||
color: #999;
|
||||
}
|
||||
p {
|
||||
line-height: 1.6;
|
||||
}
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
header, section {
|
||||
margin: 0 auto;
|
||||
max-width: 680px;
|
||||
}
|
||||
section {
|
||||
margin-bottom: 2em;
|
||||
padding: 0 20px;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.item {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
#resume {
|
||||
/*padding: 0 20px;*/
|
||||
}
|
||||
#basics {
|
||||
/*margin-bottom: -10px;*/
|
||||
}
|
||||
#basics h3 {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
#basics .contact {
|
||||
margin: 0 0 2.6rem 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
#basics .contact > div {
|
||||
width: 49%;
|
||||
display: inline-block;
|
||||
}
|
||||
#basics .contact strong,
|
||||
#location strong {
|
||||
display: inline-block;
|
||||
/*line-height: 1.6;*/
|
||||
width: 30%;
|
||||
}
|
||||
.date, .position {
|
||||
font-weight: bold;
|
||||
}
|
||||
.profiles,
|
||||
#skills {
|
||||
overflow: hidden;
|
||||
}
|
||||
.profiles .item {
|
||||
float: left;
|
||||
margin: 0 2rem 0 0;
|
||||
}
|
||||
#skills .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
}
|
||||
hr {
|
||||
margin: 0 0 -4.75rem 0;
|
||||
border: 0;
|
||||
background: #fafafa;
|
||||
height: 4rem;
|
||||
}
|
||||
hr.contact-bg {
|
||||
margin: 0 0 -4rem 0;
|
||||
height: 5rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Work+Sans:600,700|Fira+Mono:400,500,700" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="resume">
|
||||
<header>
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2 id="title">Programmer</h2>
|
||||
</header>
|
||||
<hr class="contact-bg">
|
||||
<section id="basics">
|
||||
<div class="contact">
|
||||
<div class="email">
|
||||
<strong>Email</strong>
|
||||
contact@blapointe.com
|
||||
</div>
|
||||
<div class="phone">
|
||||
<strong>Phone</strong>
|
||||
(912) 555-4321
|
||||
</div>
|
||||
<div class="address">
|
||||
<strong>Location</strong>
|
||||
2712 Broadway St<br>
|
||||
San Francisco CA 94115<br>
|
||||
US
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<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>
|
||||
<h3>Profiles</h3>
|
||||
<div class="profiles">
|
||||
<div class="item">
|
||||
<strong class="network">
|
||||
|
||||
Twitter
|
||||
|
||||
</strong>
|
||||
<div class="username">
|
||||
neutralthoughts
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<strong class="network">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">
|
||||
SoundCloud
|
||||
</a>
|
||||
</strong>
|
||||
<div class="username">
|
||||
dandymusicnl
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr>
|
||||
<section id="work">
|
||||
<h2>Experience</h2>
|
||||
<div class="item">
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
December 2013
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- December 2014
|
||||
</span>
|
||||
</div>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</div>
|
||||
<div class="summary">
|
||||
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.
|
||||
</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>
|
||||
<hr>
|
||||
<section id="skills">
|
||||
<h2>Skills</h2>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Web Development
|
||||
</div>
|
||||
<div class="level">
|
||||
<em>Master</em>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Compression
|
||||
</div>
|
||||
<div class="level">
|
||||
<em>Master</em>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<hr>
|
||||
<section id="volunteer">
|
||||
<h2>Volunteer</h2>
|
||||
<div class="item">
|
||||
<h3 class="company">
|
||||
CoderDojo
|
||||
</h3>
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
2012
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2013
|
||||
</span>
|
||||
</div>
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<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>
|
||||
<hr>
|
||||
<section id="education">
|
||||
<h2>Education</h2>
|
||||
<div class="item">
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
2011
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014
|
||||
</span>
|
||||
</div>
|
||||
<div class="institution">
|
||||
University of Oklahoma
|
||||
</div>
|
||||
<div class="area">
|
||||
Information Technology
|
||||
</div>
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
</div>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section id="awards">
|
||||
<h2>Awards</h2>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
Digital Compression Pioneer Award
|
||||
</div>
|
||||
<div class="date">
|
||||
October 17, 2022
|
||||
</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>
|
||||
<hr>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,129 @@
|
|||
<!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> </title>
|
||||
<link href="http://bootswatch.com/lumen/bootstrap.min.css" rel="stylesheet" />
|
||||
<style>
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<h1>Bree LaPointe<h1>
|
||||
|
||||
<h2>San Francisco</h2>
|
||||
</div>
|
||||
<div class="col-md-6 col-sm-12">
|
||||
<img class="media-object img-circle pull-right" data-src="holder.js/64x64" alt="64x64" src="//www.gravatar.com/avatar/3d1df38a85a478f73eaa3664b488edc3?s=100&r=pg&d=mm" style="width: 100px; height: 100px; margin-top: 20px;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<hr style="color: #ccc; height: 4px;" />
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>About</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<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>
|
||||
<strong>Phone:</strong> (912) 555-4321 <br />
|
||||
<strong>Email:</strong> contact@blapointe.com<br />
|
||||
</div>
|
||||
</section>
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Work Experience</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="skills">
|
||||
<h3></h3>
|
||||
<strong>CEO/President</strong>
|
||||
<p>2013 - 2014</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>
|
||||
<ul>
|
||||
<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>
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Education</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="skills">
|
||||
<h3>University of Oklahoma</h3>
|
||||
<h4>Information Technology, Bachelor</h4>
|
||||
<p>2011 - 2014</p>
|
||||
<p></p>
|
||||
<ul>
|
||||
</ul>
|
||||
<hr />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>Skills</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="row-fluid skills">
|
||||
<ul class="col-md-6">
|
||||
|
||||
<li>
|
||||
<h4>Web Development</h4>
|
||||
<ul>
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="col-md-6">
|
||||
|
||||
<li>
|
||||
<h4>Compression</h4>
|
||||
<ul>
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="row">
|
||||
<header class="col-md-3">
|
||||
<h3>References</h3>
|
||||
</header>
|
||||
<div class="col-md-9">
|
||||
<div class="row-fluid skills">
|
||||
|
||||
<p>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. -
|
||||
<strong>Erlich Bachman</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<!-- Include all compiled plugins (below), or include individual files as needed -->
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
<!DOCTYPE html><html><head><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><title>The Resume of Bree LaPointe</title><link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"><link rel="stylesheet" href="https://unpkg.com/tachyons-columns@1.0.5/src/tachyons-columns.css"><style type="text/css">:root {
|
||||
--primary: #0074D9;
|
||||
--accent: #0074D9;
|
||||
--accent-text: #ffffff;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: var(--primary);
|
||||
}
|
||||
|
||||
.accent-text {
|
||||
color: var(--accent-text);
|
||||
}
|
||||
|
||||
.accent {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.b--primary {
|
||||
border-color: var(--primary);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: var(--primary);
|
||||
color: var(--accent-text);
|
||||
}
|
||||
|
||||
.column-layout {
|
||||
display: grid;
|
||||
grid-gap: 1rem;
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
@media (min-width: 36em) {
|
||||
.column-layout {
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
}
|
||||
|
||||
.page {
|
||||
max-width: 8.5in;
|
||||
}
|
||||
|
||||
@media (min-width: 8.5in) {
|
||||
.mv-5-page {
|
||||
margin-top: 4rem;
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
.bg-light-gray-page {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.shadow-2-page {
|
||||
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.db-page {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
html {
|
||||
font-size: 87.5%;
|
||||
}
|
||||
|
||||
.page {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: transparent !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
header a {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
.column-layout {
|
||||
grid-template-columns: 1fr 2fr;
|
||||
}
|
||||
}
|
||||
</style><link rel="stylesheet" href="https://unpkg.com/tachyons-print@4.7.2/css/tachyons-print.css"></head></head><body class="bg-white bg-light-gray-page bg-white-p dark-gray sans-serif"><div class="page mw-page mv-5-page center ma0-p shadow-2-page lh-title"><header class="pa4 bg-primary accent-text"><h1 class="f2 f1-ns mt0 mb3">Bree LaPointe</h1><div class="column-layout"><ul class="list ml0 pl0 mt0 mb2 mb0-ns f5"><li><a class="link accent-text underline-hover" href="mailto:contact@blapointe.com">contact@blapointe.com</a></li><li><a class="link accent-text underline-hover" href="tel:(912) 555-4321">(912) 555-4321</a></li><li>San Francisco, California</li><li><a class="link accent-text underline-hover" href="">neutralthoughts</a></li><li><a class="link accent-text underline-hover" href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a></li></ul><div><p class="measure mv0 f5">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></header><main class="pa4 bg-white"><section class="mb5 mb3-p"><h2 class="f5 fw7 mt0 mb3 ttu accent">Experience</h2><div class="mb4 mb3-p"><h3 class="f3 mt0 mb2 mb0-p fw6">CEO/President</h3><div class="column-layout"><ul class="list mv0 ml0 pl0 f5 fw2"><li><time datetime="2013-12-01T00:00:00.000Z">Nov 2013</time> – <time datetime="2014-12-01T00:00:00.000Z">Nov 2014</time></li></ul><p class="measure f5 mv0">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></div></section><section class="mb5 mb3-p"><h2 class="f5 fw7 mt2 mb3 ttu accent">Education</h2><div class="mb4 mb3-p"><h3 class="f3 mt0 mb2 mb0-p fw6">Bachelor, Information Technology</h3><div class="column-layout"><ul class="list mv0 ml0 pl0 f5 fw2"><li class="fw5">University of Oklahoma</li><li><time datetime="2011-06-01T00:00:00.000Z">May 2011</time> – <time datetime="2014-01-01T00:00:00.000Z">Dec 2013</time></li></ul></div></div></section><section><div class="column-layout"><h2 class="f5 fw7 mv0 ttu accent">Proficiencies</h2><ul class="cc2-ns cg3-ns cc2-p cg3-p pl0 mv0 list-inside-ns list-inside-p"><li>Web Development</li><li>Compression</li></ul></div></section></main></div></body></html>
|
||||
|
|
@ -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>
|
||||
|
|
@ -0,0 +1,169 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
||||
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||
<title>One Page Resume</title>
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
* { margin: 0; padding: 0; }
|
||||
body { font: 16px Helvetica, Sans-Serif; line-height: 24px; background: url(http://css-tricks.com/examples/OnePageResume/images/noise.jpg); }
|
||||
.clear { clear: both; }
|
||||
#page-wrap { width: 800px; margin: 40px auto 60px; }
|
||||
#pic { float: right; margin: -30px 0 0 0; width: 35%;}
|
||||
h1 { margin: 0 0 16px 0; padding: 0 0 16px 0; font-weight: bold; letter-spacing: -2px; border-bottom: 1px solid #999; }
|
||||
h2 { font-size: 20px; margin: 0 0 6px 0; position: relative; }
|
||||
h2 span { position: absolute; bottom: 0; right: 0; font-style: italic; font-family: Georgia, Serif; font-size: 16px; color: #999; font-weight: normal; }
|
||||
p { margin: 0 0 16px 0; }
|
||||
a { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
|
||||
a:hover { border-bottom-style: solid; color: black; }
|
||||
#profiles {margin: 0; list-style-type: none; display: inline}
|
||||
#profiles li {display: inline}
|
||||
ul { margin: 0 0 32px 17px; }
|
||||
#objective { width: 500px; float: left; }
|
||||
#objective p { font-family: Georgia, Serif; font-style: italic; color: #666; }
|
||||
dt { font-style: italic; font-weight: bold; font-size: 18px; text-align: right; padding: 0 26px 0 0; width: 150px; float: left; height: 100px; border-right: 1px solid #999; }
|
||||
dd { width: 600px; float: right; }
|
||||
dd.clear { float: none; margin: 0; height: 15px; }
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 125%;
|
||||
left: 50%;
|
||||
margin-left: -60px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: #555 transparent transparent transparent;
|
||||
}
|
||||
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="page-wrap">
|
||||
<img src="http://css-tricks.com/examples/OnePageResume/images/cthulu.png" alt="Bree LaPointe" id="pic" />
|
||||
<div id="contact-info" class="vcard">
|
||||
<!-- Microformats! -->
|
||||
<h1 class="fn">Bree LaPointe</h1>
|
||||
<p>
|
||||
Cell: <span class="tel">(912) 555-4321</span><br />
|
||||
Email: <a class="email" href="mailto:contact@blapointe.com">contact@blapointe.com</a>
|
||||
<ul id="profiles">
|
||||
<li>
|
||||
<div class="contact-item tooltip">
|
||||
<div class="icon pull-left text-center">
|
||||
<a href="" target="_blank">
|
||||
<span class="fab fa-twitter fa-fw">
|
||||
<span class="tooltiptext">
|
||||
neutralthoughts
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="contact-item tooltip">
|
||||
<div class="icon pull-left text-center">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
|
||||
<span class="fab fa-soundcloud fa-fw">
|
||||
<span class="tooltiptext">
|
||||
dandymusicnl
|
||||
</span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
<div id="objective">
|
||||
<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 class="clear"></div>
|
||||
<dl>
|
||||
<dd class="clear"></dd>
|
||||
<dt>Education</dt>
|
||||
<dd>
|
||||
<h2>University of Oklahoma
|
||||
<span>
|
||||
2011-06-01 -
|
||||
2014-01-01
|
||||
</span>
|
||||
</h2>
|
||||
Bachelor - <i>Information Technology</i><br/>
|
||||
</dd>
|
||||
<dd class="clear"></dd>
|
||||
<dt>Skills</dt>
|
||||
<dd>
|
||||
<h2>Web Development</h2>
|
||||
<p>HTML,CSS,Javascript</p>
|
||||
<h2>Compression</h2>
|
||||
<p>Mpeg,MP4,GIF</p>
|
||||
</dd>
|
||||
<dd class="clear"></dd>
|
||||
<dt>Experience</dt>
|
||||
<dd>
|
||||
<h2>
|
||||
<span>
|
||||
2013-12-01 -
|
||||
2014-12-01
|
||||
</span>
|
||||
</h2>
|
||||
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.
|
||||
<ul>
|
||||
<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>
|
||||
</dd>
|
||||
<dd class="clear"></dd>
|
||||
<dt>Languages</dt>
|
||||
<dd>
|
||||
English - <i>Native speaker</i>
|
||||
</dd>
|
||||
<dd class="clear"></dd>
|
||||
<dt>Hobbies</dt>
|
||||
<dd>
|
||||
|
||||
<h2>Wildlife</h2>
|
||||
<p>Ferrets,Unicorns</p>
|
||||
</dd>
|
||||
<dd class="clear"></dd>
|
||||
<dt>References</dt>
|
||||
<dd><i>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.</i><br>
|
||||
<br><h2><span>Erlich Bachman</span></h2>
|
||||
</dd>
|
||||
<dd class="clear"></dd>
|
||||
</dl>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,518 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Bree LaPointe</title>
|
||||
<!-- Meta -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Responsive HTML5 Developer Resume for Bree LaPointe">
|
||||
<meta name="generator" content="https://www.npmjs.com/package/jsonresume-theme-orbit/v/1.1.0"/>
|
||||
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
||||
<!-- Global CSS -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Plugins CSS -->
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
|
||||
|
||||
<!-- Theme CSS -->
|
||||
<style>
|
||||
/*
|
||||
* Template Name: Orbit - Responsive Resume/CV Template for Developers
|
||||
* Version: 1.0
|
||||
* Author: Xiaoying Riley
|
||||
* Twitter: @3rdwave_themes
|
||||
* License: Creative Commons Attribution 3.0 License
|
||||
* Website: http://themes.3rdwavemedia.com/
|
||||
*/
|
||||
/* styles.css */
|
||||
/* ======= Base ======= */
|
||||
body {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
color: #545E6C;
|
||||
background: #f5f5f5;
|
||||
font-size: 14px;
|
||||
padding: 30px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 700;
|
||||
}
|
||||
a {
|
||||
color: #2d7788;
|
||||
-webkit-transition: all 0.4s ease-in-out;
|
||||
-moz-transition: all 0.4s ease-in-out;
|
||||
-ms-transition: all 0.4s ease-in-out;
|
||||
-o-transition: all 0.4s ease-in-out;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color: #1a454f;
|
||||
}
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.wrapper {
|
||||
background: #42A8C0;
|
||||
max-width: 960px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.sidebar-wrapper {
|
||||
background: #42A8C0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 240px;
|
||||
height: 100%;
|
||||
min-height: 800px;
|
||||
color: #fff;
|
||||
}
|
||||
.sidebar-wrapper a {
|
||||
color: #fff;
|
||||
}
|
||||
.sidebar-wrapper .profile-container {
|
||||
padding: 30px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
.sidebar-wrapper .name {
|
||||
font-size: 32px;
|
||||
font-weight: 900;
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.sidebar-wrapper .tagline {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar-wrapper .profile {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.sidebar-wrapper .contact-list .fa {
|
||||
margin-right: 5px;
|
||||
font-size: 18px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.sidebar-wrapper .contact-list li {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.sidebar-wrapper .contact-list li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar-wrapper .contact-list .email .fa {
|
||||
font-size: 14px;
|
||||
}
|
||||
.sidebar-wrapper .container-block {
|
||||
padding: 30px;
|
||||
}
|
||||
.sidebar-wrapper .container-block-title {
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.sidebar-wrapper .degree {
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.sidebar-wrapper .education-container .item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.sidebar-wrapper .education-container .item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar-wrapper .education-container .meta {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-weight: 500;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 0;
|
||||
}
|
||||
.sidebar-wrapper .education-container .time {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-weight: 500;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.sidebar-wrapper .languages-container .lang-desc {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.sidebar-wrapper .languages-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar-wrapper .languages-list li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.sidebar-wrapper .languages-list li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar-wrapper .interests-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.sidebar-wrapper .interests-list li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.sidebar-wrapper .interests-list li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.main-wrapper {
|
||||
background: #fff;
|
||||
padding: 60px;
|
||||
padding-right: 300px;
|
||||
min-height: 800px;
|
||||
}
|
||||
.main-wrapper .section-title {
|
||||
text-transform: uppercase;
|
||||
font-size: 20px;
|
||||
font-weight: 500;
|
||||
color: #2d7788;
|
||||
position: relative;
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.main-wrapper .section-title .fa {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 8px;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
background: #2d7788;
|
||||
text-align: center;
|
||||
padding-top: 8px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
.main-wrapper .section {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.main-wrapper .experiences-section .item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.main-wrapper .upper-row {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.main-wrapper .job-title {
|
||||
color: #3F4650;
|
||||
font-size: 16px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-weight: 500;
|
||||
}
|
||||
.main-wrapper .time {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
color: #97AAC3;
|
||||
}
|
||||
.main-wrapper .company {
|
||||
margin-bottom: 10px;
|
||||
color: #97AAC3;
|
||||
}
|
||||
.main-wrapper .project-title {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
margin-top: 0;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.main-wrapper .projects-section .intro {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.main-wrapper .projects-section .item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.skillset .item {
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.skillset .level-title {
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.skillset .level-bar {
|
||||
height: 12px;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.skillset .level-bar-inner {
|
||||
height: 12px;
|
||||
background: #7bc2d3;
|
||||
}
|
||||
.footer {
|
||||
padding: 30px;
|
||||
padding-top: 60px;
|
||||
}
|
||||
.footer .copyright {
|
||||
line-height: 1.6;
|
||||
color: #545E6C;
|
||||
font-size: 13px;
|
||||
}
|
||||
.footer .fa-heart {
|
||||
color: #fb866a;
|
||||
}
|
||||
/* Extra small devices (phones, less than 768px) */
|
||||
@media (max-width: 767px) {
|
||||
.sidebar-wrapper {
|
||||
position: static;
|
||||
width: inherit;
|
||||
}
|
||||
.main-wrapper {
|
||||
padding: 30px;
|
||||
}
|
||||
.main-wrapper .time {
|
||||
position: static;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.main-wrapper .upper-row {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
/* Small devices (tablets, 768px and up) */
|
||||
/* Medium devices (desktops, 992px and up) */
|
||||
@media (min-width: 992px) {
|
||||
.skillset .level-title {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 30%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.skillset .level-bar {
|
||||
display: inline-block;
|
||||
width: 70%;
|
||||
float: left;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
/* Large devices (large desktops, 1200px and up) */
|
||||
/* Ex-Large devices (large desktops, 1200px and up) */
|
||||
|
||||
</style>
|
||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<div class="sidebar-wrapper">
|
||||
|
||||
<div class="profile-container">
|
||||
<img class="profile" src="" alt="" />
|
||||
<h1 class="name">Bree LaPointe</h1>
|
||||
<h3 class="tagline">Programmer</h3>
|
||||
</div><!--//profile-container-->
|
||||
|
||||
<div class="contact-container container-block">
|
||||
<ul class="list-unstyled contact-list">
|
||||
<li class="email"><i class="fa fa-envelope"></i><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
|
||||
<li class="phone"><i class="fa fa-phone"></i><a href="tel:(912) 555-4321">(912) 555-4321</a></li>
|
||||
<li class="website"><i class="fa fa-globe"></i><a href="http://richardhendricks.example.com" target="_blank">richardhendricks.example.com</a></li>
|
||||
|
||||
<li class="twitter"><i class="fa fa-twitter"></i><a href="" target="_blank">@neutralthoughts</a></li>
|
||||
<li class="soundcloud"><i class="fa fa-soundcloud"></i><a href="https://soundcloud.example.com/dandymusicnl" target="_blank">soundcloud.example.com/dandymusicnl</a></li>
|
||||
<!-- <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/3rdwave_themes" target="_blank">@twittername</a></li> -->
|
||||
</ul>
|
||||
</div><!--//contact-container-->
|
||||
|
||||
<div class="education-container container-block">
|
||||
<h2 class="container-block-title">Education</h2>
|
||||
<div class="item">
|
||||
<h4 class="degree">Bachelors in Information Technology</h4>
|
||||
<h5 class="meta">University of Oklahoma</h5>
|
||||
<div class="time">2011 - 2013</div>
|
||||
</div><!--//item-->
|
||||
</div><!--//education-container-->
|
||||
|
||||
<div class="languages-container container-block">
|
||||
<h2 class="container-block-title">Languages</h2>
|
||||
<ul class="list-unstyled interests-list">
|
||||
<li>English <span class="lang-desc">(Native speaker)</span></li>
|
||||
</ul>
|
||||
</div><!--//interests-->
|
||||
|
||||
<div class="interests-container container-block">
|
||||
<h2 class="container-block-title">Interests</h2>
|
||||
<ul class="list-unstyled interests-list">
|
||||
<li>Wildlife</li>
|
||||
</ul>
|
||||
</div><!--//interests-->
|
||||
|
||||
</div><!--//sidebar-wrapper-->
|
||||
|
||||
<div class="main-wrapper">
|
||||
|
||||
<section class="section summary-section">
|
||||
<h2 class="section-title"><i class="fa fa-user"></i>Personal Summary</h2>
|
||||
<div class="summary">
|
||||
<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><!--//summary-->
|
||||
</section><!--//section-->
|
||||
|
||||
<section class="section experiences-section">
|
||||
<h2 class="section-title"><i class="fa fa-briefcase"></i>Work Experience</h2>
|
||||
|
||||
<div class="item">
|
||||
<div class="meta">
|
||||
<div class="upper-row">
|
||||
<h3 class="job-title">CEO/President</h3>
|
||||
<div class="time">2013 - 2014</div>
|
||||
</div><!--//upper-row-->
|
||||
<div class="company"><a href="http://piedpiper.example.com" target="_blank">Pied Piper, Palo Alto, CA</a></div>
|
||||
</div><!--//meta-->
|
||||
<div class="details">
|
||||
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.
|
||||
</div><!--//details-->
|
||||
</div><!--//item-->
|
||||
</section><!--//section-->
|
||||
|
||||
<section class="section experiences-section">
|
||||
<h2 class="section-title"><i class="fa fa-handshake-o"></i>Volunteer Work</h2>
|
||||
|
||||
<div class="item">
|
||||
<div class="meta">
|
||||
<div class="upper-row">
|
||||
<h3 class="job-title">Teacher</h3>
|
||||
<div class="time">2011 - 2012</div>
|
||||
</div><!--//upper-row-->
|
||||
<div class="company"><a href="http://coderdojo.example.com/" target="_blank">CoderDojo</a></div>
|
||||
</div><!--//meta-->
|
||||
<div class="details">
|
||||
Global movement of free coding clubs for young people.
|
||||
</div><!--//details-->
|
||||
</div><!--//item-->
|
||||
</section><!--//section-->
|
||||
|
||||
<section class="section experiences-section">
|
||||
<h2 class="section-title"><i class="fa fa-trophy"></i>Awards</h2>
|
||||
|
||||
<div class="item">
|
||||
<div class="meta">
|
||||
<div class="upper-row">
|
||||
<h3 class="job-title">Digital Compression Pioneer Award</h3>
|
||||
<div class="time">2014</div>
|
||||
</div><!--//upper-row-->
|
||||
<div class="company">Techcrunch</div>
|
||||
</div><!--//meta-->
|
||||
<div class="details">
|
||||
There is no spoon.
|
||||
</div><!--//details-->
|
||||
</div><!--//item-->
|
||||
</section><!--//section-->
|
||||
|
||||
<section class="section projects-section">
|
||||
<h2 class="section-title"><i class="fa fa-archive"></i>Projects</h2>
|
||||
<!-- <div class="intro">
|
||||
<p>You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus.</p>
|
||||
</div>--><!--//intro-->
|
||||
<div class="item">
|
||||
<span class="project-title"><a href="missdirection.example.com" target="_blank">Miss Direction</a></span> -
|
||||
<span class="project-tagline">A mapping engine that misguides you</span>
|
||||
</div><!--//item-->
|
||||
</section><!--//section-->
|
||||
|
||||
<section class="section experiences-section">
|
||||
<h2 class="section-title"><i class="fa fa-book"></i>Publications</h2>
|
||||
|
||||
<div class="item">
|
||||
<div class="meta">
|
||||
<div class="upper-row">
|
||||
<h3 class="job-title"><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" target="_blank">Video compression for 3d media</a></h3>
|
||||
<div class="time">2014</div>
|
||||
</div><!--//upper-row-->
|
||||
<div class="company">Hooli</div>
|
||||
</div><!--//meta-->
|
||||
<div class="details">
|
||||
Innovative middle-out compression algorithm that changes the way we store data.
|
||||
</div><!--//details-->
|
||||
</div><!--//item-->
|
||||
</section><!--//section-->
|
||||
|
||||
<section class="skills-section section">
|
||||
<h2 class="section-title"><i class="fa fa-rocket"></i>Skills & Proficiency</h2>
|
||||
<div class="skillset">
|
||||
<div class="item">
|
||||
<h3 class="level-title">Web Development</h3>
|
||||
<div class="level-bar">
|
||||
<div class="level-bar-inner" data-level="100%">
|
||||
</div>
|
||||
</div><!--//level-bar-->
|
||||
</div><!--//item-->
|
||||
<div class="item">
|
||||
<h3 class="level-title">Compression</h3>
|
||||
<div class="level-bar">
|
||||
<div class="level-bar-inner" data-level="100%">
|
||||
</div>
|
||||
</div><!--//level-bar-->
|
||||
</div><!--//item-->
|
||||
|
||||
</div>
|
||||
</section><!--//skills-section-->
|
||||
|
||||
</div><!--//main-body-->
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="text-center">
|
||||
<!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out other license options via our website: themes.3rdwavemedia.com */-->
|
||||
<small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="http://themes.3rdwavemedia.com" target="_blank">Xiaoying Riley</a> for developers</small>
|
||||
</div><!--//container-->
|
||||
</footer><!--//footer-->
|
||||
|
||||
<!-- Javascript -->
|
||||
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
|
||||
<!-- custom js -->
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
|
||||
|
||||
/*======= Skillset *=======*/
|
||||
|
||||
|
||||
$('.level-bar-inner').css('width', '0');
|
||||
|
||||
$('.level-bar-inner').each(function() {
|
||||
|
||||
var itemWidth = $(this).data('level');
|
||||
|
||||
$(this).animate({
|
||||
width: itemWidth
|
||||
}, 800);
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,842 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
|
||||
<title>Bree LaPointe's Resume</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,700" rel="stylesheet" type="text/css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css">
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
|
||||
|
||||
<style>
|
||||
body, html {
|
||||
padding-top:2.5em;
|
||||
margin:0;
|
||||
background-color:#fafafa;
|
||||
font-size: 13pt;
|
||||
font-family: "Open Sans";
|
||||
}
|
||||
|
||||
h2{
|
||||
font-weight: normal;
|
||||
margin: 0.5em;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-weight:300;
|
||||
font-size:1em;
|
||||
margin: 0em;
|
||||
}
|
||||
|
||||
.note {
|
||||
display:block;
|
||||
position: absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.summary p{
|
||||
font-size:0.7em;
|
||||
font-weight:400;
|
||||
|
||||
color: #424242;
|
||||
|
||||
margin-left:2em;
|
||||
}
|
||||
|
||||
.new {
|
||||
background-color: #81C784;
|
||||
|
||||
border: 1px solid #757575;
|
||||
padding: 1px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
header {
|
||||
width:100%;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
font-family: "Merriweather";
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pic {
|
||||
margin-top:-3em;
|
||||
|
||||
border-radius:10em;
|
||||
|
||||
border: 2px solid #dddddd;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
@keyframes intro {
|
||||
from {
|
||||
height:0em;
|
||||
}
|
||||
|
||||
to {
|
||||
height: 6em;
|
||||
}
|
||||
}
|
||||
|
||||
.pic{
|
||||
height: 6em;
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.pic:hover{
|
||||
transform: translateY(20px) scale(2);
|
||||
}
|
||||
|
||||
.pic:hover ~ .content-wrapper{
|
||||
transform: translateY(75px);
|
||||
}
|
||||
|
||||
header p {
|
||||
text-align:center;
|
||||
|
||||
margin:0;
|
||||
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.first-name {
|
||||
font-size: 1.05em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-family: "Merriweather";
|
||||
font-size:0.7em;
|
||||
font-weight:500;
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
/* Information */
|
||||
|
||||
.paper {
|
||||
margin: 0 auto;
|
||||
margin-bottom:1em;
|
||||
|
||||
background-color:white;
|
||||
width:60%;
|
||||
|
||||
padding:0.5em 0 0.5em 0;
|
||||
|
||||
border-top: 1px solid #dddddd;
|
||||
border-left: 1px solid #dddddd;
|
||||
border-right: 1px solid #dddddd;
|
||||
border-bottom: 3px solid #dddddd;
|
||||
border-radius: 3px;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Content Part */
|
||||
|
||||
.content-wrapper {
|
||||
padding-right: 7.25%;
|
||||
padding-left: 7.25%;
|
||||
transition: .3s;
|
||||
padding-bottom: 20px;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content {
|
||||
display:table;
|
||||
width:100%;
|
||||
|
||||
padding-top:1.5em;
|
||||
|
||||
/*border-top: 1px solid #eeeeee;*/
|
||||
}
|
||||
|
||||
|
||||
.work-listing .first-listing{
|
||||
margin-top: 1.8em;
|
||||
}
|
||||
|
||||
.content:last-child {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
body > div > article > div > section:last-child {
|
||||
padding-bottom:1.5em;
|
||||
}
|
||||
|
||||
.row {
|
||||
display:table-row;
|
||||
}
|
||||
|
||||
.row div {
|
||||
display:table-cell;
|
||||
}
|
||||
|
||||
.content-cat {
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
font-variant:small-caps;
|
||||
|
||||
letter-spacing: 1px;
|
||||
|
||||
color: #212121;
|
||||
|
||||
font-family: "Merriweather";
|
||||
|
||||
width:25%;
|
||||
}
|
||||
|
||||
.content-cat p {
|
||||
font-size:0.55em;
|
||||
font-weight:600;
|
||||
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
border-left:1px solid #dddddd;
|
||||
transition: border 0.66s ease-in;
|
||||
}
|
||||
|
||||
.big-text {
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.content-text ul {
|
||||
padding:0;
|
||||
margin:0;
|
||||
margin-top:0.15em;
|
||||
|
||||
width:85%;
|
||||
margin-left:1.5em;
|
||||
}
|
||||
|
||||
.content-text ul:last-child {
|
||||
margin-bottom:0.5em;
|
||||
}
|
||||
|
||||
.content-text ul li {
|
||||
font-size:0.7em;
|
||||
|
||||
display:inline-block;
|
||||
|
||||
}
|
||||
|
||||
.content-text ul li:first-child {
|
||||
width:35%;
|
||||
|
||||
color: #424242;
|
||||
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
.content-text ul li a:hover {
|
||||
color:#4fc3f7;
|
||||
}
|
||||
|
||||
.work-listing p {
|
||||
font-size:0.7em;
|
||||
|
||||
color: #424242;
|
||||
|
||||
margin-left:2em;
|
||||
margin-top:0.45em;
|
||||
margin-bottom: 0.45em;
|
||||
}
|
||||
|
||||
div.content-text.work-listing.education-listing > p:nth-child(2) {
|
||||
margin-top:0.25em;
|
||||
}
|
||||
|
||||
.work-listing .highlight {
|
||||
font-size:0.7em;
|
||||
font-weight:400;
|
||||
|
||||
color: #424242;
|
||||
|
||||
margin-left:3.25em;
|
||||
padding-left:0.5em;
|
||||
|
||||
border-left:1px solid #dddddd;
|
||||
}
|
||||
|
||||
.assignment {
|
||||
border-left: 1px solid #dddddd;
|
||||
}
|
||||
|
||||
.education-listing > .heading {
|
||||
font-weight:600;
|
||||
|
||||
margin-top:0.75em;
|
||||
margin-left:2em;
|
||||
}
|
||||
|
||||
.education-listing > .highlight {
|
||||
margin-left:3.25em;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
transition: border .33s ease-in;
|
||||
}
|
||||
|
||||
.profiles-print{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.profiles-listing ul li, .profiles-listing ul li:first-child {
|
||||
width:24%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.work-content, .education-content {
|
||||
padding-top: .75em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > p {
|
||||
font-size:0.7em;
|
||||
font-weight:400;
|
||||
|
||||
margin-left: 2em;
|
||||
margin-top: 0.45em;
|
||||
margin-bottom: 0.45em;
|
||||
}
|
||||
|
||||
.no-nl{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.margin-left {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #0277bd;
|
||||
}
|
||||
|
||||
.fa{
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.network{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.7em;
|
||||
}
|
||||
|
||||
@media(max-width:1400px) {
|
||||
.paper {
|
||||
width:80%;
|
||||
}
|
||||
|
||||
.content-cat{
|
||||
padding-left:2%;
|
||||
}
|
||||
|
||||
.content-wrapper{
|
||||
padding-right: 2%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style media="screen">
|
||||
@media(max-width:795px) {
|
||||
.paper {
|
||||
width:96%;
|
||||
}
|
||||
|
||||
.pic{
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
.content-cat{
|
||||
padding-left:1%;
|
||||
}
|
||||
|
||||
.content-wrapper{
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
}
|
||||
|
||||
.profiles-listing ul li, .profiles-listing ul li:first-child{
|
||||
width: 49%;
|
||||
}
|
||||
|
||||
.small-fullwidth-row{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.small-fullwidth-row div{
|
||||
display: block;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.small-fullwidth-row .content-text{
|
||||
border-left: 2px solid #dddddd;
|
||||
}
|
||||
|
||||
.small-center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.work-listing .first-listing{
|
||||
margin-top: 0.45em;
|
||||
}
|
||||
|
||||
.work-listing .small-center{
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.top-content h3{
|
||||
width: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style media="print">
|
||||
|
||||
body, html {
|
||||
background-color: white;
|
||||
padding-top: 1.5em;
|
||||
font-size:12pt;
|
||||
font-family: "Merriweather";
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h2{
|
||||
margin-top:0em;
|
||||
}
|
||||
|
||||
.paper {
|
||||
width:100%;
|
||||
border: 0;
|
||||
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
header p {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.header-pic {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.pic{
|
||||
height:4.2em;
|
||||
width:4.2em;
|
||||
|
||||
transform: translate(-8em, 1.9em);
|
||||
}
|
||||
|
||||
.profiles {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.profiles-print{
|
||||
display: table;
|
||||
}
|
||||
|
||||
.content {
|
||||
page-break-inside:avoid;
|
||||
page-break-after:auto;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
float:left;
|
||||
margin-top: -1.6em;
|
||||
}
|
||||
|
||||
.content-wrapper > .content:first-child {
|
||||
padding-top: 2em;
|
||||
}
|
||||
|
||||
.content:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.content-cat {
|
||||
width:25%;
|
||||
position: relative;
|
||||
right: 4%;
|
||||
color:black;
|
||||
}
|
||||
|
||||
.content-cat p {
|
||||
font-size:0.5em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
header p, .content-text, .work-listing p, .content-text ul li:first-child, .work-listing .highlight, .content-text.skills-listing > ul > li > .highlight {
|
||||
color:black;
|
||||
}
|
||||
|
||||
.content-text.skills-listing > ul > li span, .subtitle {
|
||||
color:#212121;
|
||||
}
|
||||
|
||||
.content-text ul:last-child {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.content-text ul li:first-child {
|
||||
width:50%;
|
||||
}
|
||||
|
||||
.profiles-listing ul li:first-child {
|
||||
width:32%;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li {
|
||||
width:33%;
|
||||
}
|
||||
|
||||
.work-listing p {
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li > p {
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li:first-child {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.note {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.content-text:hover {
|
||||
border-left:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.content-text ul li a:hover {
|
||||
color:#4fc3f7;
|
||||
}
|
||||
|
||||
.summary p{
|
||||
color: black;
|
||||
}
|
||||
|
||||
.highlight:hover, .content-text.skills-listing > ul > li > .highlight:hover {
|
||||
border-left:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.big-text {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="resume-wrapper">
|
||||
<article class="paper">
|
||||
<div class="content-wrapper">
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-text">
|
||||
<h2>Bree LaPointe</h2>
|
||||
<p class="subtitle">Programmer</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- CONTACT -->
|
||||
<section class="content top-content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Contact</h3>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<ul>
|
||||
<li>Email</li>
|
||||
<li><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li>Phone</li>
|
||||
<li>(912) 555-4321</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- LOCATION -->
|
||||
<section class="content top-content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Location</h3>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
|
||||
<ul>
|
||||
<li>Address</li>
|
||||
<li>2712 Broadway St</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li>Country</li>
|
||||
<li>United States</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li>City</li>
|
||||
<li>San Francisco</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<li>Region</li>
|
||||
<li>California</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- LANGUAGE -->
|
||||
<section class="content top-content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Languages</h3>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
|
||||
<ul>
|
||||
|
||||
<li>English</li>
|
||||
|
||||
<li>Native speaker</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PROFILES for website-->
|
||||
<section class="content profiles top-content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Profiles</h3>
|
||||
</div>
|
||||
<div class="content-text profiles-listing">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
<i class="fa fa-2x fa-twitter-square"></i>
|
||||
<span class="network">Twitter</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
|
||||
<i class="fa fa-2x fa-soundcloud-square"></i>
|
||||
<span class="network">SoundCloud</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- PROFILES for print -->
|
||||
<section class="content profiles-print">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Profiles</h3>
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<ul>
|
||||
<li>Twitter</li>
|
||||
<li><a href=""></a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>SoundCloud</li>
|
||||
<li><a href="https://soundcloud.example.com/dandymusicnl">soundcloud.example.com/dandymusicnl</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content summary">
|
||||
<div class="row small-fullwidth-row">
|
||||
<div class="content-cat">
|
||||
<h3>About Me</h3>
|
||||
</div>
|
||||
<div class="content-text work-content">
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row small-fullwidth-row">
|
||||
<div class="content-cat big-text">
|
||||
<h3>Work Experience</h3>
|
||||
|
||||
<p><span class="no-nl">2013-12-01</span> to <span class="no-nl">2014-12-01</span></p>
|
||||
|
||||
</div>
|
||||
<div class="content-text work-listing education-listing">
|
||||
|
||||
<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 class="highlight">Build an algorithm for artist to detect if their music was violating copy right infringement laws</p>
|
||||
<p class="highlight">Successfully won Techcrunch Disrupt</p>
|
||||
<p class="highlight">Optimized an algorithm that holds the current world record for Weisman Scores</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat big-text">
|
||||
|
||||
<h3>Education</h3>
|
||||
|
||||
<p><span class="no-nl">2011-06-01</span> to <span class="no-nl">2014-01-01</span></p>
|
||||
|
||||
</div>
|
||||
<div class="content-text work-listing education-listing">
|
||||
<p class="heading first-listing">University of Oklahoma</p>
|
||||
|
||||
<p class="highlight">
|
||||
Bachelor:
|
||||
<i>Information Technology</i>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat big-text">
|
||||
<h3>Awards</h3>
|
||||
|
||||
<p>Digital Compression Pioneer Award</p>
|
||||
|
||||
<p style="margin-top:0.25em;">2014-11-01</p>
|
||||
|
||||
</div>
|
||||
<div class="content-text work-listing">
|
||||
|
||||
<strong><p class="heading">Techcrunch</p></strong>
|
||||
|
||||
<p class="highlight">There is no spoon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="content">
|
||||
<div class="row small-fullwidth-row">
|
||||
<div class="content-cat big-text">
|
||||
<h3>Volunteer work</h3>
|
||||
|
||||
<p><span class="no-nl">2012-01-01</span> to <span class="no-nl">2013-01-01</span></p>
|
||||
|
||||
</div>
|
||||
<div class="content-text work-listing education-listing">
|
||||
<p class="first-listing small-center">
|
||||
<strong>Teacher</strong> <span class="no-nl">at <strong>CoderDojo</strong></span>
|
||||
</p>
|
||||
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
|
||||
<p class="highlight">Awarded 'Teacher of the Month'</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Skills</h3>
|
||||
</div>
|
||||
<div class="content-text skills-listing">
|
||||
<p>
|
||||
<span class="name">
|
||||
<strong>
|
||||
Web Development
|
||||
|
||||
</strong>
|
||||
</span>
|
||||
|
||||
<span>(Master):</span>
|
||||
|
||||
HTML, CSS, Javascript
|
||||
</p>
|
||||
<p>
|
||||
<span class="name">
|
||||
<strong>
|
||||
Compression
|
||||
|
||||
</strong>
|
||||
</span>
|
||||
|
||||
<span>(Master):</span>
|
||||
|
||||
Mpeg, MP4, GIF
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
<h3>Interests</h3>
|
||||
</div>
|
||||
<div class="content-text skills-listing">
|
||||
<p>
|
||||
<span class="name">
|
||||
<strong>
|
||||
Wildlife:
|
||||
</strong>
|
||||
</span>
|
||||
Ferrets, Unicorns
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,668 @@
|
|||
<!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 href='//fonts.googleapis.com/css?family=Merriweather:400,300,700' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
|
||||
<style>body, html {
|
||||
padding-top:2.5em;
|
||||
margin:0;
|
||||
background-color:#fafafa;
|
||||
}
|
||||
|
||||
.note {
|
||||
display:block;
|
||||
position: absolute;
|
||||
top:10px;
|
||||
left:10px;
|
||||
|
||||
font-family: "Open Sans";
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
.new {
|
||||
background-color: #81C784;
|
||||
|
||||
border: 1px solid #757575;
|
||||
padding: 1px;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
header {
|
||||
width:100%;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.header-content {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pic {
|
||||
margin: 0 auto;
|
||||
margin-top:-2.5em;
|
||||
|
||||
border-radius:10em;
|
||||
height:4em;
|
||||
width:4em;
|
||||
|
||||
border: 2px solid #e0e0e0;
|
||||
transition : all 0.5s linear;
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes wiggle {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
25% {
|
||||
transform: rotate(-30deg);
|
||||
}
|
||||
50% {
|
||||
transform: rotate(15deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
|
||||
.pic:hover {
|
||||
/*Webkit fix*/
|
||||
-webkit-transform: translateZ(0);
|
||||
|
||||
cursor:pointer;
|
||||
|
||||
-webkit-animation: wiggle 0.7s cubic-bezier(0.6, -0.28, 0.735, 0.045);
|
||||
}
|
||||
|
||||
.header-text {
|
||||
margin-top:0.5em;
|
||||
margin-left:1em;
|
||||
}
|
||||
|
||||
header p {
|
||||
text-align:center;
|
||||
font-family: "Merriweather";
|
||||
|
||||
margin:0;
|
||||
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.first-name {
|
||||
font-size: 1.05em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-family: "Merriweather";
|
||||
padding-top:.3em;
|
||||
font-size:0.55em;
|
||||
font-weight:500;
|
||||
color: #424242;
|
||||
}
|
||||
|
||||
/* Information */
|
||||
|
||||
.paper {
|
||||
margin: 0 auto;
|
||||
margin-bottom:1em;
|
||||
|
||||
background-color:white;
|
||||
width:60%;
|
||||
|
||||
padding:0.5em 0 0.5em 0;
|
||||
|
||||
border-top: 1px solid #e0e0e0;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
border-bottom: 3px solid #e0e0e0;
|
||||
border-radius:3px;
|
||||
}
|
||||
|
||||
@media(max-width:992px) {
|
||||
.paper {
|
||||
width:80%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Content Part */
|
||||
|
||||
.content-wrapper {
|
||||
padding-right:7.25%;
|
||||
}
|
||||
|
||||
.content {
|
||||
display:table;
|
||||
width:100%;
|
||||
|
||||
padding-top:1.5em;
|
||||
|
||||
/*border-top: 1px solid #eeeeee;*/
|
||||
}
|
||||
|
||||
.content:last-child {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
body > div > article > div > section:last-child {
|
||||
padding-bottom:1.5em;
|
||||
}
|
||||
|
||||
.row {
|
||||
display:table-row;
|
||||
}
|
||||
.row div {
|
||||
display:table-cell;
|
||||
}
|
||||
|
||||
.content-cat {
|
||||
font-family: "Merriweather";
|
||||
font-variant:small-caps;
|
||||
font-weight:300;
|
||||
letter-spacing: 1px;
|
||||
|
||||
color: #212121;
|
||||
|
||||
font-size:0.975em;
|
||||
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
|
||||
padding-left:6.66%;
|
||||
width:30%;
|
||||
}
|
||||
|
||||
.content-cat p {
|
||||
font-size:0.55em;
|
||||
font-weight:600;
|
||||
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
.content-text {
|
||||
border-left:1px solid #e0e0e0;
|
||||
transition: border 0.66s ease-in;
|
||||
}
|
||||
|
||||
.big-text {
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.content-text ul {
|
||||
padding:0;
|
||||
margin:0;
|
||||
margin-top:0.15em;
|
||||
|
||||
width:85%;
|
||||
margin-left:1.5em;
|
||||
}
|
||||
|
||||
.content-text ul:last-child {
|
||||
margin-bottom:0.5em;
|
||||
}
|
||||
|
||||
.content-text ul li {
|
||||
font-family: "Open Sans";
|
||||
font-size:0.7em;
|
||||
|
||||
display:inline-block;
|
||||
|
||||
}
|
||||
|
||||
.content-text ul li:first-child {
|
||||
width:35%;
|
||||
|
||||
color: #424242;
|
||||
|
||||
font-weight:600;
|
||||
}
|
||||
|
||||
.content-text ul li a, div.content-text.work-listing.education-listing > p > strong > a {
|
||||
text-decoration: none;
|
||||
color: #0277bd;
|
||||
}
|
||||
|
||||
.content-text ul li a:hover {
|
||||
color:#4fc3f7;
|
||||
}
|
||||
|
||||
.work-listing p {
|
||||
font-family: "Open Sans";
|
||||
font-size:0.7em;
|
||||
|
||||
color: #424242;
|
||||
|
||||
margin-left:2em;
|
||||
margin-top:0.45em;
|
||||
margin-bottom: 0.45em;
|
||||
}
|
||||
|
||||
div.content-text.work-listing.education-listing > p:nth-child(2) {
|
||||
margin-top:0.25em;
|
||||
}
|
||||
|
||||
.work-listing .highlight {
|
||||
font-family: "Open Sans";
|
||||
font-size:0.7em;
|
||||
font-weight:400;
|
||||
|
||||
color: #424242;
|
||||
|
||||
margin-left:3.25em;
|
||||
|
||||
list-style-type: disc;
|
||||
list-style-position: inside;
|
||||
display: list-item;
|
||||
|
||||
}
|
||||
|
||||
.education-listing > .heading {
|
||||
font-weight:600;
|
||||
|
||||
margin-top:0.75em;
|
||||
margin-left:2em;
|
||||
}
|
||||
|
||||
.education-listing > .highlight {
|
||||
margin-left:3.25em;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
transition: border .33s ease-in;
|
||||
}
|
||||
|
||||
.profiles-listing ul li, .profiles-listing ul li:first-child {
|
||||
width:32%;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.work-content, .education-content {
|
||||
padding-top: .75em;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
section.content.education-content > div > div.content-cat {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > p {
|
||||
font-family: "Open Sans";
|
||||
font-size:0.7em;
|
||||
font-weight:400;
|
||||
|
||||
margin-left: 2em;
|
||||
margin-top: 0.45em;
|
||||
margin-bottom: 0.45em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > p > {
|
||||
color:#212121;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
body, html {
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
.paper {
|
||||
width:95%;
|
||||
}
|
||||
|
||||
.row div {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content-cat {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-text ul li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content-text ul li:first-child {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.education-listing > .highlight {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style media="print">
|
||||
body, html {
|
||||
background-color: white;
|
||||
padding-top: 1.5em;
|
||||
font-size: 104%;
|
||||
}
|
||||
|
||||
.paper {
|
||||
width:100%;
|
||||
border: 0;
|
||||
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
header p {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
.header-pic {
|
||||
float:left;
|
||||
}
|
||||
|
||||
.profiles {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.content {
|
||||
page-break-inside:avoid;
|
||||
page-break-after:auto;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
float:left;
|
||||
margin-top: -1.6em;
|
||||
}
|
||||
|
||||
.content-wrapper > .content:first-child {
|
||||
padding-top: 2em;
|
||||
}
|
||||
|
||||
.content:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.content-cat {
|
||||
width:33%;
|
||||
color:black;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.content-cat p {
|
||||
font-size:0.6em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
header p, .content-text, .work-listing p, .content-text ul li:first-child, .work-listing .highlight, .content-text.skills-listing > ul > li > .highlight {
|
||||
color:black;
|
||||
}
|
||||
|
||||
.content-text.skills-listing > ul > li span, .subtitle {
|
||||
color:#212121;
|
||||
}
|
||||
|
||||
.content-text ul:last-child {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
|
||||
.content-text ul li:first-child {
|
||||
width:50%;
|
||||
}
|
||||
|
||||
.profiles-listing ul li:first-child {
|
||||
width:32%;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li {
|
||||
width:33%;
|
||||
}
|
||||
|
||||
.work-listing p {
|
||||
margin-bottom: 0.1em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li > p {
|
||||
margin-top: 0.4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li {
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
div.content-text.skills-listing > ul > li:first-child {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.note {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.content-text:hover {
|
||||
border-left:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.content-text ul li a:hover {
|
||||
color:#4fc3f7;
|
||||
}
|
||||
|
||||
.highlight:hover, .content-text.skills-listing > ul > li > .highlight:hover {
|
||||
border-left:1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.big-text {
|
||||
padding-top: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="resume-wrapper">
|
||||
<article class="paper">
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-text">
|
||||
<p>
|
||||
Bree LaPointe
|
||||
</p>
|
||||
<p class="subtitle">Programmer</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="content-wrapper">
|
||||
<!-- CONTACT -->
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
Contact
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<ul>
|
||||
<li>Email</li>
|
||||
<li><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>Phone</li>
|
||||
<li>(912) 555-4321</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
Location
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<ul>
|
||||
<li>Address</li>
|
||||
<li>2712 Broadway St</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>Postal Code & City</li>
|
||||
<li>CA 94115 San Francisco</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>Region</li>
|
||||
<li>California</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
Professional Skills Summary
|
||||
</div>
|
||||
<div class="content-text skills-listing">
|
||||
<p>
|
||||
<span class="name">
|
||||
<strong>
|
||||
Web Development
|
||||
</strong>
|
||||
</span>
|
||||
<span>(Master):</span>
|
||||
HTML, CSS, Javascript
|
||||
</p>
|
||||
<p>
|
||||
<span class="name">
|
||||
<strong>
|
||||
Compression
|
||||
</strong>
|
||||
</span>
|
||||
<span>(Master):</span>
|
||||
Mpeg, MP4, GIF
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat big-text">
|
||||
Work Experience
|
||||
<p>2013-12-01 to 2014-12-01</p>
|
||||
</div>
|
||||
<div class="content-text work-listing education-listing">
|
||||
<p>
|
||||
<strong>CEO/President:</strong>
|
||||
</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 class="highlight">Build an algorithm for artist to detect if their music was violating copy right infringement laws</p>
|
||||
<p class="highlight">Successfully won Techcrunch Disrupt</p>
|
||||
<p class="highlight">Optimized an algorithm that holds the current world record for Weisman Scores</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat big-text">
|
||||
Education
|
||||
<p>2011-06-01 to 2014-01-01</p>
|
||||
</div>
|
||||
<div class="content-text work-listing education-listing">
|
||||
<p style="margin-top:0;" class="heading">University of Oklahoma</p>
|
||||
<p class="highlight">
|
||||
Bachelor:
|
||||
<i>Information Technology </i>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat big-text">
|
||||
Volunteering
|
||||
<p>2012-01-01 to 2013-01-01</p>
|
||||
</div>
|
||||
<div class="content-text work-listing">
|
||||
<p>
|
||||
<strong>CoderDojo</strong>
|
||||
</p>
|
||||
<p>
|
||||
Global movement of free coding clubs for young people.
|
||||
</p>
|
||||
<p class="highlight">Awarded 'Teacher of the Month'</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
Languages
|
||||
</div>
|
||||
<div class="content-text">
|
||||
<ul>
|
||||
<li>English</li>
|
||||
<li>Native speaker</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat big-text">
|
||||
Awards
|
||||
<p>Digital Compression Pioneer Award</p>
|
||||
<p>2014-11-01</p>
|
||||
</div>
|
||||
<div class="content-text work-listing">
|
||||
<strong><p class="heading">Techcrunch</p></strong>
|
||||
<p class="highlight">There is no spoon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- PROFILES -->
|
||||
<section class="content profiles">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
Profiles
|
||||
</div>
|
||||
<div class="content-text profiles-listing">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="" target="_blank">
|
||||
Twitter
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">
|
||||
SoundCloud
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="content-cat">
|
||||
Personal
|
||||
</div>
|
||||
<div class="content-text skills-listing">
|
||||
<p>
|
||||
<span class="name">
|
||||
</span>
|
||||
Ferrets, Unicorns
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,920 @@
|
|||
<!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 'Teacher of the Month'</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>
|
||||
|
|
@ -0,0 +1,528 @@
|
|||
<!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" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
|
||||
|
||||
<style type="text/css">
|
||||
@import url(
|
||||
https://fonts.googleapis.com/css?family=Lato:400,700
|
||||
);
|
||||
|
||||
:root {
|
||||
--headerBackgroundColor: #1E1E1E;
|
||||
--accentColor: #FB0;
|
||||
--mutedColor: #f4f6f6;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: Lato, sans-serif;
|
||||
margin: 0 0 80px;
|
||||
}
|
||||
a {
|
||||
background:
|
||||
linear-gradient(
|
||||
to bottom, var(--accentColor) 0%,
|
||||
var(--accentColor) 100%
|
||||
);
|
||||
background-position: 0 100%;
|
||||
background-repeat: repeat-x;
|
||||
background-size: 4px 2px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
transition: background-size .5s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
background-size: 4px 50px;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin-top: 0
|
||||
}
|
||||
section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
li {
|
||||
line-height: 1.8;
|
||||
list-style: none;
|
||||
}
|
||||
li:before {
|
||||
content: "\f052";
|
||||
float: left;
|
||||
font: 13px Octicons;
|
||||
margin-top: 6px;
|
||||
margin-left: -20px;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
}
|
||||
blockquote {
|
||||
border-left: 5px solid #e7e9ec;
|
||||
font-size: 14px;
|
||||
}
|
||||
em {
|
||||
color: #95a5a6;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
h4 span:first-child {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.container {
|
||||
max-width: 750px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
.col-sm-6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.col-sm-12 h4 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
.col-sm-12 + .col-sm-12 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
#header {
|
||||
color: #fff;
|
||||
background: var(--headerBackgroundColor);
|
||||
padding: 50px 0;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#header h2 {
|
||||
color: var(--accentColor);
|
||||
font-size: 24px;
|
||||
}
|
||||
#content h3 {
|
||||
/* color: var(--accentColor); */
|
||||
color: black;
|
||||
font-size: 26px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
#content aside {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
}
|
||||
#profiles .network {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
#work .position,
|
||||
#volunteer .position {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#education .area {
|
||||
font-weight: bold;
|
||||
}
|
||||
#education .area:before {
|
||||
content: "\f0d7";
|
||||
font: 16px Octicons;
|
||||
margin-right: 6px;
|
||||
}
|
||||
#education .studyType {
|
||||
margin-left: 25px;
|
||||
}
|
||||
#awards .summary,
|
||||
#publications .summary {
|
||||
margin-top: 8px;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.strike-through {
|
||||
border-top: 1px solid #f4f6f6;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: -2px;
|
||||
position: relative;
|
||||
}
|
||||
.strike-through span,
|
||||
.strike-through a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
padding-right: 20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.strike-through span + span {
|
||||
font-size: 14px;
|
||||
margin-top: -10px;
|
||||
padding-left: 20px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.col-sm-6:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#content aside {
|
||||
margin-bottom: 20px;
|
||||
padding-right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
#publications .website a:before {
|
||||
content: "View publication";
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.date {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.strike-through span {
|
||||
display: block;
|
||||
}
|
||||
#header {
|
||||
margin-bottom: 10px;
|
||||
padding: 40px 0;
|
||||
}
|
||||
#actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.tag-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tag-list > li {
|
||||
background: var(--mutedColor);
|
||||
margin: 0 0.2em 0.2em 0;
|
||||
padding: 0.1em 0.6em;
|
||||
list-style-type: none
|
||||
}
|
||||
|
||||
.tag-list > li::before {
|
||||
content: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-9 col-sm-push-3">
|
||||
<h1>
|
||||
Bree LaPointe
|
||||
</h1>
|
||||
<h2>
|
||||
Programmer
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="content" class="container">
|
||||
|
||||
<section id="contact" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Contact</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<strong>Email</strong>
|
||||
<div class="email"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<strong>Phone</strong>
|
||||
<div class="phone">(912) 555-4321</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="about" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>About</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<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>
|
||||
</section>
|
||||
<section id="profiles" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Profiles</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">
|
||||
Twitter
|
||||
</strong>
|
||||
<div class="username">
|
||||
neutralthoughts
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">
|
||||
SoundCloud
|
||||
</strong>
|
||||
<div class="username">
|
||||
<div class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank">dandymusicnl</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="work" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Work</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span></span>
|
||||
<span class="date">
|
||||
Nov 2013 — Nov 2014
|
||||
</span>
|
||||
</h4>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</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>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="bullet">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="volunteer" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Volunteer</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>CoderDojo</span>
|
||||
<span class="date">
|
||||
Dec 2011 — Dec 2012
|
||||
</span>
|
||||
</h4>
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="education" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Education</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>University of Oklahoma</span>
|
||||
<span class="date">
|
||||
May 2011 — Dec 2013
|
||||
</span>
|
||||
</h4>
|
||||
<div class="area">
|
||||
Information Technology
|
||||
</div>
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
</div>
|
||||
<h4>Courses</h4>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="awards" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Awards</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Digital Compression Pioneer Award</span>
|
||||
</h4>
|
||||
<div class="date pull-right">
|
||||
<em>Awarded</em>
|
||||
Oct 2014
|
||||
</div>
|
||||
<div class="awarder">
|
||||
<em>by</em>
|
||||
<strong>Techcrunch</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
There is no spoon.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="publications" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Publications</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Video compression for 3d media</span>
|
||||
<span class="date">
|
||||
Sep 2014
|
||||
</span>
|
||||
</h4>
|
||||
<div class="publisher">
|
||||
<em>Published by</em>
|
||||
<strong>Hooli</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Skills</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Web Development</h4>
|
||||
</div>
|
||||
<ul class="tag-list">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Compression</h4>
|
||||
</div>
|
||||
<ul class="tag-list">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="languages" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Languages</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="language">
|
||||
<strong>English</strong>
|
||||
</div>
|
||||
<div class="fluency">
|
||||
Native speaker
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="interests" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Interests</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Wildlife</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="references" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>References</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
<div class="col-sm-12">
|
||||
<blockquote class="reference">
|
||||
<p>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.</p>
|
||||
<p class="name">
|
||||
<strong>— Erlich Bachman</strong>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,783 @@
|
|||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
|
||||
<title>Bree LaPointe</title>
|
||||
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: Lato, sans-serif;
|
||||
font-weight: 300;
|
||||
color: #333;
|
||||
margin: 0 0 80px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #E32B46;
|
||||
}
|
||||
|
||||
a:focus, a:hover {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-size: smaller;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.5;
|
||||
margin: 0 0 .5em 0;
|
||||
}
|
||||
|
||||
p + p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4 {
|
||||
margin-top: 0;
|
||||
font-weight: 300;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
padding-left: 21px;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.8;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li:before {
|
||||
content: "\f052";
|
||||
float: left;
|
||||
font: 16px Octicons;
|
||||
margin-top: 6px;
|
||||
margin-left: -20px;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 3px solid #e7e9ec;
|
||||
font-size: 14px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
em {
|
||||
color: #666;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
h4 span:first-child {
|
||||
color: #333;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 750px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.col-sm-6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.col-sm-12 h4 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.col-sm-12 + .col-sm-12 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#header {
|
||||
padding: 50px 0 25px;
|
||||
}
|
||||
|
||||
#header h2 {
|
||||
color: #95a5a6;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
color: #555;
|
||||
font-size: 26px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
#content aside {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
#profiles .network {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
#work .position,
|
||||
#volunteer .position {
|
||||
font-weight: 400;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#education .area {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#education .area:before {
|
||||
content: "\f0d7";
|
||||
font: 16px Octicons;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#education .studyType {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
#awards .summary,
|
||||
#publications .summary {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#publications .website a:before {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.strike-through {
|
||||
border-top: 1px solid #f4f6f6;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: -2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.strike-through span,
|
||||
.strike-through a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.strike-through span:first-child {
|
||||
padding-right: 20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
|
||||
.strike-through span + span {
|
||||
font-size: 14px;
|
||||
margin-top: -10px;
|
||||
padding-left: 20px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.col-sm-6:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#content aside {
|
||||
margin-bottom: 20px;
|
||||
padding-right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#publications .website a:before {
|
||||
content: "View publication";
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
#header h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.date {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.strike-through span:first-child {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.strike-through span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#header {
|
||||
padding: 30px 0 0;
|
||||
}
|
||||
|
||||
#actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
a[href]:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#header h2 {
|
||||
font-size: 18px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
#header {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#content aside {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
font-size: 16px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border: 0;
|
||||
border-left: 3px solid #e7e9ec;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
li:before {
|
||||
font: 10px Octicons;
|
||||
}
|
||||
|
||||
.strike-through {
|
||||
border-top-color: transparent;
|
||||
}
|
||||
|
||||
.strike-through span + span {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.col-sm-push-3 {
|
||||
left: 25%;
|
||||
}
|
||||
|
||||
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.col-sm-12 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.col-sm-11 {
|
||||
width: 91.66666666666666%;
|
||||
}
|
||||
|
||||
.col-sm-10 {
|
||||
width: 83.33333333333334%;
|
||||
}
|
||||
|
||||
.col-sm-9 {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.col-sm-8 {
|
||||
width: 66.66666666666666%;
|
||||
}
|
||||
|
||||
.col-sm-7 {
|
||||
width: 58.333333333333336%;
|
||||
}
|
||||
|
||||
.col-sm-6 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.col-sm-5 {
|
||||
width: 41.66666666666667%;
|
||||
}
|
||||
|
||||
.col-sm-4 {
|
||||
width: 33.33333333333333%;
|
||||
}
|
||||
|
||||
.col-sm-3 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.col-sm-2 {
|
||||
width: 16.666666666666664%;
|
||||
}
|
||||
|
||||
.col-sm-1 {
|
||||
width: 8.333333333333332%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<!-- HEADER -->
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<img src="" class="img-responsive img-circle pull-right" style="max-height: 88px">
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- CONTENT: Re-arrange sections order if necessary -->
|
||||
<div id="content" class="container">
|
||||
<!-- Contact -->
|
||||
|
||||
|
||||
|
||||
<section id="contact" class="row">
|
||||
<aside class="col-sm-3"><h3>Contact</h3></aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-6">
|
||||
<strong>Email</strong>
|
||||
<div>
|
||||
<a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-6">
|
||||
<strong>Phone</strong>
|
||||
<div class="phone">(912) 555-4321</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- About -->
|
||||
|
||||
|
||||
|
||||
<section id="about" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>About</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<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>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Profiles -->
|
||||
|
||||
|
||||
|
||||
<section id="profiles" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Profiles</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">Twitter</strong>
|
||||
<div class="url">
|
||||
<a target="_blank" href="">neutralthoughts</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<strong class="network">SoundCloud</strong>
|
||||
<div class="url">
|
||||
<a target="_blank" href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Work -->
|
||||
|
||||
|
||||
|
||||
<section id="work" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Work</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span></span>
|
||||
<span class="date">
|
||||
November 2013 — November 2014
|
||||
</span>
|
||||
</h4>
|
||||
<div class="website pull-right">
|
||||
<a target="_blank" href=""></a>
|
||||
</div>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</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>
|
||||
|
||||
<p><strong>Highlights</strong></p>
|
||||
<ul class="highlights">
|
||||
|
||||
<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
|
||||
<li class="bullet">Successfully won Techcrunch Disrupt</li>
|
||||
|
||||
<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Skills -->
|
||||
|
||||
|
||||
|
||||
<section id="skills" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Skills</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Web Development</h4>
|
||||
</div>
|
||||
|
||||
<ul class="keywords">
|
||||
|
||||
<li>HTML</li>
|
||||
|
||||
<li>CSS</li>
|
||||
|
||||
<li>Javascript</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Compression</h4>
|
||||
</div>
|
||||
|
||||
<ul class="keywords">
|
||||
|
||||
<li>Mpeg</li>
|
||||
|
||||
<li>MP4</li>
|
||||
|
||||
<li>GIF</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Education -->
|
||||
|
||||
|
||||
|
||||
<section id="education" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Education</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>University of Oklahoma</span>
|
||||
<span class="date">
|
||||
May 2011 — December 2013
|
||||
</span>
|
||||
</h4>
|
||||
<div class="area">Information Technology</div>
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
|
||||
</div>
|
||||
|
||||
<h4>Courses</h4>
|
||||
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
</ul>
|
||||
|
||||
<ul class="courses">
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Certifications -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Awards -->
|
||||
|
||||
|
||||
|
||||
<section id="awards" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Awards</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Digital Compression Pioneer Award</span>
|
||||
</h4>
|
||||
<div class="date pull-right">
|
||||
<em>Awarded</em>
|
||||
October 2014
|
||||
</div>
|
||||
<div>
|
||||
<em>by</em>
|
||||
<strong>Techcrunch</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
There is no spoon.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Volunteer -->
|
||||
|
||||
|
||||
|
||||
<section id="volunteer" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Volunteer</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>CoderDojo</span>
|
||||
<span class="date">
|
||||
December 2011 — December 2012
|
||||
</span>
|
||||
</h4>
|
||||
<div class="website pull-right">
|
||||
<a target="_blank" href=""></a>
|
||||
</div>
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<strong>Highlights</strong>
|
||||
</p>
|
||||
<ul class="highlights">
|
||||
|
||||
<li class="bullet">Awarded 'Teacher of the Month'</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Publications -->
|
||||
|
||||
|
||||
|
||||
<section id="publications" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Publications</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-12">
|
||||
<h4 class="strike-through">
|
||||
<span>Video compression for 3d media</span>
|
||||
<span class="date">September 2014</span>
|
||||
</h4>
|
||||
<div class="website pull-right">
|
||||
<a target="_blank" href=""></a>
|
||||
</div>
|
||||
<div class="publisher">
|
||||
<em>Published by</em>
|
||||
<strong>Hooli</strong>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Languages -->
|
||||
|
||||
|
||||
|
||||
<section id="languages" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Languages</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="language"><strong></strong></div>
|
||||
<div class="fluency"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Interests -->
|
||||
|
||||
|
||||
|
||||
<section id="interests" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>Interests</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-6">
|
||||
<div class="name">
|
||||
<h4>Wildlife</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
|
||||
<li>Ferrets</li>
|
||||
|
||||
<li>Unicorns</li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- References -->
|
||||
|
||||
|
||||
|
||||
<section id="references" class="row">
|
||||
<aside class="col-sm-3">
|
||||
<h3>References</h3>
|
||||
</aside>
|
||||
<div class="col-sm-9">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-11">
|
||||
<p>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.</p>
|
||||
<p class="name">
|
||||
<strong>— Erlich Bachman</strong></p>
|
||||
</p>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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>
|
||||
|
|
@ -0,0 +1,657 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i" rel="stylesheet">
|
||||
|
||||
<title>Bree LaPointe</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: 'Lato', sans-serif;
|
||||
letter-spacing: 0.02em;
|
||||
word-wrap: break-word;
|
||||
color: #000;
|
||||
line-height: 1.4;
|
||||
margin: 50px 0 60px;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
line-height: 1em;
|
||||
margin: 0;
|
||||
}
|
||||
h1 {
|
||||
color: #FF1717;
|
||||
font-size: 2.4em;
|
||||
font-weight: 900;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 10px;
|
||||
font-weight: 900;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
font-weight: 900;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.1em;
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
p {
|
||||
font-weight: 400;
|
||||
font-size: 1em;
|
||||
margin: 0;
|
||||
line-height: 1.8em;
|
||||
opacity: 0.8;
|
||||
}
|
||||
em {
|
||||
opacity: 0.5;
|
||||
}
|
||||
p {
|
||||
line-height: 1.4;
|
||||
}
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
section, #skills .item {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
section > h3 {
|
||||
width: 25%;
|
||||
float: left;
|
||||
color: #FF1717;
|
||||
}
|
||||
section > section {
|
||||
width: 75%;
|
||||
float: left;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
a {
|
||||
font-size: 0.9em;
|
||||
font-weight: 700;
|
||||
opacity: 0.5;
|
||||
color: #000;
|
||||
}
|
||||
.divider {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: #ccc;
|
||||
}
|
||||
.item {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
.row:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
#resume {
|
||||
margin: 0 auto;
|
||||
/*max-width: 595px;*/
|
||||
max-width: 690px;
|
||||
padding: 0 50px;
|
||||
}
|
||||
#resume > section {
|
||||
margin-bottom: -10px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#resume > section:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
height: 0;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
}
|
||||
.summary {
|
||||
margin: 10px 0 50px;
|
||||
font-style: italic;
|
||||
}
|
||||
#skills .keywords,
|
||||
#languages > section,
|
||||
#interests > section,
|
||||
#profiles > section,
|
||||
#contacts {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#education .institution,
|
||||
#work .name,
|
||||
#volunteer .name,
|
||||
#awards .title,
|
||||
#publications .name {
|
||||
font-size: 1em;
|
||||
font-weight: 900;
|
||||
width: 65%;
|
||||
float: left;
|
||||
}
|
||||
#education .area,
|
||||
#education .studyType {
|
||||
font-size: 0.9em;
|
||||
font-weight: 400;
|
||||
font-style: italic
|
||||
}
|
||||
#education .date,
|
||||
#work .date,
|
||||
#volunteer .date,
|
||||
#awards .date,
|
||||
#publications .date {
|
||||
font-size: 0.7em;
|
||||
letter-spacing: -0.02em;
|
||||
font-weight: 400;
|
||||
width: 35%;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
#education .education-sub-info {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#education .education-sub-info span:not(:last-child):after {
|
||||
margin: 0 5px;
|
||||
content: "/";
|
||||
}
|
||||
#work .url,
|
||||
#work .position,
|
||||
#work .highlights,
|
||||
#work .item > h5,
|
||||
#volunteer .url,
|
||||
#volunteer .position,
|
||||
#volunteer .highlights,
|
||||
#volunteer .item > h5,
|
||||
#awards .awarder,
|
||||
#publications .url,
|
||||
#publications .publisher,
|
||||
#skills .item .level,
|
||||
#languages .item .fluency {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
#work .summary,
|
||||
#work .description,
|
||||
#awards .summary,
|
||||
#volunteer .summary,
|
||||
#publications .summary {
|
||||
font-style: normal;
|
||||
font-size: 0.8em;
|
||||
margin: 10px 0;
|
||||
}
|
||||
#work .position,
|
||||
#volunteer .position,
|
||||
#awards .awarder,
|
||||
#publications .publisher {
|
||||
margin-top: 10px;
|
||||
font-style: italic;
|
||||
}
|
||||
#work .highlights,
|
||||
#volunteer .highlights {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#work .highlights li,
|
||||
#volunteer .highlights li {
|
||||
font-size: 0.9em;
|
||||
|
||||
/* one column configration */
|
||||
width: 100%;
|
||||
|
||||
/* two column configration */
|
||||
/* width: 45%; */
|
||||
/* margin-right: 5%; */
|
||||
}
|
||||
#skills .keywords {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
font-size: 0.8em;
|
||||
margin-top: 10px;
|
||||
}
|
||||
#skills .keywords li {
|
||||
margin-right: 20px;
|
||||
}
|
||||
#skills .item .name,
|
||||
#languages .item .language,
|
||||
#profiles .item .network {
|
||||
font-weight: 900;
|
||||
}
|
||||
#languages .item,
|
||||
#profiles .item {
|
||||
width: 33.3%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#profiles .item .network {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
#profiles .item .url {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
#interests .name {
|
||||
font-size: 0.9em;
|
||||
font-style: italic;
|
||||
margin-right: 7px;
|
||||
}
|
||||
#interests .name:not(:last-child):after {
|
||||
content: ',';
|
||||
margin-left: -3px;
|
||||
}
|
||||
#contacts .item {
|
||||
flex: 1;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#profiles, #skills {
|
||||
overflow: hidden;
|
||||
}
|
||||
#contacts {
|
||||
margin-left: 25%;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
#contacts .site {
|
||||
align-self: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
#contacts .site a {
|
||||
color: #FF1717;
|
||||
opacity: 1;
|
||||
font-size: 1em;
|
||||
font-weight: 900;
|
||||
}
|
||||
#contacts .location .block span:not(:last-child):after {
|
||||
content: ', ';
|
||||
}
|
||||
#contacts .block {
|
||||
display: block;
|
||||
}
|
||||
#references .item {
|
||||
width: 45%;
|
||||
float: left;
|
||||
padding-right: 10%;
|
||||
}
|
||||
#references .item:nth-child(2n) {
|
||||
padding: 0;
|
||||
}
|
||||
#references .reference {
|
||||
font-style: normal;
|
||||
font-size: 0.7em;
|
||||
margin: 10px 0;
|
||||
font-style: italic;
|
||||
}
|
||||
#references .name {
|
||||
font-weight: 900;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
/* Smartphones (portrait) ----------- */
|
||||
@media (max-width: 599px) and (not print) {
|
||||
body {
|
||||
margin: 30px 0 40px;
|
||||
}
|
||||
#resume {
|
||||
padding: 0 35px;
|
||||
}
|
||||
#resume > section {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.summary {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
section {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
section > h3 {
|
||||
width: 100%;
|
||||
float: none;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
section > section, #references .item {
|
||||
width: 100%;
|
||||
flex: none;
|
||||
padding: 0;
|
||||
}
|
||||
section > .item:last-child, section.item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#contacts {
|
||||
margin-left: 0;
|
||||
}
|
||||
#languages .item, #profiles .item {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media print {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
margin: 0;
|
||||
}
|
||||
#resume {
|
||||
width: 85%;
|
||||
margin: 1cm auto;
|
||||
padding: 0;
|
||||
-ms-word-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
line-height: 1.3;
|
||||
font-family: Arial, Georgia, "Lucida Grande", sans-serif;
|
||||
}
|
||||
.summary {
|
||||
margin: 0.2cm 0 0.9cm 0;
|
||||
}
|
||||
#profiles {
|
||||
display: none;
|
||||
}
|
||||
#resume > section {
|
||||
margin: 0;
|
||||
}
|
||||
section > section {
|
||||
margin: 0;
|
||||
}
|
||||
#skills .level {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#skills .name {
|
||||
float: left;
|
||||
margin-right: 0.5cm;
|
||||
}
|
||||
#skills .keywords {
|
||||
margin-top: 0.1cm;
|
||||
}
|
||||
section#interests {
|
||||
margin-top: 1cm;
|
||||
margin-bottom: 1.2cm;
|
||||
}
|
||||
#contacts {
|
||||
width: 75%;
|
||||
float: right;
|
||||
}
|
||||
p {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@page {
|
||||
margin: 1cm 1.4cm;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="resume">
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
<div class="summary">
|
||||
<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>
|
||||
<section id="education">
|
||||
<h3>Education</h3>
|
||||
<section class="item">
|
||||
<div class="row">
|
||||
<div class="institution">
|
||||
University of Oklahoma
|
||||
</div>
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
June 2011
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- January 2014
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row education-sub-info">
|
||||
<span class="area">
|
||||
Information Technology
|
||||
</span>
|
||||
<span class="studyType">
|
||||
Bachelor
|
||||
</span>
|
||||
</div>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</section>
|
||||
</section>
|
||||
<section id="work">
|
||||
<h3>Work</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="name">
|
||||
Pied Piper
|
||||
</div>
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
December 2013
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- December 2014
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="url">
|
||||
<a href="http://piedpiper.example.com">http://piedpiper.example.com</a>
|
||||
</div>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>
|
||||
Awesome compression company
|
||||
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>
|
||||
<h5>Responsibilities:</h5>
|
||||
<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>
|
||||
<section id="volunteer">
|
||||
<h3>Volunteer</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="name">
|
||||
CoderDojo
|
||||
</div>
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
January 2012
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- January 2013
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="url">
|
||||
<a href="http://coderdojo.example.com/">http://coderdojo.example.com/</a>
|
||||
</div>
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<h5>Responsibilities:</h5>
|
||||
<ul class="highlights">
|
||||
<li>Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="awards">
|
||||
<h3>Awards</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="title">
|
||||
Digital Compression Pioneer Award
|
||||
</div>
|
||||
<div class="date">
|
||||
<span>
|
||||
November 2014
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="awarder">
|
||||
Techcrunch
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="publications">
|
||||
<h3>Publications</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="row">
|
||||
<div class="name">
|
||||
Video compression for 3d media
|
||||
</div>
|
||||
<div class="date">
|
||||
<span>
|
||||
October 2014
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="url">
|
||||
<a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)</a>
|
||||
</div>
|
||||
<div class="publisher">
|
||||
Hooli
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="skills">
|
||||
<h3>Skills</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Web Development
|
||||
</div>
|
||||
<div class="level">
|
||||
<em>Master</em>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Compression
|
||||
</div>
|
||||
<div class="level">
|
||||
<em>Master</em>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="languages">
|
||||
<h3>Languages</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="language">
|
||||
English
|
||||
</div>
|
||||
<div class="fluency">
|
||||
<em>Native speaker</em>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="interests">
|
||||
<h3>Interests</h3>
|
||||
<section>
|
||||
<div class="name">
|
||||
Wildlife
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="references">
|
||||
<h3>References</h3>
|
||||
<section>
|
||||
<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>
|
||||
</section>
|
||||
<section id="profiles">
|
||||
<h3>Profiles</h3>
|
||||
<section>
|
||||
<div class="item">
|
||||
<div class="network">
|
||||
Twitter
|
||||
</div>
|
||||
<div class="url">
|
||||
neutralthoughts
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="network">
|
||||
SoundCloud
|
||||
</div>
|
||||
<div class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section id="contacts">
|
||||
<div class="location item">
|
||||
<div class="block">
|
||||
<span class="countryCode">US</span>
|
||||
<span class="city">San Francisco</span>
|
||||
<span class="region">California</span>
|
||||
</div>
|
||||
<div class="block">
|
||||
<span class="address">2712 Broadway St</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="contacts item">
|
||||
<div class="block">
|
||||
<span class="email">contact@blapointe.com</span>
|
||||
</div>
|
||||
<div class="block">
|
||||
<span class="phone">(912) 555-4321</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="site item">
|
||||
<div class="block">
|
||||
<a href="http://richardhendricks.example.com" class="url">richardhendricks.example.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,804 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
||||
<title>Bree LaPointe</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
/********************************************
|
||||
* reset from
|
||||
* http://meyerweb.com/eric/tools/css/reset/
|
||||
*******************************************/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
/* Custom reset */
|
||||
.main-summary p,
|
||||
#publications .item,
|
||||
#skills .item,
|
||||
#languages .item,
|
||||
#references .item,
|
||||
#interests .item{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/****************
|
||||
* SMARTPHONES
|
||||
****************/
|
||||
em {
|
||||
color: #757575;
|
||||
}
|
||||
p {
|
||||
margin: 1em 0;
|
||||
}
|
||||
blockquote {
|
||||
margin: 0;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
strong {
|
||||
font-weight: 700;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
ul {
|
||||
margin-top: 1em;
|
||||
}
|
||||
div.item {
|
||||
margin: 1em 0 2em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
div.item:last-of-type {
|
||||
margin: 0;
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
/* Headers */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 700;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
h2,
|
||||
h3 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
a {
|
||||
color: #EB5F51;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Layout */
|
||||
body {
|
||||
background: #f2f2f2;
|
||||
line-height: 1.6;
|
||||
font-size: 13px;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
#resume {
|
||||
padding: 1rem 0;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
#header {
|
||||
padding: 0 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#resume > header div {
|
||||
display: table;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
#resume > header div.middle {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
|
||||
header img {
|
||||
display: block;
|
||||
width: 10em;
|
||||
border-radius: 0.275em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
header .name {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
header .label {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
section:not(.section) {
|
||||
padding: .5em 1rem;
|
||||
}
|
||||
|
||||
section#references {
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
section#basics {
|
||||
background: inherit;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
section#skills {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
section#education,
|
||||
section#work,
|
||||
.main-summary section {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
header::after {
|
||||
display: table;
|
||||
content: " ";
|
||||
clear: both;
|
||||
}
|
||||
|
||||
h2.section-title {
|
||||
text-align: left;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
color: #757575;
|
||||
padding: 1em 1rem 0;
|
||||
margin-bottom: 0.1275em;
|
||||
}
|
||||
|
||||
.date {
|
||||
font-weight: 700;
|
||||
color: #757575;
|
||||
}
|
||||
|
||||
.position, .area, .institution {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#interests .item, #languages .item {
|
||||
padding: 0 1em 1em 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.website::before {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-decoration: none;
|
||||
min-width: 1.25em;
|
||||
margin-right: 0.25em;
|
||||
text-align: center;
|
||||
content: '\f14c';
|
||||
}
|
||||
|
||||
#profiles, #skills, #interests, #languages {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-justify-content: flex-start;
|
||||
justify-content: flex-start;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
#profiles, #location {
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#profiles .item {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-right: 1em;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#interests ul {
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
#publications .name {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.courses li, .keywords li{
|
||||
display: inline-block;
|
||||
background: #f0f0f0;
|
||||
font-size: 0.9em;
|
||||
line-height: 1;
|
||||
color: #333;
|
||||
padding: 0.4em 0.8em;
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-right: 1px solid #ddd;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#publications .date {
|
||||
font-weight: normal;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#skills .item {
|
||||
min-width: 15em;
|
||||
padding: 0 .5em .8em 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
/* Skills chart */
|
||||
#skills .level .bar {
|
||||
border: 1px solid #ddd;
|
||||
display: block;
|
||||
width: 10em;
|
||||
height: 5px;
|
||||
margin: 0em 0 1em 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#skills .level .bar::after {
|
||||
position: absolute;
|
||||
content: " ";
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: black;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
#skills .level.beginner .bar::after {
|
||||
background: #EB5F51;
|
||||
width: 2.5em;
|
||||
}
|
||||
|
||||
#skills .level.intermediate .bar::after {
|
||||
background: #ffdf1f;
|
||||
width: 5em;
|
||||
}
|
||||
|
||||
#skills .level.advanced .bar::after {
|
||||
background: #59C596;
|
||||
width: 7.5em;
|
||||
}
|
||||
|
||||
#skills .level.master .bar::after {
|
||||
background: #5CB85C;
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
#references .item {
|
||||
padding-left: 1em;
|
||||
border-left: 5px solid #EB5F51;
|
||||
}
|
||||
|
||||
.fa.social {
|
||||
margin-right: 0.25em;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/* Social Media Brand Colors */
|
||||
.google-plus {
|
||||
color: #dd4b39;
|
||||
}
|
||||
|
||||
.tumblr {
|
||||
color:#32506d;
|
||||
}
|
||||
|
||||
.foursquare {
|
||||
color: #0072b1;
|
||||
}
|
||||
|
||||
.facebook {
|
||||
color: #3b5998;
|
||||
}
|
||||
|
||||
.linkedin {
|
||||
color: #007bb6;
|
||||
}
|
||||
|
||||
.pinterest {
|
||||
color: #cb2027;
|
||||
}
|
||||
|
||||
.dribbble {
|
||||
color: #ea4c89;
|
||||
}
|
||||
|
||||
.instagram {
|
||||
color: #517fa4;
|
||||
}
|
||||
|
||||
.twitter {
|
||||
color: #00aced;
|
||||
}
|
||||
|
||||
.soundcloud {
|
||||
color: #ff3a00;
|
||||
}
|
||||
|
||||
.wordpress {
|
||||
color: #21759b;
|
||||
}
|
||||
|
||||
.youtube {
|
||||
color: #bb0000;
|
||||
}
|
||||
|
||||
.github {
|
||||
color: #171515;
|
||||
}
|
||||
|
||||
.stack-overflow {
|
||||
color: #828386;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.flickr {
|
||||
color: #ff0084;
|
||||
}
|
||||
|
||||
.stack-overflow::after {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: '\f16c';
|
||||
color: #f68a1f;
|
||||
overflow: hidden;
|
||||
height: 40%;
|
||||
}
|
||||
|
||||
/******************
|
||||
* HELPER CLASSES
|
||||
******************/
|
||||
.fa {
|
||||
min-width: 1.25em;
|
||||
margin-right: 0.25em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.clear {
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
/****************
|
||||
* TABLET
|
||||
****************/
|
||||
@media screen and (min-width: 602px) {
|
||||
|
||||
#resume {
|
||||
width: 550px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
section > header > h3 {
|
||||
float:left;
|
||||
}
|
||||
section > header > .date {
|
||||
float: right;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/****************
|
||||
* LAPTOP
|
||||
****************/
|
||||
@media screen and (min-width: 1025px) {
|
||||
|
||||
#resume {
|
||||
width: 650px;
|
||||
padding: 3em;
|
||||
margin: 3em auto;
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.section {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-justify-content: space-between;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 1em;
|
||||
margin-top: 1em;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.section:last-of-type {
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
section > header {
|
||||
line-height: 1;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
h2.section-title {
|
||||
line-height: 1.1;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
section:not(.section) {
|
||||
width: 34.5em;
|
||||
padding: 0 1em 1em 0;
|
||||
margin-top:0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
section p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
section#basics {
|
||||
width: auto;
|
||||
padding-top: 1em;
|
||||
padding-left: 1em;
|
||||
padding-bottom: 0;
|
||||
border-top: 1px solid #eee;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
#profiles .item{
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
div {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#skills .item {
|
||||
padding-left:0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
div.item {
|
||||
margin-top: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="resume">
|
||||
<header id="header">
|
||||
<div>
|
||||
<h1 class="name">Bree LaPointe</h1>
|
||||
<h2 class="label">Programmer</h2>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<section id="basics">
|
||||
|
||||
<div id="location">
|
||||
<span class="fa fa-map-marker"></span>
|
||||
<span class="address">
|
||||
2712 Broadway St,
|
||||
</span>
|
||||
<span class="postalCode">
|
||||
CA 94115,
|
||||
</span>
|
||||
<span class="city">
|
||||
San Francisco
|
||||
</span>
|
||||
<span class="countryCode">
|
||||
(US),
|
||||
</span>
|
||||
<span class="region">
|
||||
California
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div id="contact">
|
||||
<div class="email">
|
||||
<span class="fa fa-envelope"></span>
|
||||
<a href="mailto:contact@blapointe.com">contact@blapointe.com</a>
|
||||
</div>
|
||||
<div class="phone">
|
||||
<span class="fa fa-phone-square"></span>
|
||||
(912) 555-4321
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="profiles">
|
||||
<div class="item">
|
||||
<span class="network fa fa-twitter twitter"></span>
|
||||
<span class="username">
|
||||
neutralthoughts
|
||||
</span>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="network fa fa-soundcloud soundcloud"></span>
|
||||
<span class="username">
|
||||
<span class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section main-summary">
|
||||
<h2 class='section-title'>About</h2>
|
||||
<section>
|
||||
<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>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Experience</h2>
|
||||
<section id="work">
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
December 2013
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- December 2014
|
||||
</span>
|
||||
</div>
|
||||
</header>
|
||||
<div class="item">
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</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>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Education</h2>
|
||||
<section id="education">
|
||||
<header>
|
||||
<h3 class="institution">
|
||||
University of Oklahoma
|
||||
</h3>
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
2011
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014
|
||||
</span>
|
||||
</div>
|
||||
</header>
|
||||
<div class="item">
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
</div>
|
||||
<div class="area">
|
||||
Information Technology
|
||||
</div>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Volunteer</h2>
|
||||
<section id="volunteer">
|
||||
<header>
|
||||
<h3 class="company">
|
||||
CoderDojo
|
||||
</h3>
|
||||
<div class="date">
|
||||
<span class="startDate">
|
||||
January 2012
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- January 2013
|
||||
</span>
|
||||
</header>
|
||||
<div class="item">
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
<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>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Awards</h2>
|
||||
<section id="awards">
|
||||
<div class="date">
|
||||
1 November 2014
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="title">
|
||||
Digital Compression Pioneer Award
|
||||
</div>
|
||||
<div class="awarder">
|
||||
Techcrunch
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Publications</h2>
|
||||
<section id="publications">
|
||||
<div class="item">
|
||||
<span class="name">
|
||||
Video compression for 3d media
|
||||
</span>
|
||||
<span class="publisher">
|
||||
in Hooli,
|
||||
</span>
|
||||
<span class="date">
|
||||
1 October 2014
|
||||
</span>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Skills</h2>
|
||||
<section id="skills">
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Web Development
|
||||
</div>
|
||||
<div class="level master">
|
||||
<em>Master</em>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Compression
|
||||
</div>
|
||||
<div class="level master">
|
||||
<em>Master</em>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>Languages</h2>
|
||||
<section id="languages">
|
||||
<div class="item">
|
||||
<div class="language">
|
||||
English
|
||||
</div>
|
||||
<div class="fluency">
|
||||
<em>Native speaker</em>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title' class='section-title'>Interests</h2>
|
||||
<section id="interests">
|
||||
<div class="item">
|
||||
<div class="name">
|
||||
Wildlife
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<h2 class='section-title'>References</h2>
|
||||
<section id="references">
|
||||
<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>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,200 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Bree LaPointe | Programmer | </title>
|
||||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||||
|
||||
<meta name="keywords" content="" />
|
||||
<meta name="description" content="" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" media="all" />
|
||||
<style>
|
||||
/*
|
||||
---------------------------------------------------------------------------------
|
||||
STRIPPED DOWN RESUME TEMPLATE
|
||||
html resume
|
||||
|
||||
v0.9: 5/28/09
|
||||
|
||||
design and code by: thingsthatarebrown.com
|
||||
(matt brown)
|
||||
---------------------------------------------------------------------------------
|
||||
*/
|
||||
|
||||
|
||||
.msg { padding: 10px; background: #222; position: relative; }
|
||||
.msg h1 { color: #fff; }
|
||||
.msg a { margin-left: 20px; background: #408814; color: white; padding: 4px 8px; text-decoration: none; }
|
||||
.msg a:hover { background: #266400; }
|
||||
|
||||
/* //-- yui-grids style overrides -- */
|
||||
body { font-family: Georgia; color: #444; }
|
||||
#inner { padding: 10px 80px; margin: 80px auto; background: #f5f5f5; border: solid #666; border-width: 8px 0 2px 0; }
|
||||
.yui-gf { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #ccc; }
|
||||
|
||||
/* //-- header, body, footer -- */
|
||||
#hd { margin: 2.5em 0 3em 0; padding-bottom: 1.5em; border-bottom: 1px solid #ccc }
|
||||
#hd h2 { text-transform: uppercase; letter-spacing: 2px; }
|
||||
#bd, #ft { margin-bottom: 2em; }
|
||||
|
||||
/* //-- footer -- */
|
||||
#ft { padding: 1em 0 5em 0; font-size: 92%; border-top: 1px solid #ccc; text-align: center; }
|
||||
#ft p { margin-bottom: 0; text-align: center; }
|
||||
|
||||
/* //-- core typography and style -- */
|
||||
#hd h1 { font-size: 48px; text-transform: uppercase; letter-spacing: 3px; }
|
||||
h2 { font-size: 152% }
|
||||
h3, h4 { font-size: 122%; }
|
||||
h1, h2, h3, h4 { color: #333; }
|
||||
p { font-size: 100%; line-height: 18px; padding-right: 3em; }
|
||||
a { color: #990003 }
|
||||
a:hover { text-decoration: none; }
|
||||
strong { font-weight: bold; }
|
||||
li { line-height: 24px; border-bottom: 1px solid #ccc; }
|
||||
p.enlarge { font-size: 144%; padding-right: 6.5em; line-height: 24px; }
|
||||
p.enlarge span { color: #000 }
|
||||
.contact-info { margin-top: 7px; }
|
||||
.first h2 { font-style: italic; }
|
||||
.last { border-bottom: 0 }
|
||||
|
||||
|
||||
/* //-- section styles -- */
|
||||
|
||||
a#pdf { display: block; float: left; background: #666; color: white; padding: 6px 50px 6px 12px; margin-bottom: 6px; text-decoration: none; }
|
||||
a#pdf:hover { background: #222; }
|
||||
|
||||
.job { position: relative; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ccc; }
|
||||
.job h4 { position: absolute; top: 0.35em; right: 0 }
|
||||
.job p { margin: 0.75em 0 3em 0; }
|
||||
|
||||
.last { border: none; }
|
||||
.skills-list { }
|
||||
.skills-list ul { margin: 0; }
|
||||
.skills-list li { margin: 3px 0; padding: 3px 0; }
|
||||
.skills-list li span { font-size: 152%; display: block; margin-bottom: -2px; padding: 0 }
|
||||
.talent { width: 32%; float: left }
|
||||
.talent h2 { margin-bottom: 6px; }
|
||||
|
||||
#srt-ttab { margin-bottom: 100px; text-align: center; }
|
||||
#srt-ttab img.last { margin-top: 20px }
|
||||
|
||||
/* --// override to force 1/8th width grids -- */
|
||||
.yui-gf .yui-u{width:80.2%;}
|
||||
.yui-gf div.first{width:12.3%;}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="doc2" class="yui-t7">
|
||||
<div id="inner">
|
||||
<div id="hd">
|
||||
<div class="yui-gc">
|
||||
<div class="yui-u first">
|
||||
<h1>Bree LaPointe</h1>
|
||||
<h2>Programmer</h2>
|
||||
</div>
|
||||
|
||||
<div class="yui-u">
|
||||
<div class="contact-info">
|
||||
<h3><a id="pdf" href="#">Download as PDF</a></h3>
|
||||
<h3><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></h3>
|
||||
<h3>(912) 555-4321</h3>
|
||||
</div><!--// .contact-info -->
|
||||
</div>
|
||||
</div><!--// .yui-gc -->
|
||||
</div><!--// hd -->
|
||||
|
||||
<div id="bd">
|
||||
<div id="yui-main">
|
||||
<div class="yui-b">
|
||||
|
||||
<div class="yui-gf">
|
||||
<div class="yui-u first">
|
||||
<h2>Profile</h2>
|
||||
</div>
|
||||
<div class="yui-u">
|
||||
<p class="enlarge">
|
||||
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><!--// .yui-gf -->
|
||||
|
||||
<div class="yui-gf">
|
||||
<div class="yui-u first">
|
||||
<h2>Skills</h2>
|
||||
</div>
|
||||
<div class="yui-u">
|
||||
<div class="talent">
|
||||
<h2>Web Development</h2>
|
||||
<p>HTML</p>
|
||||
<p>CSS</p>
|
||||
<p>Javascript</p>
|
||||
</div>
|
||||
<div class="talent">
|
||||
<h2>Compression</h2>
|
||||
<p>Mpeg</p>
|
||||
<p>MP4</p>
|
||||
<p>GIF</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// .yui-gf -->
|
||||
|
||||
<div class="yui-gf">
|
||||
<div class="yui-u first">
|
||||
<h2>Experience</h2>
|
||||
</div><!--// .yui-u -->
|
||||
|
||||
<div class="yui-u">
|
||||
<div class="job last">
|
||||
<h2></h2>
|
||||
<h3>CEO/President</h3>
|
||||
<h4>2013-12-01 -
|
||||
2014-12-01
|
||||
</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.<br>
|
||||
• Build an algorithm for artist to detect if their music was violating copy right infringement laws<br>
|
||||
• Successfully won Techcrunch Disrupt<br>
|
||||
• Optimized an algorithm that holds the current world record for Weisman Scores<br>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--// .yui-u -->
|
||||
</div><!--// .yui-gf -->
|
||||
|
||||
<div class="yui-gf">
|
||||
<div class="yui-u first">
|
||||
<h2>Languages</h2>
|
||||
</div>
|
||||
<div class="yui-u">
|
||||
<div class="talent">
|
||||
<h2>English</h2>
|
||||
<p>Native speaker</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--// .yui-gf -->
|
||||
<div class="yui-gf last">
|
||||
<div class="yui-u first">
|
||||
<h2>Education</h2>
|
||||
</div>
|
||||
<div class="yui-u">
|
||||
<h2>University of Oklahoma</h2>
|
||||
<h3>Information Technology, Bachelor
|
||||
</h3>
|
||||
<h4>• DB1101 - Basic SQL</h4>
|
||||
<h4>• CS2011 - Java Introduction</h4>
|
||||
<br>
|
||||
</div>
|
||||
</div><!--// .yui-gf -->
|
||||
</div><!--// .yui-b -->
|
||||
</div><!--// yui-main -->
|
||||
</div><!--// bd -->
|
||||
|
||||
<div id="ft">
|
||||
<p>Bree LaPointe — <a href="mailto:contact@blapointe.com">contact@blapointe.com</a> — (912) 555-4321</p>
|
||||
</div><!--// footer -->
|
||||
</div><!-- // inner -->
|
||||
</div><!--// doc -->
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,359 @@
|
|||
<!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>
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1.5;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto);
|
||||
html,
|
||||
button,
|
||||
input,
|
||||
textarea {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
:root {
|
||||
--text: #333333;
|
||||
--headline: #c9cccf;
|
||||
--sub-headline: #96999b;
|
||||
--primary: rgb(207, 214, 255);
|
||||
--secondary: rgb(238, 245, 255);
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
padding: 4rem 2rem;
|
||||
max-width: 600px;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-top: 2rem;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
color: var(--headline);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
display: block;
|
||||
text-transform: uppercase;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1.2px;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
color: var(--sub-headline);
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
p,
|
||||
li {
|
||||
margin-bottom: 0.25rem;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: box-shadow 160ms ease 0s;
|
||||
box-shadow: var(--secondary) 0px -9px 0px inset;
|
||||
border-bottom: 2px solid var(--primary);
|
||||
text-decoration: none;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
box-shadow: var(--primary) 0px -1.2em 0px inset;
|
||||
}
|
||||
|
||||
section ul {
|
||||
margin-top: 0.5rem;
|
||||
margin-left: 2.5rem;
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
.contact {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
.contact span {
|
||||
width: 100px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.skills ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.skills li {
|
||||
margin-bottom: 1rem;
|
||||
margin-right: 0.5rem;
|
||||
padding: 0.25rem 1rem;
|
||||
background-color: var(--secondary);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.position {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.grey {
|
||||
color: var(--sub-headline);
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.pdf {
|
||||
color: var(--headline);
|
||||
transition: color ease 160ms;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.pdf:hover {
|
||||
box-shadow: none;
|
||||
color: var(--sub-headline);
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
padding: 0rem;
|
||||
}
|
||||
|
||||
section,
|
||||
div {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.pdf {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="resume">
|
||||
<div class="header">
|
||||
<h1>Bree LaPointe</h1>
|
||||
</div>
|
||||
|
||||
<p>Programmer</p>
|
||||
|
||||
<p class="grey">San Francisco, US</p>
|
||||
|
||||
<p class="grey">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 class="position">
|
||||
<h2>Work Experience</h2>
|
||||
<h3>
|
||||
|
||||
</h3>
|
||||
|
||||
<h4>
|
||||
CEO/President
|
||||
|
||||
| Invalid date
|
||||
|
||||
- Invalid date
|
||||
</h4>
|
||||
|
||||
<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>
|
||||
</section>
|
||||
<section class="position">
|
||||
<h2>Education</h2>
|
||||
<h3>University of Oklahoma</h3>
|
||||
<h4>
|
||||
Bachelor
|
||||
|
||||
-
|
||||
Information Technology
|
||||
|
||||
| Jun, 2011
|
||||
|
||||
- Invalid date
|
||||
</h4>
|
||||
</section>
|
||||
<section class="position">
|
||||
<h2>Projects</h2>
|
||||
<h3>
|
||||
Video compression for 3d media
|
||||
</h3>
|
||||
|
||||
<h4>
|
||||
Invalid date
|
||||
</h4>
|
||||
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</section>
|
||||
<h2>Contact Information</h2>
|
||||
<section class="contact">
|
||||
|
||||
<p>
|
||||
<span>Email:</span>
|
||||
<a href="mailto:contact@blapointe.com" target="_blank" rel="noopener noreferrer">contact@blapointe.com</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<span>Phone:</span> (912) 555-4321
|
||||
</p>
|
||||
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,248 @@
|
|||
<!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" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css" />
|
||||
|
||||
<style>a {
|
||||
color: #364fc7;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.lt-dash::before {
|
||||
content: "- ";
|
||||
}
|
||||
|
||||
@media print {
|
||||
ul,
|
||||
.item {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="sans-serif black bg-white">
|
||||
<div id="resume" class="mw8 center mb6 pa3">
|
||||
<header class="tc pv4">
|
||||
<h1 class="f4 fw6">Bree LaPointe</h1>
|
||||
<h2 class="f6 fw2 ttu tracked gray">Programmer</h2>
|
||||
</header>
|
||||
<section id="basics">
|
||||
<div class="contact flex justify-between">
|
||||
<ul class="list pl0">
|
||||
|
||||
<li class="mb1"><a href="mailto:contact@blapointe.com">contact@blapointe.com</a></li>
|
||||
<li class="mb1">(912) 555-4321</li>
|
||||
<li class="mb1">2712 Broadway St, CA 94115,
|
||||
San Francisco, California, US.</li>
|
||||
</ul>
|
||||
|
||||
<ul class="list pl0 tr">
|
||||
<li class="mb1 network">
|
||||
<span class="ttl gray">Twitter / </span><a href="">neutralthoughts</a>
|
||||
</li>
|
||||
<li class="mb1 network">
|
||||
<span class="ttl gray">SoundCloud / </span><a href="https://soundcloud.example.com/dandymusicnl">dandymusicnl</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="summary lh-copy">
|
||||
<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>
|
||||
</section>
|
||||
<section id="skills">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Skills</h2>
|
||||
<div class="flex flex-wrap">
|
||||
<div class="item w-25">
|
||||
<h3 class="f4 fw4 mb0 mt0 lh-copy name">
|
||||
Web Development
|
||||
</h3>
|
||||
<h4 class="level f7 fw3 black-50 tracked ttu mt0">Master</h4>
|
||||
<ul class="list pl0">
|
||||
<li class="mb1 lt-dash">HTML</li>
|
||||
<li class="mb1 lt-dash">CSS</li>
|
||||
<li class="mb1 lt-dash">Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="item w-25">
|
||||
<h3 class="f4 fw4 mb0 mt0 lh-copy name">
|
||||
Compression
|
||||
</h3>
|
||||
<h4 class="level f7 fw3 black-50 tracked ttu mt0">Master</h4>
|
||||
<ul class="list pl0">
|
||||
<li class="mb1 lt-dash">Mpeg</li>
|
||||
<li class="mb1 lt-dash">MP4</li>
|
||||
<li class="mb1 lt-dash">GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="languages">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Languages</h2>
|
||||
|
||||
<div class="flex flex-wrap">
|
||||
<div class="w-25">
|
||||
<h3 class="f4 fw4 mt0 mb0">English</h3>
|
||||
<h4 class="f7 fw3 tracked ttu gray mt2">Native speaker</h4>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="work">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Experience</h2>
|
||||
<div class="item">
|
||||
|
||||
|
||||
<h3 class="position f5 fw5 lh-copy mb0">
|
||||
CEO/President
|
||||
</h3>
|
||||
|
||||
<div class="gray fw2 date">
|
||||
<span class="startDate">
|
||||
2013-12-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
→ 2014-12-01
|
||||
</span>
|
||||
</div>
|
||||
<div class="summary lh-copy">
|
||||
<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 list pl2">
|
||||
<li class="mb2 lt-dash">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="mb2 lt-dash">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="mb2 lt-dash">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section id="references">
|
||||
<h2 class="f3 fw5 lh-copy mt4">References</h2>
|
||||
<div class="item mb4">
|
||||
<blockquote class="reference pl0 ml0 mb0 f4 lh-copy gray quotes">
|
||||
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>
|
||||
<h3 class="name f5 fw5 mt2">
|
||||
Erlich Bachman
|
||||
</h3>
|
||||
</div>
|
||||
</section>
|
||||
<section id="volunteer">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Volunteer</h2>
|
||||
<div class="item">
|
||||
<h3 class="company f4 fw5 lh-copy mb0">
|
||||
CoderDojo
|
||||
</h3>
|
||||
|
||||
<h3 class="position f5 fw5 lh-copy mb0">
|
||||
Teacher
|
||||
</h3>
|
||||
|
||||
<div class="gray fw2 date">
|
||||
<span class="startDate">
|
||||
2012-01-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
→ 2013-01-01
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<ul class="highlights list pl2">
|
||||
<li class="lt-dash mb1">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section id="education">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Education</h2>
|
||||
<div class="item">
|
||||
<h3 class="company f4 fw5 lh-copy mb0">University of Oklahoma</h3>
|
||||
<h4 class="company f5 fw5 mt0 mb2">
|
||||
Information Technology
|
||||
</h4>
|
||||
<h4 class="position f5 fw5 lh-copy mt3 mb0">
|
||||
Bachelor
|
||||
|
||||
</h4>
|
||||
<div class="gray fw2 date">
|
||||
<span class="startDate">
|
||||
2011-06-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
→ 2014-01-01
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<ul class="courses list pl2">
|
||||
<li class="lt-dash mb1">DB1101 - Basic SQL</li>
|
||||
<li class="lt-dash mb1">CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section id="awards">
|
||||
<h2 class="f3 fw5 lh-copy mt5">Awards</h2>
|
||||
<div class="item">
|
||||
<h3 class="position f4 fw5 lh-copy mb0">
|
||||
Digital Compression Pioneer Award
|
||||
</h3>
|
||||
<h4 class="position f5 fw5 lh-copy mt3 mb0">
|
||||
Techcrunch
|
||||
</h4>
|
||||
|
||||
<div class="gray fw2 date">
|
||||
2014-11-01
|
||||
</div>
|
||||
|
||||
<div class="summary">
|
||||
<p>There is no spoon.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="publications">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Publications</h2>
|
||||
<div class="item">
|
||||
<h3 class="name f4 fw5 lh-copy mb0">
|
||||
Video compression for 3d media
|
||||
</h3>
|
||||
|
||||
|
||||
<h3 class="position f5 fw5 lh-copy mb0">
|
||||
Hooli
|
||||
</h3>
|
||||
|
||||
<div class="gray fw2 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="interests">
|
||||
<h2 class="f3 fw5 lh-copy mt4">Interests</h2>
|
||||
<div class="flex flex-wrap">
|
||||
<div class="w-25">
|
||||
<h3 class="f4 fw4 mt0 mb0 lh-copy name">
|
||||
Wildlife
|
||||
</h3>
|
||||
<ul class="list pl0">
|
||||
<li class="mb1 lt-dash">Ferrets</li>
|
||||
<li class="mb1 lt-dash">Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,588 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Resume of Bree LaPointe</title>
|
||||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
|
||||
<link href='http://fonts.googleapis.com/css?family=Rokkitt:400,700|Lato:400,300' rel='stylesheet' type='text/css'>
|
||||
<style type="text/css">
|
||||
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
|
||||
border:0;
|
||||
font:inherit;
|
||||
font-size:100%;
|
||||
margin:0;
|
||||
padding:0;
|
||||
vertical-align:baseline;
|
||||
}
|
||||
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
|
||||
display:block;
|
||||
}
|
||||
|
||||
html, body {background: #181818; font-family: 'Lato', helvetica, arial, sans-serif; font-size: 16px; color: #222;}
|
||||
|
||||
.clear {clear: both;}
|
||||
|
||||
p {
|
||||
font-size: 1em;
|
||||
line-height: 1.4em;
|
||||
margin-bottom: 20px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#cv {
|
||||
width: 90%;
|
||||
max-width: 1000px;
|
||||
background: #f3f3f3;
|
||||
margin: 30px auto;
|
||||
}
|
||||
|
||||
.mainDetails {
|
||||
padding: 25px 35px;
|
||||
border-bottom: 2px solid #cf8a05;
|
||||
background: #ededed;
|
||||
}
|
||||
|
||||
#name h1 {
|
||||
font-size: 3.3em;
|
||||
font-weight: 700;
|
||||
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
|
||||
margin-bottom: -6px;
|
||||
}
|
||||
|
||||
#name h2 {
|
||||
font-size: 2.6em;
|
||||
margin-left: 2px;
|
||||
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
#mainArea {
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
#headshot {
|
||||
width: 20%;
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
#headshot img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
-webkit-border-radius: 100px;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
#name {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#contactDetails {
|
||||
float: right;
|
||||
width: 38%;
|
||||
}
|
||||
|
||||
#contactDetails ul {
|
||||
list-style-type: none;
|
||||
font-size: 0.9em;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#contactDetails ul li {
|
||||
margin-bottom: 3px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
#contactDetails ul li a, a[href^=tel] {
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .3s ease-in;
|
||||
-moz-transition: all .3s ease-in;
|
||||
-o-transition: all .3s ease-in;
|
||||
-ms-transition: all .3s ease-in;
|
||||
transition: all .3s ease-in;
|
||||
}
|
||||
|
||||
#contactDetails ul li a:hover {
|
||||
color: #cf8a05;
|
||||
}
|
||||
|
||||
|
||||
section {
|
||||
border-top: 1px solid #dedede;
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
|
||||
section:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
section:last-child {
|
||||
padding: 20px 0 10px;
|
||||
}
|
||||
|
||||
.sectionTitle {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.sectionContent {
|
||||
float: right;
|
||||
width: 72.5%;
|
||||
}
|
||||
|
||||
.sectionTitle h1 {
|
||||
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
|
||||
font-style: italic;
|
||||
font-size: 1.5em;
|
||||
color: #cf8a05;
|
||||
}
|
||||
|
||||
.sectionContent h2 {
|
||||
font-family: 'Rokkitt', Helvetica, Arial, sans-serif;
|
||||
font-size: 1.5em;
|
||||
margin-bottom: -2px;
|
||||
}
|
||||
|
||||
.subDetails {
|
||||
font-size: 0.8em;
|
||||
font-style: italic;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.keySkills {
|
||||
list-style-type: none;
|
||||
-moz-column-count:3;
|
||||
-webkit-column-count:3;
|
||||
column-count:3;
|
||||
margin-bottom: 20px;
|
||||
font-size: 1em;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.keySkills ul li {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.contact-item{
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.contact-item .icon{
|
||||
padding: 10px;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #32475c;
|
||||
background: #eee;
|
||||
}
|
||||
.contact-item:last-child .icon{
|
||||
border-bottom: none;
|
||||
}
|
||||
.contact-item .title{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
font-weight: 700;
|
||||
opacity: 0.9;
|
||||
}
|
||||
.contact-item .title.only{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.contact-item .description{
|
||||
width: 80%;
|
||||
width: calc(100% - 55px);
|
||||
color: #334960;
|
||||
}
|
||||
|
||||
.badge{
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px 10px;
|
||||
background: #32475C;
|
||||
position: relative;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media all and (min-width: 602px) and (max-width: 800px) {
|
||||
#headshot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.keySkills {
|
||||
-moz-column-count:2;
|
||||
-webkit-column-count:2;
|
||||
column-count:2;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 601px) {
|
||||
#cv {
|
||||
width: 95%;
|
||||
margin: 10px auto;
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
#headshot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#name, #contactDetails {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sectionTitle, .sectionContent {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionTitle {
|
||||
margin-left: -2px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.keySkills {
|
||||
-moz-column-count:2;
|
||||
-webkit-column-count:2;
|
||||
column-count:2;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 480px) {
|
||||
.mainDetails {
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 15px 0 0;
|
||||
}
|
||||
|
||||
#mainArea {
|
||||
padding: 0 25px;
|
||||
}
|
||||
|
||||
|
||||
.keySkills {
|
||||
-moz-column-count:1;
|
||||
-webkit-column-count:1;
|
||||
column-count:1;
|
||||
}
|
||||
|
||||
#name h1 {
|
||||
line-height: .8em;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
#cv {
|
||||
width: 100%;
|
||||
}
|
||||
html, body {
|
||||
width:100%;
|
||||
height:auto;
|
||||
margin:inherit;
|
||||
padding:0;
|
||||
}
|
||||
a[href]:after {
|
||||
content: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes reset {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes reset {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes reset {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
40% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.instaFade {
|
||||
-webkit-animation-name: reset, fade-in;
|
||||
-webkit-animation-duration: 1.5s;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
|
||||
-moz-animation-name: reset, fade-in;
|
||||
-moz-animation-duration: 1.5s;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
|
||||
animation-name: reset, fade-in;
|
||||
animation-duration: 1.5s;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
|
||||
.quickFade {
|
||||
-webkit-animation-name: reset, fade-in;
|
||||
-webkit-animation-duration: 2.5s;
|
||||
-webkit-animation-timing-function: ease-in;
|
||||
|
||||
-moz-animation-name: reset, fade-in;
|
||||
-moz-animation-duration: 2.5s;
|
||||
-moz-animation-timing-function: ease-in;
|
||||
|
||||
animation-name: reset, fade-in;
|
||||
animation-duration: 2.5s;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
|
||||
.delayOne {
|
||||
-webkit-animation-delay: 0, .5s;
|
||||
-moz-animation-delay: 0, .5s;
|
||||
animation-delay: 0, .5s;
|
||||
}
|
||||
|
||||
.delayTwo {
|
||||
-webkit-animation-delay: 0, 1s;
|
||||
-moz-animation-delay: 0, 1s;
|
||||
animation-delay: 0, 1s;
|
||||
}
|
||||
|
||||
.delayThree {
|
||||
-webkit-animation-delay: 0, 1.5s;
|
||||
-moz-animation-delay: 0, 1.5s;
|
||||
animation-delay: 0, 1.5s;
|
||||
}
|
||||
|
||||
.delayFour {
|
||||
-webkit-animation-delay: 0, 2s;
|
||||
-moz-animation-delay: 0, 2s;
|
||||
animation-delay: 0, 2s;
|
||||
}
|
||||
|
||||
.delayFive {
|
||||
-webkit-animation-delay: 0, 2.5s;
|
||||
-moz-animation-delay: 0, 2.5s;
|
||||
animation-delay: 0, 2.5s;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body id="top">
|
||||
<div id="cv" class="instaFade">
|
||||
<div class="mainDetails">
|
||||
<div id="headshot" class="quickFade">
|
||||
<img src="" alt="avatar" />
|
||||
</div>
|
||||
<div id="name">
|
||||
<h1 class="quickFade delayTwo">Bree LaPointe</h1>
|
||||
<h2 class="quickFade delayThree">Programmer</h2>
|
||||
</div>
|
||||
<div id="contactDetails" class="quickFade delayFour">
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-map-marker fa-fw"></span></div>
|
||||
<div class="title pull-right">2712 Broadway St</div>
|
||||
<div class="title pull-right">San Francisco, California CA 94115 US</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-phone fa-fw"></span></div>
|
||||
<div class="title only pull-right">(912) 555-4321</div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-envelope fa-fw"></span></div>
|
||||
<div class="title only pull-right"><a href="mailto:contact@blapointe.com" target="_blank">contact@blapointe.com</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-twitter fa-fw"></span></div>
|
||||
<div class="description pull-right"><a href="" target="_blank">neutralthoughts</a></div>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<div class="icon pull-left text-center"><span class="fa fa-soundcloud fa-fw"></span></div>
|
||||
<div class="description pull-right"><a href="https://soundcloud.example.com/dandymusicnl" target="_blank">dandymusicnl</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div id="mainArea" class="quickFade delayFive">
|
||||
<section>
|
||||
<article>
|
||||
<div class="sectionTitle">
|
||||
<h1>About</h1>
|
||||
</div>
|
||||
<div class="sectionContent">
|
||||
<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>
|
||||
</article>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="sectionTitle">
|
||||
<h1><B>WORK EXPERIENCE</B></h1>
|
||||
</div>
|
||||
<div class="sectionContent">
|
||||
<article>
|
||||
<h2>CEO/President at , Palo Alto, CA</h2>
|
||||
<p class="subDetails">December 2013 – December 2014</p>
|
||||
<ul class="info">
|
||||
<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>
|
||||
<br/>
|
||||
</article>
|
||||
<br>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="sectionTitle">
|
||||
<h1><B>CERTIFICATIONS</B></h1>
|
||||
</div>
|
||||
<div class="sectionContent">
|
||||
<article>
|
||||
</article>
|
||||
<br>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="sectionTitle">
|
||||
<h1><B>PROJECTS</B></h1>
|
||||
</div>
|
||||
<div class="sectionContent">
|
||||
<article>
|
||||
<h2>Miss Direction</h2>
|
||||
<p class="subDetails">August 2016 – August 2016</p>
|
||||
<ul class="info">
|
||||
<li>Won award at AIHacks 2016</li>
|
||||
<li>Built by all women team of newbie programmers</li>
|
||||
<li>Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</li>
|
||||
</ul>
|
||||
<br/>
|
||||
</article>
|
||||
<br>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="sectionTitle">
|
||||
<h1><B>SKILLS</B></h1>
|
||||
</div>
|
||||
<div class="sectionContent">
|
||||
<article>
|
||||
<div class="info">
|
||||
<br/><h2>Web Development</h2>
|
||||
<div class="info">
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 subDetails">
|
||||
<span class= "skill badge">HTML </span>
|
||||
<span class= "skill badge">CSS </span>
|
||||
<span class= "skill badge">Javascript </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<div class="info">
|
||||
<br/><h2>Compression</h2>
|
||||
<div class="info">
|
||||
<span class="skill-level">Master</span>
|
||||
</div>
|
||||
<div class="col-sm-offset-1 col-sm-12 subDetails">
|
||||
<span class= "skill badge">Mpeg </span>
|
||||
<span class= "skill badge">MP4 </span>
|
||||
<span class= "skill badge">GIF </span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
<section>
|
||||
<!-- EDUCATION -->
|
||||
<div class="sectionTitle">
|
||||
<h1><B>EDUCATION</B></h1>
|
||||
</div>
|
||||
<div class="sectionContent">
|
||||
<article>
|
||||
<h2>University of Oklahoma</h2>
|
||||
<p class="subDetails">Bachelor in Information Technology</p>
|
||||
<p class="subDetails">2011 - 2014</p>
|
||||
<div class="subDetails">Courses</div>
|
||||
<ul class="info">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</article>
|
||||
<br>
|
||||
</div>
|
||||
<div class="clear" />
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
var pageTracker = _gat._getTracker("UA-3753241-1");
|
||||
pageTracker._initData();
|
||||
pageTracker._trackPageview();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha256-l85OmPOjvil/SOvVt3HnSSjzF1TUMyT9eV0c2BzEGzU=" crossorigin="anonymous" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
|
||||
<title>Bree LaPointe</title>
|
||||
|
||||
<style>
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fafafa;
|
||||
font-family: "Roboto", sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
.page {
|
||||
width: 210mm;
|
||||
min-height: 297mm;
|
||||
padding: 10mm;
|
||||
margin: 10mm auto;
|
||||
border: 1px #d3d3d3 solid;
|
||||
border-radius: 5px;
|
||||
background: white;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 0;
|
||||
}
|
||||
@media print {
|
||||
html,
|
||||
body {
|
||||
width: 210mm;
|
||||
height: 297mm;
|
||||
}
|
||||
.page {
|
||||
margin: 0;
|
||||
border: initial;
|
||||
border-radius: initial;
|
||||
width: initial;
|
||||
min-height: initial;
|
||||
box-shadow: initial;
|
||||
background: initial;
|
||||
page-break-after: always;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 15pt;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 0;
|
||||
margin: 2px 0 15px 0;
|
||||
}
|
||||
.title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.endDate,
|
||||
.startDate {
|
||||
color: #444;
|
||||
}
|
||||
section {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page">
|
||||
<h1>Bree LaPointe</h1>
|
||||
<section id="basics">
|
||||
San Francisco
|
||||
US
|
||||
/
|
||||
(912) 555-4321 /
|
||||
contact@blapointe.com
|
||||
</section>
|
||||
<section id="work">
|
||||
<br />
|
||||
<span class="startDate">
|
||||
2013-12-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014-12-01
|
||||
</span>
|
||||
</div>
|
||||
<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 class="date">
|
||||
<span class="startDate">
|
||||
2013-12-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014-12-01
|
||||
</span>
|
||||
</div>
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</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>
|
||||
-->
|
||||
</section>
|
||||
<section id="education">
|
||||
<div class="title">EDUCATION</div>
|
||||
<div>
|
||||
<strong>University of Oklahoma,</strong>
|
||||
<span class="startDate">
|
||||
2011-06-01
|
||||
</span>
|
||||
<span class="endDate">
|
||||
- 2014-01-01
|
||||
</span>
|
||||
</div>
|
||||
Bachelor
|
||||
</section>
|
||||
<section id="awards">
|
||||
<div class="title">AWARDS</div>
|
||||
<div class="item">
|
||||
Digital Compression Pioneer Award (Techcrunch)
|
||||
</div>
|
||||
</section>
|
||||
<section id="interests">
|
||||
<div class="title">HOBBIES</div>
|
||||
Wildlife
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,921 @@
|
|||
<!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: #D2D4D3;
|
||||
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: #E6EAED !important;
|
||||
margin-bottom: -99999px;
|
||||
padding-bottom: 99999px;
|
||||
}
|
||||
|
||||
.sidebar, .sidebar h1 {
|
||||
color: #656567 !important;
|
||||
}
|
||||
|
||||
|
||||
.sidebar h2 {
|
||||
color: #ffffff;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem !important;
|
||||
background: #646466;
|
||||
padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
margin: 5rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.avatar img {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.section-education .item {
|
||||
margin-bottom: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.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: 0 5rem 0 5rem;
|
||||
padding-bottom: 0px;
|
||||
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: #646466;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem !important;
|
||||
background: #E6EAED;
|
||||
padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
|
||||
}
|
||||
|
||||
.content a:link, .content a:hover, .content a:visited {
|
||||
text-decoration: none;
|
||||
color: #6D6D6D;
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
.section-name {
|
||||
margin: 0rem 0 5rem 0;
|
||||
background: #E6EAED;
|
||||
padding: 6rem 0 4rem 0;
|
||||
}
|
||||
|
||||
.section-name h2 {
|
||||
color: #6D6D6D;
|
||||
text-transform: unset;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-top: 5rem;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.section-summary {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.section-work .item {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.section-work .item .position {
|
||||
font-weight: bold;
|
||||
color: #252324;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.section-work .item .company {
|
||||
padding: 0.5rem 0 0.5rem 0;
|
||||
color: #605E5F;
|
||||
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: #252324;
|
||||
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: #252324;
|
||||
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: #252324;
|
||||
}
|
||||
|
||||
.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: #252324;
|
||||
}
|
||||
|
||||
.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;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.section-contact .fa {
|
||||
padding: 0.8rem 0 0 0;
|
||||
color: #646466;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin: 0 auto 0.8rem auto;
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.section-contact ul li span {
|
||||
text-align: center;
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
/* Print */
|
||||
@media print {
|
||||
*, :after, :before{
|
||||
color: #646466 !important;
|
||||
}
|
||||
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: 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 2rem 2rem 3rem;
|
||||
background: #E6EAED !important;
|
||||
margin-bottom: -99999px;
|
||||
padding-bottom: 99999px;
|
||||
}
|
||||
|
||||
.sidebar, .sidebar h1 {
|
||||
color: #656567 !important;
|
||||
}
|
||||
|
||||
|
||||
.sidebar h2 {
|
||||
color: #ffffff !important;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
letter-spacing: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem !important;
|
||||
background: #646466 !important;
|
||||
padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
|
||||
}
|
||||
|
||||
.sidebar h2 span{
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
margin: 5rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.avatar img {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.section-education .item {
|
||||
margin-bottom: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.sidebar .section-skills .keywords span.label{
|
||||
display: inline-block !important;
|
||||
margin-bottom: 0.3rem !important;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.content {
|
||||
padding: 0 3rem 0 2rem;
|
||||
padding-bottom: 0px;
|
||||
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: #646466 !important;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
font-size: 1.5rem !important;
|
||||
letter-spacing: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1rem !important;
|
||||
background: #E6EAED !important;
|
||||
padding: 0.5rem 0.5rem 0.5rem 0.5rem !important;
|
||||
}
|
||||
|
||||
.content a:link, .content a:hover, .content a:visited {
|
||||
text-decoration: none;
|
||||
color: #6D6D6D;
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
.section-name {
|
||||
margin: 0rem 0 5rem 0 !important;
|
||||
background: #E6EAED !important;
|
||||
padding: 6rem 0 4rem 0 !important;
|
||||
}
|
||||
|
||||
.section-name h1 {
|
||||
font-size: 2.8rem !important;
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.section-name h2 {
|
||||
color: #6D6D6D !important;
|
||||
text-transform: capitalize;
|
||||
text-align: center;
|
||||
font-size: 1.5rem !important;
|
||||
letter-spacing: 0.5rem;
|
||||
font-weight: bold;
|
||||
margin-top: 5rem;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.section-summary {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.section-work .item {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.section-work .item .position {
|
||||
font-weight: bold;
|
||||
color: #252324;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.section-work .item .company {
|
||||
padding: 0.5rem 0 0.5rem 0;
|
||||
color: #605E5F;
|
||||
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: #252324;
|
||||
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: #252324;
|
||||
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: #252324;
|
||||
}
|
||||
|
||||
.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: #252324;
|
||||
}
|
||||
|
||||
.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;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.section-contact .fa {
|
||||
padding: 0.8rem 0 0 0;
|
||||
color: #646466 !important;
|
||||
text-align: center;
|
||||
display: block;
|
||||
margin: 0 auto 0.8rem auto;
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.section-contact ul li span {
|
||||
text-align: center;
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
</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-2x fa-map-marker"></i>
|
||||
2712 Broadway St
|
||||
CA 94115
|
||||
San Francisco
|
||||
California
|
||||
US
|
||||
</li>
|
||||
<li class="icon-item clearfix">
|
||||
<i class="fa fa-2x fa-envelope "></i>
|
||||
contact@blapointe.com
|
||||
</li>
|
||||
<li class="icon-item clearfix">
|
||||
<i class="fa fa-2x fa-phone "></i>
|
||||
(912) 555-4321
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="profiles">
|
||||
<li class="icon-item clearfix">
|
||||
<i class="fa fa-2x fa-twitter "></i>
|
||||
<span></span>
|
||||
</li>
|
||||
<li class="icon-item clearfix">
|
||||
<i class="fa fa-2x 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 'Teacher of the Month'</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>
|
||||
|
|
@ -0,0 +1,620 @@
|
|||
<!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" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
|
||||
|
||||
<style type="text/css">
|
||||
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic|Playfair+Display+SC|Open+Sans+Condensed:300,300italic,700);
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
font-size: 14px;
|
||||
font-family: 'Playfair Display', serif;
|
||||
margin: 0 0 80px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1c89ff;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:hover {
|
||||
color: #1c89ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p+p {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
font-family: 'Open Sans Condensed', sans-serif;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin: 0.2em 0;
|
||||
font-family: 'Playfair Display SC', serif;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
font-size: 6em;
|
||||
margin: 0.07em 0;
|
||||
}
|
||||
|
||||
header h2 {
|
||||
font-size: 16px;
|
||||
font-family: 'Playfair Display', serif;
|
||||
/* color: #95a5a6;*/
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
li {
|
||||
line-height: 1.8;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li:before {
|
||||
content: "\f111";
|
||||
float: left;
|
||||
font: 7px Font Awesome\ 5 Free;
|
||||
font-weight: 900;
|
||||
margin-top: 11px;
|
||||
margin-left: -16px;
|
||||
opacity: .1;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 5px solid #e7e9ec;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
em {
|
||||
color: #95a5a6;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
h4 span:first-child {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 750px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.column.is-6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.column.is-12 h4 {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.column.is-12 + .column.is-12 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#header {
|
||||
/*background: #f4f6f6;*/
|
||||
box-sizing: border-box;
|
||||
border-bottom: rgba(0,0,0,0.03) solid 1px;
|
||||
padding: 40px 0;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto 30px auto;
|
||||
}
|
||||
|
||||
#content h3 {
|
||||
color: #000;
|
||||
font-size: 26px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
#content aside {
|
||||
text-align: right;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
/*#profiles .network {
|
||||
text-transform: capitalize;
|
||||
}*/
|
||||
|
||||
#work .position,
|
||||
#volunteer .position {
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
#education .area {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#education .area:before {
|
||||
content: "\f19c";
|
||||
font: 14px Font Awesome\ 5 Free;
|
||||
font-weight: 900;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
#education .studyType {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
#awards .summary,
|
||||
#publications .summary {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#publications .website a:before {
|
||||
content: attr(href);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 10px 20px;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
@media (min-width: 480px) {
|
||||
.strike-through {
|
||||
border-top: 1px solid #f4f6f6;
|
||||
height: 20px;
|
||||
margin-top: 12px;
|
||||
margin-bottom: -2px;
|
||||
position: relative;
|
||||
}
|
||||
.strike-through span,
|
||||
.strike-through a {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
padding-right: 20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.strike-through span+span {
|
||||
font-size: 14px;
|
||||
margin-top: -10px;
|
||||
padding-left: 20px;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.website {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
@media (min-width: 769px) {
|
||||
.title-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.column.is-6:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#content aside {
|
||||
margin: 30px 0;
|
||||
padding-right: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#publications .website a:before {
|
||||
content: "View publication";
|
||||
}
|
||||
|
||||
.column.title-container {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.column.title-container + .column {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.date {
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.strike-through span:first-child {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.strike-through span {
|
||||
display: block;
|
||||
}
|
||||
#header {
|
||||
margin-bottom: 10px;
|
||||
padding: 40px 0;
|
||||
}
|
||||
#actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
.columns.piece-container {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.piece {
|
||||
/*page-break-before: always;
|
||||
page-break-after: always;*/
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
pre, blockquote {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="header">
|
||||
<div class="container">
|
||||
<div>
|
||||
<h1>
|
||||
Bree LaPointe
|
||||
</h1>
|
||||
<h2>
|
||||
Programmer
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div id="content" class="container">
|
||||
|
||||
<section id="contact" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Contact</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-6">
|
||||
<strong>Email</strong>
|
||||
<div class="email">contact@blapointe.com</div>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
<strong>Phone</strong>
|
||||
<div class="phone">(912) 555-4321</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="about" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>About</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<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>
|
||||
</section>
|
||||
<section id="profiles" class="columns is-multiline">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Profiles</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-6">
|
||||
<strong class="network">
|
||||
Twitter
|
||||
</strong>
|
||||
<div class="username">
|
||||
neutralthoughts
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
<strong class="network">
|
||||
SoundCloud
|
||||
</strong>
|
||||
<div class="username">
|
||||
<div class="url">
|
||||
<a href="https://soundcloud.example.com/dandymusicnl" target="_blank" rel="noopener">dandymusicnl</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="work" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Work</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-12 piece">
|
||||
<h4 class="strike-through">
|
||||
<span></span>
|
||||
<span class="date">
|
||||
2013-12-01 — 2014-12-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="columns is-gapless is-marginless is-mobile">
|
||||
<div class="column is-6">
|
||||
<div class="position">
|
||||
CEO/President
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
</div>
|
||||
</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>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Build an algorithm for artist to detect if their music was violating copy right infringement laws</li>
|
||||
<li class="bullet">Successfully won Techcrunch Disrupt</li>
|
||||
<li class="bullet">Optimized an algorithm that holds the current world record for Weisman Scores</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="volunteer" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Community</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-12 piece">
|
||||
<h4 class="strike-through">
|
||||
<span>CoderDojo</span>
|
||||
<span class="date">
|
||||
2012-01-01 — 2013-01-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="columns is-gapless is-marginless is-mobile">
|
||||
<div class="column is-6">
|
||||
<div class="position">
|
||||
Teacher
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
</div>
|
||||
<h4>Highlights</h4>
|
||||
<ul class="highlights">
|
||||
<li class="bullet">Awarded 'Teacher of the Month'</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="education" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Education</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-12 piece">
|
||||
<h4 class="strike-through">
|
||||
<span>University of Oklahoma</span>
|
||||
<span class="date">
|
||||
2011-06-01 — 2014-01-01
|
||||
</span>
|
||||
</h4>
|
||||
<div class="area">
|
||||
Information Technology
|
||||
</div>
|
||||
<div class="studyType">
|
||||
Bachelor
|
||||
</div>
|
||||
<h4>Courses</h4>
|
||||
<ul class="courses">
|
||||
<li>DB1101 - Basic SQL</li>
|
||||
<li>CS2011 - Java Introduction</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="awards" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Awards</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-12 piece">
|
||||
<h4 class="strike-through">
|
||||
<span>Digital Compression Pioneer Award</span>
|
||||
</h4>
|
||||
<div class="columns is-gapless is-marginless is-mobile">
|
||||
<div class="column is-6">
|
||||
<div class="awarder">
|
||||
<em>by</em>
|
||||
<strong>Techcrunch</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
<div class="date has-text-right">
|
||||
<em>Awarded</em>
|
||||
2014-11-01
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary">
|
||||
There is no spoon.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="publications" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Publications</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-12 piece">
|
||||
<h4 class="strike-through">
|
||||
<span>Video compression for 3d media</span>
|
||||
<span class="date">
|
||||
2014-10-01
|
||||
</span>
|
||||
</h4>
|
||||
|
||||
<div class="columns is-gapless is-marginless is-mobile">
|
||||
<div class="column is-6">
|
||||
<div class="publisher">
|
||||
<em>Published by</em>
|
||||
<strong>Hooli</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column is-6">
|
||||
</div>
|
||||
</div>
|
||||
<div class="summary">
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Skills</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-6 piece">
|
||||
<div class="name">
|
||||
<h4>Web Development</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>HTML</li>
|
||||
<li>CSS</li>
|
||||
<li>Javascript</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="column is-6 piece">
|
||||
<div class="name">
|
||||
<h4>Compression</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Mpeg</li>
|
||||
<li>MP4</li>
|
||||
<li>GIF</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="languages" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Languages</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-6 piece">
|
||||
<div class="language">
|
||||
<strong>English</strong>
|
||||
</div>
|
||||
<div class="fluency">
|
||||
Native speaker
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="interests" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>Interests</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline">
|
||||
<div class="column is-6 piece">
|
||||
<div class="name">
|
||||
<h4>Wildlife</h4>
|
||||
</div>
|
||||
<ul class="keywords">
|
||||
<li>Ferrets</li>
|
||||
<li>Unicorns</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="references" class="columns">
|
||||
<aside class="column is-3 title-container">
|
||||
<h3>References</h3>
|
||||
</aside>
|
||||
<div class="column is-9">
|
||||
<div class="columns is-multiline piece-container">
|
||||
<div class="column is-12 piece">
|
||||
<blockquote class="reference">
|
||||
<p>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.</p>
|
||||
<p class="name">
|
||||
<strong>— Erlich Bachman</strong>
|
||||
</p>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue