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" / >
2020-07-18 22:44:17 +02:00
< style > : root {
/* Colors */
-- primaryColor : # 212529 ;
-- secondaryColor : # 95 a5a6 ;
-- accentColor : # f1c40f ;
-- linkColor : # 2 ecc71 ;
-- mutedColor : # f4f6f6 ;
/* Typography */
-- ratio : 1.25 ;
-- scale0 : 1 rem ;
-- scale1 : calc ( var ( -- scale0 ) * var ( -- ratio ) ) ;
-- scale2 : calc ( var ( -- scale1 ) * var ( -- ratio ) ) ;
-- scale3 : calc ( var ( -- scale2 ) * var ( -- ratio ) ) ;
-- scale4 : calc ( var ( -- scale3 ) * var ( -- ratio ) ) ;
-- scale5 : calc ( var ( -- scale4 ) * var ( -- ratio ) ) ;
}
* {
box - sizing : border - box ;
margin : 0 ;
padding : 0 ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
2020-07-05 13:30:25 +02:00
html {
font - size : 14 px ;
}
2020-07-18 22:44:17 +02:00
2020-07-05 13:30:25 +02:00
body {
2020-07-18 22:44:17 +02:00
color : var ( -- primaryColor ) ;
display : grid ;
font : 1 em / 1.5 Lato , sans - serif ;
gap : 2 em ;
grid - template - columns :
[ full - start ]
1 fr
[ main - start side - start ]
minmax ( min - content , 12 em )
[ side - end content - start ]
minmax ( min - content , 36 em )
[ main - end content - end ]
1 fr
[ full - end ] ;
grid - template - rows : auto [ content ] 0 ;
margin - bottom : 4 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
body : : before {
content : '' ;
grid - column : full ;
grid - row : content ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
ol ,
ul {
padding - left : 1 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
li + li {
margin - top : 0.2 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
li : : marker {
color : var ( -- mutedColor ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
a {
color : var ( -- linkColor ) ;
text - decoration : none ;
transition : color 0.2 s ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
a : focus ,
a : hover {
color : var ( -- accentColor ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h1 ,
h2 ,
h3 ,
h5 {
2020-07-05 13:30:25 +02:00
font - weight : normal ;
}
2020-07-18 22:44:17 +02:00
h1 ,
h2 ,
h3 {
line - height : 1.2 ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h1 {
font - size : var ( -- scale5 ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h2 {
color : var ( -- secondaryColor ) ;
font - size : var ( -- scale4 ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h3 {
color : var ( -- accentColor ) ;
font - size : var ( -- scale3 ) ;
grid - column : side ;
margin - bottom : 1 rem ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h4 {
font - size : var ( -- scale2 ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h5 {
font - size : var ( -- scale1 ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
h6 {
font - size : var ( -- scale0 ) ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
p : not ( : first - child ) {
margin - top : 1 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
p : not ( : last - child ) {
margin - bottom : 1 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
blockquote {
border - left : 0.2 em solid var ( -- mutedColor ) ;
padding - left : 1 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
cite {
color : var ( -- secondaryColor ) ;
font - style : inherit ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
cite : : before {
content : '— ' ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
header {
background : var ( -- mutedColor ) ;
display : inherit ;
gap : inherit ;
grid - column : full ;
grid - template - columns : inherit ;
padding : 4 em 0 ;
row - gap : 0 ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
header > * ,
section {
grid - column : main ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
2020-07-26 00:20:18 +02:00
. stack {
display : grid ;
gap : 1.5 em ;
}
2020-07-18 22:44:17 +02:00
. grid - list {
display : grid ;
gap : 1 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
. spaced - list {
display : flex ;
align - items : center ;
justify - content : space - between ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
. spaced - list : first - child : : before {
border - bottom : 1 px solid var ( -- mutedColor ) ;
content : '' ;
flex - grow : 1 ;
margin : 0 1 em ;
order : 1 ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
. spaced - list > : nth - child ( 2 ) {
order : 2 ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
. tag - list {
display : flex ;
2020-07-26 00:20:18 +02:00
flex - wrap : wrap ;
2020-07-18 22:44:17 +02:00
list - style : none ;
padding : 0 ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
. tag - list > li {
background : var ( -- mutedColor ) ;
margin : 0 0.2 em 0.2 em 0 ;
padding : 0.2 em 0.6 em ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
@ media ( min - width : 48 em ) {
h3 {
text - align : right ;
margin - bottom : inherit ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
header > * ,
section {
grid - column : content ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
section {
display : contents ;
2020-07-05 13:30:25 +02:00
}
2020-07-18 22:44:17 +02:00
. grid - list {
grid - template - columns : 1 fr 1 fr ;
2020-07-05 13:30:25 +02:00
}
}
2020-07-18 22:44:17 +02:00
< / s t y l e >
2020-07-05 13:30:25 +02:00
< / h e a d >
< body >
2020-07-18 22:44:17 +02:00
< header >
< h1 > Richard Hendriks < / h 1 >
< h2 > Programmer < / h 2 >
< / h e a d e r >
< section id = "contact" >
< h3 > Contact < / h 3 >
< div class = "grid-list" >
< div >
< h6 > Email < / h 6 >
< a href = "mailto:richard.hendriks@mail.com" > richard . hendriks @ mail . com < / a >
2020-07-05 13:30:25 +02:00
< / d i v >
2020-07-18 22:44:17 +02:00
< div >
< h6 > Phone < / h 6 >
( 912 ) 555 - 4321
2020-07-05 13:30:25 +02:00
< / d i v >
2020-07-18 22:44:17 +02:00
< div >
< h6 > Website < / h 6 >
< a href = "http://richardhendricks.example.com" > http : //richardhendricks.example.com</a>
2020-07-05 13:30:25 +02:00
< / d i v >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "about" >
< h3 > About < / h 3 >
< div >
< 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 >
2020-07-05 13:30:25 +02:00
< / d i v >
< / s e c t i o n >
2020-07-18 22:44:17 +02:00
< section id = "profiles" >
< h3 > Profiles < / h 3 >
< div class = "grid-list" >
< div >
< h6 > Twitter < / h 6 >
neutralthoughts
< / d i v >
< div >
< h6 > SoundCloud < / h 6 >
< a href = "https://soundcloud.example.com/dandymusicnl" > dandymusicnl < / a >
< / d i v >
2020-07-05 13:30:25 +02:00
< / d i v >
< / s e c t i o n >
2020-07-18 22:44:17 +02:00
< section id = "work" >
< h3 > Work < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
< article >
2020-07-18 22:44:17 +02:00
< div class = "spaced-list" >
< h4 > Pied Piper < / h 4 >
< span >
< time datetime = "2013-12-01" > Dec 2013 < / t i m e > –
< time datetime = "2014-12-01" > Dec 2014 < / t i m e >
< / s p a n >
< / d i v >
< div class = "spaced-list" >
< strong > CEO / President < / s t r o n g >
< a href = "http://piedpiper.example.com" > http : //piedpiper.example.com</a>
< / d i v >
< 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 >
< h5 > Highlights < / h 5 >
< ul >
< li > Build an algorithm for artist to detect if their music was violating copy right infringement laws < / l i >
< li > Successfully won Techcrunch Disrupt < / l i >
< li > Optimized an algorithm that holds the current world record for Weisman Scores < / l i >
< / u l >
2020-07-26 00:20:18 +02:00
< / a r t i c l e >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "volunteer" >
< h3 > Volunteer < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
< article >
2020-07-18 22:44:17 +02:00
< div class = "spaced-list" >
< h4 > CoderDojo < / h 4 >
< span >
< time datetime = "2012-01-01" > Jan 2012 < / t i m e > –
< time datetime = "2013-01-01" > Jan 2013 < / t i m e >
< / s p a n >
< / d i v >
< div class = "spaced-list" >
< strong > Teacher < / s t r o n g >
< a href = "http://coderdojo.example.com/" > http : //coderdojo.example.com/</a>
< / d i v >
< p > Global movement of free coding clubs for young people . < / p >
< h5 > Highlights < / h 5 >
< ul >
< li > Awarded & # x27 ; Teacher of the Month & # x27 ; < / l i >
< / u l >
2020-07-26 00:20:18 +02:00
< / a r t i c l e >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "education" >
< h3 > Education < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
< article >
2020-07-18 22:44:17 +02:00
< div class = "spaced-list" >
< h4 > University of Oklahoma < / h 4 >
< span >
< time datetime = "2011-06-01" > Jun 2011 < / t i m e > –
< time datetime = "2014-01-01" > Jan 2014 < / t i m e >
< / s p a n >
< / d i v >
< div class = "spaced-list" >
< strong > Information Technology < / s t r o n g >
< a href = "https://www.ou.edu/" > https : //www.ou.edu/</a>
< / d i v >
< p > Bachelor < / p >
< h5 > Courses < / h 5 >
< ul >
< li > DB1101 - Basic SQL < / l i >
< li > CS2011 - Java Introduction < / l i >
< / u l >
2020-07-26 00:20:18 +02:00
< / a r t i c l e >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "projects" >
< h3 > Projects < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
< article >
2020-07-18 22:44:17 +02:00
< div class = "spaced-list" >
< h4 > Miss Direction < / h 4 >
< span >
< time datetime = "2016-08-24" > Aug 2016 < / t i m e > –
< time datetime = "2016-08-24" > Aug 2016 < / t i m e >
< / s p a n >
< / d i v >
< div class = "spaced-list" >
< span >
< strong > Team lead , Designer < / s t r o n g >
at < strong > Smoogle < / s t r o n g >
< / s p a n >
< a href = "missdirection.example.com" > missdirection . example . com < / a >
< / d i v >
< p > A mapping engine that misguides you < / p >
< h5 > Highlights < / h 5 >
< ul >
< li > Won award at AIHacks 2016 < / l i >
< li > Built by all women team of newbie programmers < / l i >
< li > Using modern technologies such as GoogleMaps , Chrome Extension and Javascript < / l i >
< / u l >
2020-07-26 00:20:18 +02:00
< / a r t i c l e >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "awards" >
< h3 > Awards < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
< article >
2020-07-18 22:44:17 +02:00
< div class = "spaced-list" >
< h4 > Digital Compression Pioneer Award < / h 4 >
< time datetime = "2014-11-01" > Nov 2014 < / t i m e >
< / d i v >
< div class = "spaced-list" >
< div >
Awarded by < strong > Techcrunch < / s t r o n g >
< / d i v >
< / d i v >
< p > There is no spoon . < / p >
2020-07-26 00:20:18 +02:00
< / a r t i c l e >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "publications" >
< h3 > Publications < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
< article >
2020-07-18 22:44:17 +02:00
< div class = "spaced-list" >
< h4 > Video compression for 3 d media < / h 4 >
< time datetime = "2014-10-01" > Oct 2014 < / t i m e >
< / d i v >
< div class = "spaced-list" >
< span >
Published by < strong > Hooli < / s t r o n g >
< / s p a n >
< a href = "http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)" > http : //en.wikipedia.org/wiki/Silicon_Valley_(TV_series)</a>
< / d i v >
< p > Innovative middle - out compression algorithm that changes the way we store data . < / p >
2020-07-26 00:20:18 +02:00
< / a r t i c l e >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "skills" >
< h3 > Skills < / h 3 >
< div class = "grid-list" >
< div >
< h5 > Web Development < / h 5 >
< ul class = "tag-list" >
< li > HTML < / l i >
< li > CSS < / l i >
< li > Javascript < / l i >
< / u l >
2020-07-05 13:30:25 +02:00
< / d i v >
2020-07-18 22:44:17 +02:00
< div >
< h5 > Compression < / h 5 >
< ul class = "tag-list" >
< li > Mpeg < / l i >
< li > MP4 < / l i >
< li > GIF < / l i >
< / u l >
2020-07-05 13:30:25 +02:00
< / d i v >
2020-07-18 22:44:17 +02:00
< / d i v >
< / s e c t i o n >
< section id = "languages" >
< h3 > Languages < / h 3 >
< div class = "grid-list" >
< div >
< h6 > English < / h 6 >
Native speaker
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "interests" >
< h3 > Interests < / h 3 >
< div class = "grid-list" >
< div >
< h5 > Wildlife < / h 5 >
< ul class = "tag-list" >
< li > Ferrets < / l i >
< li > Unicorns < / l i >
< / u l >
< / d i v >
< / d i v >
< / s e c t i o n >
< section id = "references" >
< h3 > References < / h 3 >
2020-07-26 00:20:18 +02:00
< div class = "stack" >
2020-07-18 22:44:17 +02:00
< 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 < / c i t e >
< / p >
< / b l o c k q u o t e >
< / d i v >
< / s e c t i o n >
2020-07-05 13:30:25 +02:00
< / b o d y >
< / h t m l >
`