moved theme sampling to json-resume/themes
This commit is contained in:
Bel LaPointe
363
json-resume/themes/actual.html
Normal file
363
json-resume/themes/actual.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/actual.jpg
Normal file
BIN
json-resume/themes/actual.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 135 KiB |
882
json-resume/themes/autumn.html
Normal file
882
json-resume/themes/autumn.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/autumn.jpg
Normal file
BIN
json-resume/themes/autumn.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
512
json-resume/themes/caffeine.html
Normal file
512
json-resume/themes/caffeine.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/caffeine.jpg
Normal file
BIN
json-resume/themes/caffeine.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
395
json-resume/themes/class.html
Normal file
395
json-resume/themes/class.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/class.jpg
Normal file
BIN
json-resume/themes/class.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
241
json-resume/themes/classy.html
Normal file
241
json-resume/themes/classy.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/classy.jpg
Normal file
BIN
json-resume/themes/classy.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 253 KiB |
373
json-resume/themes/cora.html
Normal file
373
json-resume/themes/cora.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/cora.jpg
Normal file
BIN
json-resume/themes/cora.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 341 KiB |
1866
json-resume/themes/dave.html
Normal file
1866
json-resume/themes/dave.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
json-resume/themes/dave.jpg
Normal file
BIN
json-resume/themes/dave.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
1062
json-resume/themes/elegant.html
Normal file
1062
json-resume/themes/elegant.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
json-resume/themes/elegant.jpg
Normal file
BIN
json-resume/themes/elegant.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
460
json-resume/themes/eloquent.html
Normal file
460
json-resume/themes/eloquent.html
Normal file
File diff suppressed because one or more lines are too long
BIN
json-resume/themes/eloquent.jpg
Normal file
BIN
json-resume/themes/eloquent.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
489
json-resume/themes/even.html
Normal file
489
json-resume/themes/even.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/even.jpg
Normal file
BIN
json-resume/themes/even.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 234 KiB |
490
json-resume/themes/flat-fr.html
Normal file
490
json-resume/themes/flat-fr.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/flat-fr.jpg
Normal file
BIN
json-resume/themes/flat-fr.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 226 KiB |
490
json-resume/themes/flat.html
Normal file
490
json-resume/themes/flat.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/flat.jpg
Normal file
BIN
json-resume/themes/flat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 224 KiB |
543
json-resume/themes/full.html
Normal file
543
json-resume/themes/full.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/full.jpg
Normal file
BIN
json-resume/themes/full.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 252 KiB |
356
json-resume/themes/github.html
Normal file
356
json-resume/themes/github.html
Normal file
File diff suppressed because one or more lines are too long
BIN
json-resume/themes/github.jpg
Normal file
BIN
json-resume/themes/github.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
623
json-resume/themes/jacrys.html
Normal file
623
json-resume/themes/jacrys.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/jacrys.jpg
Normal file
BIN
json-resume/themes/jacrys.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 302 KiB |
6327
json-resume/themes/kards.html
Normal file
6327
json-resume/themes/kards.html
Normal file
File diff suppressed because one or more lines are too long
BIN
json-resume/themes/kards.jpg
Normal file
BIN
json-resume/themes/kards.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 343 KiB |
603
json-resume/themes/keloran.html
Normal file
603
json-resume/themes/keloran.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/keloran.jpg
Normal file
BIN
json-resume/themes/keloran.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
625
json-resume/themes/kendall.html
Normal file
625
json-resume/themes/kendall.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/kendall.jpg
Normal file
BIN
json-resume/themes/kendall.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 309 KiB |
695
json-resume/themes/macchiato.html
Normal file
695
json-resume/themes/macchiato.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/macchiato.jpg
Normal file
BIN
json-resume/themes/macchiato.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
353
json-resume/themes/mantra.html
Normal file
353
json-resume/themes/mantra.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/mantra.jpg
Normal file
BIN
json-resume/themes/mantra.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 331 KiB |
129
json-resume/themes/modern.html
Normal file
129
json-resume/themes/modern.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/modern.jpg
Normal file
BIN
json-resume/themes/modern.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
90
json-resume/themes/msresume.html
Normal file
90
json-resume/themes/msresume.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/msresume.jpg
Normal file
BIN
json-resume/themes/msresume.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
375
json-resume/themes/onepage.html
Normal file
375
json-resume/themes/onepage.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/onepage.jpg
Normal file
BIN
json-resume/themes/onepage.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
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>
|
||||
BIN
json-resume/themes/onepageresume.jpg
Normal file
BIN
json-resume/themes/onepageresume.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 400 KiB |
518
json-resume/themes/orbit.html
Normal file
518
json-resume/themes/orbit.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/orbit.jpg
Normal file
BIN
json-resume/themes/orbit.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
842
json-resume/themes/paper-plus-plus.html
Normal file
842
json-resume/themes/paper-plus-plus.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/paper-plus-plus.jpg
Normal file
BIN
json-resume/themes/paper-plus-plus.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
668
json-resume/themes/paper.html
Normal file
668
json-resume/themes/paper.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/paper.jpg
Normal file
BIN
json-resume/themes/paper.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
920
json-resume/themes/papirus.html
Normal file
920
json-resume/themes/papirus.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/papirus.jpg
Normal file
BIN
json-resume/themes/papirus.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 239 KiB |
528
json-resume/themes/pumpkin.html
Normal file
528
json-resume/themes/pumpkin.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/pumpkin.jpg
Normal file
BIN
json-resume/themes/pumpkin.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 215 KiB |
783
json-resume/themes/rocketspacer.html
Normal file
783
json-resume/themes/rocketspacer.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/rocketspacer.jpg
Normal file
BIN
json-resume/themes/rocketspacer.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
386
json-resume/themes/short.html
Normal file
386
json-resume/themes/short.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/short.jpg
Normal file
BIN
json-resume/themes/short.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 247 KiB |
657
json-resume/themes/simple-red.html
Normal file
657
json-resume/themes/simple-red.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/simple-red.jpg
Normal file
BIN
json-resume/themes/simple-red.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
809
json-resume/themes/slick.html
Normal file
809
json-resume/themes/slick.html
Normal file
File diff suppressed because one or more lines are too long
BIN
json-resume/themes/slick.jpg
Normal file
BIN
json-resume/themes/slick.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 307 KiB |
804
json-resume/themes/spartan.html
Normal file
804
json-resume/themes/spartan.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/spartan.jpg
Normal file
BIN
json-resume/themes/spartan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 204 KiB |
200
json-resume/themes/srt.html
Normal file
200
json-resume/themes/srt.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/srt.jpg
Normal file
BIN
json-resume/themes/srt.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
1108
json-resume/themes/stackoverflow.html
Normal file
1108
json-resume/themes/stackoverflow.html
Normal file
File diff suppressed because it is too large
Load Diff
BIN
json-resume/themes/stackoverflow.jpg
Normal file
BIN
json-resume/themes/stackoverflow.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
359
json-resume/themes/standard-resume.html
Normal file
359
json-resume/themes/standard-resume.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/standard-resume.jpg
Normal file
BIN
json-resume/themes/standard-resume.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
248
json-resume/themes/tachyons-clean.html
Normal file
248
json-resume/themes/tachyons-clean.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/tachyons-clean.jpg
Normal file
BIN
json-resume/themes/tachyons-clean.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
588
json-resume/themes/tan-responsive.html
Normal file
588
json-resume/themes/tan-responsive.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/tan-responsive.jpg
Normal file
BIN
json-resume/themes/tan-responsive.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
150
json-resume/themes/techlead.html
Normal file
150
json-resume/themes/techlead.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/techlead.jpg
Normal file
BIN
json-resume/themes/techlead.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
921
json-resume/themes/verbum.html
Normal file
921
json-resume/themes/verbum.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/verbum.jpg
Normal file
BIN
json-resume/themes/verbum.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
620
json-resume/themes/wraypro.html
Normal file
620
json-resume/themes/wraypro.html
Normal file
@@ -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>
|
||||
BIN
json-resume/themes/wraypro.jpg
Normal file
BIN
json-resume/themes/wraypro.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
Reference in New Issue
Block a user