json-theme-even-fork/tap-snapshots/test/render.js.test.cjs

493 lines
15 KiB
JavaScript
Raw Normal View History

/* 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`] = `
2021-02-14 15:18:58 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
2021-02-14 15:18:58 +01:00
<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!">
2021-02-14 15:18:58 +01:00
<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;
--color-primary: #212529;
--color-secondary: #95a5a6;
--color-muted: #f4f6f6;
--color-accent: #f1c40f;
--color-link: #2ecc71;
--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));
}
2021-03-07 14:50:42 +01:00
@media (prefers-color-scheme: dark) {
:root {
--color-background: #181a1b;
--color-primary: #d1cdc7;
--color-secondary: #aaa398;
--color-muted: #1e2021;
2021-03-07 14:50:42 +01:00
}
}
* {
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;
}
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;
}
2020-10-31 13:19:52 +01:00
.masthead {
background: var(--color-muted);
display: inherit;
gap: inherit;
grid-column: full;
grid-template-columns: inherit;
padding: 4em 0;
text-align: center;
}
2020-10-31 13:19:52 +01:00
.masthead > *,
section {
grid-column: main;
}
.masthead > img {
border-radius: 50%;
margin: 0 auto;
max-width: 12em;
}
2020-10-31 13:19:52 +01:00
article > * + *,
blockquote > * + * {
margin-top: 0.6em;
}
2020-07-26 00:20:18 +02:00
.stack {
display: grid;
gap: 1.5em;
}
.icon-list {
list-style: none;
padding: 0;
}
.grid-list {
display: grid;
gap: 1em;
}
.spaced-list {
display: flex;
align-items: center;
justify-content: space-between;
}
2021-07-18 15:21:43 +02:00
.spaced-list::before {
border-bottom: 1px solid var(--color-muted);
content: '';
flex-grow: 1;
margin: 0 1em;
order: 1;
}
.spaced-list > :nth-child(2) {
order: 2;
}
.tag-list {
display: flex;
2020-07-26 00:20:18 +02:00
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.tag-list > li {
background: var(--color-muted);
margin: 0 0.2em 0.2em 0;
padding: 0.2em 0.6em;
}
2020-11-02 20:14:42 +01:00
@media print, (min-width: 48em) {
h3 {
text-align: right;
margin-bottom: inherit;
}
.masthead {
text-align: inherit;
}
2020-10-31 13:19:52 +01:00
.masthead > *,
section {
grid-column: content;
}
.masthead img {
grid-column: side;
grid-row: span 2;
max-width: 100%;
}
section {
display: contents;
}
.grid-list {
grid-template-columns: 1fr 1fr;
}
}
</style>
</head>
<body>
2020-10-31 13:19:52 +01:00
<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>
2020-07-26 00:20:18 +02:00
<div class="stack">
<article>
2020-10-31 13:19:52 +01:00
<header>
<div class="spaced-list">
<h4>CEO/President</h4>
2020-10-31 13:19:52 +01:00
<span>
<time datetime="2013-12-01">Dec 2013</time>
<time datetime="2014-12-01">Dec 2014</time>
</span>
</div>
2021-07-18 15:21:43 +02:00
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
2020-10-31 13:19:52 +01:00
</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>
2020-07-26 00:20:18 +02:00
</article>
</div>
</section>
<section id="volunteer">
<h3>Volunteer</h3>
2020-07-26 00:20:18 +02:00
<div class="stack">
<article>
2020-10-31 13:19:52 +01:00
<header>
<div class="spaced-list">
<h4>Teacher</h4>
2020-10-31 13:19:52 +01:00
<span>
<time datetime="2012-01-01">Jan 2012</time>
<time datetime="2013-01-01">Jan 2013</time>
</span>
</div>
2021-07-18 15:21:43 +02:00
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
2020-10-31 13:19:52 +01:00
</header>
<p>Global movement of free coding clubs for young people.</p>
<ul>
<li><p>Awarded 'Teacher of the Month'</p></li>
</ul>
2020-07-26 00:20:18 +02:00
</article>
</div>
</section>
<section id="education">
<h3>Education</h3>
2020-07-26 00:20:18 +02:00
<div class="stack">
<article>
2020-10-31 13:19:52 +01:00
<header>
<div class="spaced-list">
2021-07-18 15:21:43 +02:00
<h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
2020-10-31 13:19:52 +01:00
<span>
<time datetime="2011-06-01">Jun 2011</time>
<time datetime="2014-01-01">Jan 2014</time>
</span>
</div>
2021-07-18 15:21:43 +02:00
<strong>Information Technology</strong>
2020-10-31 13:19:52 +01:00
</header>
<p>Bachelor</p>
<h5>Courses</h5>
<ul>
<li><p>DB1101 - Basic SQL</p></li>
<li><p>CS2011 - Java Introduction</p></li>
</ul>
2020-07-26 00:20:18 +02:00
</article>
</div>
</section>
<section id="projects">
<h3>Projects</h3>
2020-07-26 00:20:18 +02:00
<div class="stack">
<article>
2020-10-31 13:19:52 +01:00
<header>
<div class="spaced-list">
2021-07-18 15:21:43 +02:00
<h4><a href="missdirection.example.com">Miss Direction</a></h4>
2020-10-31 13:19:52 +01:00
<span>
<time datetime="2016-08-24">Aug 2016</time>
<time datetime="2016-08-24">Aug 2016</time>
</span>
</div>
2021-07-18 15:21:43 +02:00
<span>
<strong>Team lead and Designer</strong>
2021-07-18 15:21:43 +02:00
at <strong>Smoogle</strong>
</span>
2020-10-31 13:19:52 +01:00
</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>
2020-07-26 00:20:18 +02:00
</article>
</div>
</section>
<section id="awards">
<h3>Awards</h3>
2020-07-26 00:20:18 +02:00
<div class="stack">
<article>
2020-10-31 13:19:52 +01:00
<header>
<div class="spaced-list">
<h4>Digital Compression Pioneer Award</h4>
<time datetime="2014-11-01">Nov 2014</time>
</div>
2021-07-18 15:21:43 +02:00
<span>
Awarded by <strong>Techcrunch</strong>
</span>
2020-10-31 13:19:52 +01:00
</header>
<p>There is no spoon.</p>
2020-07-26 00:20:18 +02:00
</article>
</div>
</section>
<section id="publications">
<h3>Publications</h3>
2020-07-26 00:20:18 +02:00
<div class="stack">
<article>
2020-10-31 13:19:52 +01:00
<header>
<div class="spaced-list">
2021-07-18 15:21:43 +02:00
<h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
2020-10-31 13:19:52 +01:00
<time datetime="2014-10-01">Oct 2014</time>
</div>
2021-07-18 15:21:43 +02:00
<span>
Published by <strong>Hooli</strong>
</span>
2020-10-31 13:19:52 +01:00
</header>
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
2020-07-26 00:20:18 +02:00
</article>
</div>
</section>
<section id="skills">
<h3>Skills</h3>
<div class="grid-list">
<div>
2020-11-01 13:37:00 +01:00
<h4>Web Development</h4>
<ul class="tag-list">
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
</div>
<div>
2020-11-01 13:37:00 +01:00
<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>
2020-11-01 13:37:00 +01:00
<h4>English</h4>
Native speaker
</div>
</div>
</section>
<section id="interests">
<h3>Interests</h3>
<div class="grid-list">
<div>
2020-11-01 13:37:00 +01:00
<h4>Wildlife</h4>
<ul class="tag-list">
<li>Ferrets</li>
<li>Unicorns</li>
</ul>
</div>
</div>
</section>
<section id="references">
<h3>References</h3>
2020-07-26 00:20:18 +02:00
<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>
`