masq
/
json-theme-even-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
json-theme-even-fork/tap-snapshots/test-render.js-TAP.test.js

543 lines
19 KiB
JavaScript
Raw Normal View History

Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
/* 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" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
<style>
@font-face {
Add formatting - Add format script - Format all files - Add .prettierignore - Add .prettierrc.json - Add Prettier dev dependency
2020-07-05 14:19:26 +02:00
font-family: 'Octicons';
Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
font-style: normal;
font-weight: normal;
Add formatting - Add format script - Format all files - Add .prettierignore - Add .prettierrc.json - Add Prettier dev dependency
2020-07-05 14:19:26 +02:00
src: url('data:font/woff;base64,d09GRgABAAAAAAWgAAsAAAAABVQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIMrGNtYXAAAAFoAAAAXAAAAFzxE/EEZ2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAAAXwAAAF8tFkZ3GhlYWQAAANIAAAANgAAADYYMkpraGhlYQAAA4AAAAAkAAAAJAfBA8dobXR4AAADpAAAABgAAAAYDAAAAWxvY2EAAAO8AAAADgAAAA4A5gBgbWF4cAAAA8wAAAAgAAAAIAAKAFBuYW1lAAAD7AAAAZIAAAGSxxxndHBvc3QAAAWAAAAAIAAAACAAAwAAAAMCqwGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NcDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIPBS8Nf//f//AAAAAAAg8FLw1//9//8AAf/jD7IPLgADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAwAIAAsAAGwAAEzQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJgAUFEYvLjU1Li9GFBQUFEYvLjU1Li9GFBQBwDUuL0YUFBQURi8uNTUuL0YUFBQURi8uAAMAAQCZA/8DDgAzAEEATQAAAQcFHgEVFAYHBQYiJyUVHgEVFAYHHgEdARQiPQE0NjcuATU0Njc1Jy4BNTQ2NyUyNjMyFgEXIxYyPwEVFAYjIiY1ExQWMzI2NTQmIyIGAgcBAekHCQkH/hcDBwP+xw4SBQQEBYAFBAQFEg5vBwkJBwHpAgMCAQT++vUBBgwF9ZZqapbBJhobJSUbGiYDDQGZAgwHCAwCmAEBYl0IHRIJEAcHEAmlGhqlCRAHBxAJER4IcSQCCwgICwKZAQH+s0wCAkygMDAwMAFADRMTDQ0TEwAAAAEAAAABAADtMnsXXw889QALBAAAAAAA2oqDMAAAAADaioMwAAAAAAP/Aw4AAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA/8AAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAAAgAAAAQAAAEAAAAAAAoAFAAeAEwAvgAAAAEAAAAGAE4AAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBvY3RpY29ucwBvAGMAdABpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBvY3RpY29ucwBvAGMAdABpAGMAbwBuAHNvY3RpY29ucwBvAGMAdABpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJvY3RpY29ucwBvAGMAdABpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA')
format('woff');
Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
}
html {
font-size: 14px;
}
body {
background: #fff;
font-family: Lato, sans-serif;
margin: 0 0 6rem;
}
a {
color: #2ecc71;
}
a:focus,
a:hover {
color: #f1c40f;
text-decoration: none;
}
section {
margin-top: 2rem;
}
li {
line-height: 1.8;
list-style: none;
}
li:before {
Add formatting - Add format script - Format all files - Add .prettierignore - Add .prettierrc.json - Add Prettier dev dependency
2020-07-05 14:19:26 +02:00
content: '\\f052';
Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
float: left;
font: 13px Octicons;
margin-top: 6px;
margin-left: -20px;
Add formatting - Add format script - Format all files - Add .prettierignore - Add .prettierrc.json - Add Prettier dev dependency
2020-07-05 14:19:26 +02:00
opacity: 0.1;
Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
position: absolute;
}
blockquote {
border-left: 5px solid #e7e9ec;
font-size: 1rem;
}
em {
color: #95a5a6;
font-weight: normal;
font-style: normal;
}
h4 span:first-child {
font-weight: bold;
}
.container {
max-width: 750px;
padding: 0 2rem;
}
.col-sm-6 {
margin-bottom: 10px;
}
.col-sm-12 h4 {
margin-top: 1rem;
}
.col-sm-12 + .col-sm-12 {
margin-top: 2rem;
}
.keywords {
padding: 0;
}
.keywords > li {
display: inline-block;
background: #f4f6f6;
margin: 0 4px 4px 0;
padding: 2px 8px;
}
.keywords > li:before {
content: none;
}
#header {
background: #f4f6f6;
padding: 4rem 0;
margin-bottom: 4rem;
}
#header h2 {
color: #95a5a6;
}
#content h3 {
color: #f1c40f;
}
#content aside {
text-align: right;
padding-right: 2rem;
}
#work .position,
#volunteer .position {
font-weight: bold;
margin-bottom: 8px;
}
#education .area {
font-weight: bold;
}
#education .area:before {
Add formatting - Add format script - Format all files - Add .prettierignore - Add .prettierrc.json - Add Prettier dev dependency
2020-07-05 14:19:26 +02:00
content: '\\f0d7';
Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
font: 16px Octicons;
margin-right: 6px;
vertical-align: bottom;
}
#education .studyType {
margin-left: 25px;
}
#awards .summary,
#publications .summary,
#projects .description {
margin-top: 8px;
}
#publications .website a:before {
content: attr(href);
}
#interests .row,
#skills .row {
display: block;
}
#interests .col-sm-6,
#skills .col-sm-6 {
float: left;
}
@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: 1rem;
margin-top: -10px;
padding-left: 20px;
right: 0;
}
}
@media (max-width: 768px) {
.col-sm-6:last-child {
margin-bottom: 0;
}
#content aside {
margin-bottom: 20px;
padding-right: 0;
text-align: left;
}
#publications .website a:before {
Add formatting - Add format script - Format all files - Add .prettierignore - Add .prettierrc.json - Add Prettier dev dependency
2020-07-05 14:19:26 +02:00
content: 'View publication';
Add tests - Remove unused nl2br template helper - Specify files to include in package - Add nyc output folder to .gitignore - Add render snapshot test - Sort package.json fields - Add test script - Add tap dev dependency
2020-07-05 13:30:25 +02:00
}
}
@media (max-width: 480px) {
.date {
font-size: 1rem;
}
.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 offset-sm-3">
<h1>Richard Hendriks</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:richard.hendriks@mail.com">richard.hendriks@mail.com</a>
</div>
</div>
<div class="col-sm-6">
<strong>Phone</strong>
<div class="phone">
(912) 555-4321
</div>
</div>
<div class="col-sm-6">
<strong>Website</strong>
<div class="website">
<a href="http://richardhendricks.example.com">http://richardhendricks.example.com</a>
</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>Pied Piper</span>
<span class="date">
Dec 2013 — Dec 2014
</span>
</h4>
<div class="website float-right">
<a href="http://piedpiper.example.com">http://piedpiper.example.com</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>
<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">
Jan 2012 — Jan 2013
</span>
</h4>
<div class="website float-right">
<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>
<h4>Highlights</h4>
<ul class="highlights">
<li class="bullet">Awarded &#x27;Teacher of the Month&#x27;</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">
Jun 2011 — Jan 2014
</span>
</h4>
<div class="website float-right">
<a href="https://www.ou.edu/">https://www.ou.edu/</a>
</div>
<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="projects" class="row">
<aside class="col-sm-3">
<h3>Projects</h3>
</aside>
<div class="col-sm-9">
<div class="row">
<div class="col-sm-12">
<h4 class="strike-through">
<span>Miss Direction</span>
<span class="date">
Aug 2016 — Aug 2016
</span>
</h4>
<div class="website float-right">
<a href="missdirection.example.com">missdirection.example.com</a>
</div>
<div class="roles">
<strong>Team lead, Designer</strong>
<em>at</em>
<strong>Smoogle</strong>
</div>
<div class="description">
<p>A mapping engine that misguides you</p>
</div>
<h4>Highlights</h4>
<ul class="highlights">
<li class="bullet">Won award at AIHacks 2016</li>
<li class="bullet">Built by all women team of newbie programmers</li>
<li class="bullet">Using modern technologies such as GoogleMaps, Chrome Extension and Javascript</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 float-right">
<em>Awarded</em>
Nov 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">
2014-10-01
</span>
</h4>
<div class="website float-right">
<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">
<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>
`