moved theme sampling to json-resume/themes
This commit is contained in:
Bel LaPointe
169
json-resume/themes/onepageresume.html
Normal file
169
json-resume/themes/onepageresume.html
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user