resume/json-resume/themes/tachyons-clean.html

248 lines
7.0 KiB
HTML
Executable File

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
<title>Bree LaPointe</title>
<link rel="stylesheet" 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">
&rarr; 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">
&rarr; 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 &#x27;Teacher of the Month&#x27;</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">
&rarr; 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>