2020-07-05 13:30:25 +02:00
/ * I M P O R T A N T
* 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 < / t i t l e >
< 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 {
2020-07-05 14:19:26 +02:00
font - family : 'Octicons' ;
2020-07-05 13:30:25 +02:00
font - style : normal ;
font - weight : normal ;
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' ) ;
2020-07-05 13:30:25 +02:00
}
html {
font - size : 14 px ;
}
body {
background : # fff ;
font - family : Lato , sans - serif ;
margin : 0 0 6 rem ;
}
a {
color : # 2 ecc71 ;
}
a : focus ,
a : hover {
color : # f1c40f ;
text - decoration : none ;
}
section {
margin - top : 2 rem ;
}
li {
line - height : 1.8 ;
list - style : none ;
}
li : before {
2020-07-05 14:19:26 +02:00
content : '\\f052' ;
2020-07-05 13:30:25 +02:00
float : left ;
font : 13 px Octicons ;
margin - top : 6 px ;
margin - left : - 20 px ;
2020-07-05 14:19:26 +02:00
opacity : 0.1 ;
2020-07-05 13:30:25 +02:00
position : absolute ;
}
blockquote {
border - left : 5 px solid # e7e9ec ;
font - size : 1 rem ;
2020-07-05 19:54:38 +02:00
padding - left : 1 rem ;
2020-07-05 13:30:25 +02:00
}
em {
color : # 95 a5a6 ;
font - weight : normal ;
font - style : normal ;
}
h4 span : first - child {
font - weight : bold ;
}
. container {
max - width : 750 px ;
padding : 0 2 rem ;
}
. col - sm - 6 {
margin - bottom : 10 px ;
}
. col - sm - 12 h4 {
margin - top : 1 rem ;
}
. col - sm - 12 + . col - sm - 12 {
margin - top : 2 rem ;
}
. keywords {
padding : 0 ;
}
. keywords > li {
display : inline - block ;
background : # f4f6f6 ;
margin : 0 4 px 4 px 0 ;
padding : 2 px 8 px ;
}
. keywords > li : before {
content : none ;
}
# header {
background : # f4f6f6 ;
padding : 4 rem 0 ;
margin - bottom : 4 rem ;
}
# header h2 {
color : # 95 a5a6 ;
}
# content h3 {
color : # f1c40f ;
}
# content aside {
text - align : right ;
padding - right : 2 rem ;
}
# work . position ,
# volunteer . position {
font - weight : bold ;
margin - bottom : 8 px ;
}
# education . area {
font - weight : bold ;
}
# education . area : before {
2020-07-05 14:19:26 +02:00
content : '\\f0d7' ;
2020-07-05 13:30:25 +02:00
font : 16 px Octicons ;
margin - right : 6 px ;
vertical - align : bottom ;
}
# education . studyType {
margin - left : 25 px ;
}
# awards . summary ,
# publications . summary ,
# projects . description {
margin - top : 8 px ;
}
# 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 : 480 px ) {
. strike - through {
border - top : 1 px solid # f4f6f6 ;
height : 20 px ;
margin - top : 12 px ;
margin - bottom : - 2 px ;
position : relative ;
}
. strike - through span ,
. strike - through a {
background : # fff ;
position : absolute ;
}
. strike - through span : first - child {
padding - right : 20 px ;
margin - top : - 12 px ;
}
. strike - through span + span {
font - size : 1 rem ;
margin - top : - 10 px ;
padding - left : 20 px ;
right : 0 ;
}
}
@ media ( max - width : 768 px ) {
. col - sm - 6 : last - child {
margin - bottom : 0 ;
}
# content aside {
margin - bottom : 20 px ;
padding - right : 0 ;
text - align : left ;
}
# publications . website a : before {
2020-07-05 14:19:26 +02:00
content : 'View publication' ;
2020-07-05 13:30:25 +02:00
}
}
@ media ( max - width : 480 px ) {
. date {
font - size : 1 rem ;
}
. strike - through span : first - child {
margin - bottom : 7 px ;
}
. strike - through span {
display : block ;
}
# header {
margin - bottom : 10 px ;
padding : 40 px 0 ;
}
# actions {
display : none ;
}
}
< / s t y l e >
< / h e a d >
< body >
< header id = "header" >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-9 offset-sm-3" >
< h1 > Richard Hendriks < / h 1 >
< h2 > Programmer < / h 2 >
< / d i v >
< / d i v >
< / d i v >
< / h e a d e r >
< div id = "content" class = "container" >
< section id = "contact" class = "row" >
< aside class = "col-sm-3" >
< h3 > Contact < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-6" >
< strong > Email < / s t r o n g >
< div class = "email" >
< a href = "mailto:richard.hendriks@mail.com" > richard . hendriks @ mail . com < / a >
< / d i v >
< / d i v >
< div class = "col-sm-6" >
< strong > Phone < / s t r o n g >
< div class = "phone" >
( 912 ) 555 - 4321
< / d i v >
< / d i v >
< div class = "col-sm-6" >
< strong > Website < / s t r o n g >
< div class = "website" >
< a href = "http://richardhendricks.example.com" > http : //richardhendricks.example.com</a>
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "about" class = "row" >
< aside class = "col-sm-3" >
< h3 > About < / h 3 >
< / a s i d e >
< 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 >
< / d i v >
< / s e c t i o n >
< section id = "profiles" class = "row" >
< aside class = "col-sm-3" >
< h3 > Profiles < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-6" >
< strong class = "network" > Twitter < / s t r o n g >
< div class = "username" >
neutralthoughts
< / d i v >
< / d i v >
< div class = "col-sm-6" >
< strong class = "network" > SoundCloud < / s t r o n g >
< div class = "username" >
< div class = "url" >
< a href = "https://soundcloud.example.com/dandymusicnl" > dandymusicnl < / a >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "work" class = "row" >
< aside class = "col-sm-3" >
< h3 > Work < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 class = "strike-through" >
< span > Pied Piper < / s p a n >
< span class = "date" >
Dec 2013 — Dec 2014
< / s p a n >
< / h 4 >
< div class = "website float-right" >
< a href = "http://piedpiper.example.com" > http : //piedpiper.example.com</a>
< / d i v >
< div class = "position" >
CEO / President
< / d i v >
< 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 >
< / d i v >
< h4 > Highlights < / h 4 >
< ul class = "highlights" >
< li class = "bullet" > Build an algorithm for artist to detect if their music was violating copy right infringement laws < / l i >
< li class = "bullet" > Successfully won Techcrunch Disrupt < / l i >
< li class = "bullet" > Optimized an algorithm that holds the current world record for Weisman Scores < / l i >
< / u l >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "volunteer" class = "row" >
< aside class = "col-sm-3" >
< h3 > Volunteer < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 class = "strike-through" >
< span > CoderDojo < / s p a n >
< span class = "date" >
Jan 2012 — Jan 2013
< / s p a n >
< / h 4 >
< div class = "website float-right" >
< a href = "http://coderdojo.example.com/" > http : //coderdojo.example.com/</a>
< / d i v >
< div class = "position" >
Teacher
< / d i v >
< div class = "summary" >
< p > Global movement of free coding clubs for young people . < / p >
< / d i v >
< h4 > Highlights < / h 4 >
< ul class = "highlights" >
< li class = "bullet" > Awarded & # x27 ; Teacher of the Month & # x27 ; < / l i >
< / u l >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "education" class = "row" >
< aside class = "col-sm-3" >
< h3 > Education < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 class = "strike-through" >
< span > University of Oklahoma < / s p a n >
< span class = "date" >
Jun 2011 — Jan 2014
< / s p a n >
< / h 4 >
< div class = "website float-right" >
< a href = "https://www.ou.edu/" > https : //www.ou.edu/</a>
< / d i v >
< div class = "area" >
Information Technology
< / d i v >
< div class = "studyType" >
Bachelor
< / d i v >
< h4 > Courses < / h 4 >
< ul class = "courses" >
< li > DB1101 - Basic SQL < / l i >
< li > CS2011 - Java Introduction < / l i >
< / u l >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "projects" class = "row" >
< aside class = "col-sm-3" >
< h3 > Projects < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 class = "strike-through" >
< span > Miss Direction < / s p a n >
< span class = "date" >
Aug 2016 — Aug 2016
< / s p a n >
< / h 4 >
< div class = "website float-right" >
< a href = "missdirection.example.com" > missdirection . example . com < / a >
< / d i v >
< div class = "roles" >
< strong > Team lead , Designer < / s t r o n g >
< em > at < / e m >
< strong > Smoogle < / s t r o n g >
< / d i v >
< div class = "description" >
< p > A mapping engine that misguides you < / p >
< / d i v >
< h4 > Highlights < / h 4 >
< ul class = "highlights" >
< li class = "bullet" > Won award at AIHacks 2016 < / l i >
< li class = "bullet" > Built by all women team of newbie programmers < / l i >
< li class = "bullet" > Using modern technologies such as GoogleMaps , Chrome Extension and Javascript < / l i >
< / u l >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "awards" class = "row" >
< aside class = "col-sm-3" >
< h3 > Awards < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 class = "strike-through" >
< span > Digital Compression Pioneer Award < / s p a n >
< / h 4 >
< div class = "date float-right" >
< em > Awarded < / e m >
Nov 2014
< / d i v >
< div class = "awarder" >
< em > by < / e m >
< strong > Techcrunch < / s t r o n g >
< / d i v >
< div class = "summary" >
There is no spoon .
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "publications" class = "row" >
< aside class = "col-sm-3" >
< h3 > Publications < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-12" >
< h4 class = "strike-through" >
< span > Video compression for 3 d media < / s p a n >
< span class = "date" >
2014 - 10 - 01
< / s p a n >
< / h 4 >
< 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>
< / d i v >
< div class = "publisher" >
< em > Published by < / e m >
< strong > Hooli < / s t r o n g >
< / d i v >
< div class = "summary" >
< p > Innovative middle - out compression algorithm that changes the way we store data . < / p >
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "skills" class = "row" >
< aside class = "col-sm-3" >
< h3 > Skills < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-6" >
< div class = "name" >
< h4 > Web Development < / h 4 >
< / d i v >
< ul class = "keywords" >
< li > HTML < / l i > < l i > C S S < / l i > < l i > J a v a s c r i p t < / l i >
< / u l >
< / d i v >
< div class = "col-sm-6" >
< div class = "name" >
< h4 > Compression < / h 4 >
< / d i v >
< ul class = "keywords" >
< li > Mpeg < / l i > < l i > M P 4 < / l i > < l i > G I F < / l i >
< / u l >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "languages" class = "row" >
< aside class = "col-sm-3" >
< h3 > Languages < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-6" >
< div class = "language" >
< strong > English < / s t r o n g >
< / d i v >
< div class = "fluency" >
Native speaker
< / d i v >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "interests" class = "row" >
< aside class = "col-sm-3" >
< h3 > Interests < / h 3 >
< / a s i d e >
< div class = "col-sm-9" >
< div class = "row" >
< div class = "col-sm-6" >
< div class = "name" >
< h4 > Wildlife < / h 4 >
< / d i v >
< ul class = "keywords" >
< li > Ferrets < / l i > < l i > U n i c o r n s < / l i >
< / u l >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "references" class = "row" >
< aside class = "col-sm-3" >
< h3 > References < / h 3 >
< / a s i d e >
< 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 < / s t r o n g >
< / p >
< / b l o c k q u o t e >
< / d i v >
< / d i v >
< / d i v >
< / s e c t i o n >
< / d i v >
< / b o d y >
< / h t m l >
`