170 lines
6.1 KiB
HTML
170 lines
6.1 KiB
HTML
<!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>
|