resume/json-resume/themes/msresume.html

90 lines
4.5 KiB
HTML
Executable File

<!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>&#032;&ndash;&#032;<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>&#032;&ndash;&#032;<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>