497 lines
15 KiB
JavaScript
497 lines
15 KiB
JavaScript
/* IMPORTANT
|
||
* This snapshot file is auto-generated, but designed for humans.
|
||
* It should be checked into source control and tracked carefully.
|
||
* Re-generate by setting TAP_SNAPSHOT=1 and running tests.
|
||
* Make sure to inspect the output below. Do not ignore changes!
|
||
*/
|
||
'use strict'
|
||
exports[`test/render.js TAP renders a resume > must match snapshot 1`] = `
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Richard Hendriks</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: 1fr 1fr;
|
||
}
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header class="masthead">
|
||
<img src="image.jpg" alt="">
|
||
<div>
|
||
<h1>Richard Hendriks</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, United States
|
||
</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:richard.hendriks@mail.com">richard.hendriks@mail.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 and 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>
|
||
|
||
`
|