From 655c35b53c782b0c1457683c032e7aab9a2bd657 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Tue, 13 Jun 2017 13:48:06 +0100 Subject: [PATCH] New error template and author template --- assets/css/screen.css | 160 ++++++++++++++++++++++++++++++----- assets/public/screen.css | 2 +- assets/public/screen.css.map | 2 +- author.hbs | 90 ++++++++++++++------ default.hbs | 4 +- error.hbs | 63 +++++++++++++- index.hbs | 4 +- page.hbs | 4 +- partials/icons/location.hbs | 1 + partials/icons/website.hbs | 1 + post.hbs | 4 +- tag.hbs | 4 +- 12 files changed, 276 insertions(+), 63 deletions(-) create mode 100644 partials/icons/location.hbs create mode 100644 partials/icons/website.hbs diff --git a/assets/css/screen.css b/assets/css/screen.css index 972e130..c2189ba 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -3,7 +3,7 @@ @import "components/global.css"; body { - background: #F4F8FB; + background: #f4f8fb; } .img { @@ -53,7 +53,8 @@ body { @media (min-width: 900px) { .home-template .post-feed, - .tag-template .post-feed { + .tag-template .post-feed, + .author-template .post-feed { margin-top: -100px; } .home-template .site-nav { @@ -92,12 +93,13 @@ body { display: block; content: ""; position: absolute; - bottom: 0; - left: 0; + top: 0; right: 0; + bottom: auto; + left: 0; z-index: 10; - height: 60px; - background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3)); + height: 80px; + background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0)); } .site-header.no-cover:before, @@ -111,6 +113,7 @@ body { display: flex; flex-direction: column; justify-content: center; + align-items: center; padding: 10vw 0; min-height: 200px; max-height: 450px; @@ -260,6 +263,18 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o height: 1.5rem; } +.social-link-wb svg { + height: 1.6rem; +} + +.social-link-wb svg path { + stroke: #fff; +} + +.social-link-rss svg { + height: 1.9rem; +} + .subscribe-button { display: block; padding: 4px 10px; @@ -433,22 +448,11 @@ The first (most recent) post in the list is styled to be bigger than the others padding: 0 40px 30px; } - /* Special Styling for Subscribe box - - We've got a special subscribe box, this allows it to appear in the middle of the loop of posts without actually needing to interrupt the loop. Neat trickery courtesy of David Darnes. - - - - .post-card:nth-of-type(2), - .post-card:nth-of-type(3) { - order: -1; - } - - */ - } - +.home-template .site-header:after { + display: none; +} @@ -490,6 +494,7 @@ The first (most recent) post in the list is styled to be bigger than the others } .post-full-title { + margin: 0; color: color(var(--darkgrey) l(-5%)); } @@ -500,7 +505,7 @@ The first (most recent) post in the list is styled to be bigger than the others .post-full-image { height: 800px; - margin: -5vw -10vw -165px; + margin: 0 -10vw -165px; background: var(--lightgrey) center center; background-size: cover; border-radius: 5px; @@ -509,7 +514,7 @@ The first (most recent) post in the list is styled to be bigger than the others @media (max-width: 1170px) { .post-full-image { height: 600px; - margin: -5vw -4vw -100px; + margin: 0 -4vw -100px; border-radius: 0; } } @@ -564,6 +569,10 @@ The first (most recent) post in the list is styled to be bigger than the others filter: blur(5px); } +.no-image .post-full-content { + padding-top: 0; +} + .no-image .post-full-content:before, .no-image .post-full-content:after { display: none; @@ -949,6 +958,7 @@ Super neat trick courtesy of @JoelDrapper } .read-next-divider { + position: relative; display: flex; justify-content: center; height: 80px; @@ -957,6 +967,7 @@ Super neat trick courtesy of @JoelDrapper .read-next-divider svg { width: 50px; stroke: #fff; + stroke-opacity: 0.65; fill: transparent; } @@ -1203,3 +1214,108 @@ Super neat trick courtesy of @JoelDrapper @media (max-width: 450px) { .floating-header-share-label { display: none; } } + + +/* ========================================================================== + Author Template / author.hbs + ========================================================================== */ + +.site-header-content .author-profile-image { + flex-shrink: 0; + width: 100px; + height: 100px; + margin: 0 0 20px 0; + box-shadow: rgba(255,255,255,0.1) 0 0 0 6px; +} + +.site-header-content .author-bio { + flex-shrink: 0; + max-width: 600px; + margin: 5px 0 10px 0; + font-size: 2rem; + line-height: 1.3em; + font-weight: 300; + letter-spacing: 0.5px; + opacity: 0.8; +} + +.site-header-content .author-meta { + flex-shrink: 0; + display: flex; + justify-content: center; + align-items: center; + margin: 0 0 10px 0; + font-family: Georgia, serif; + font-style: italic; +} + +.site-header-content .author-location svg { + height: 1.9rem; + stroke: #fff; +} + +.site-header-content .bull { + display: inline-block; + margin: 0 12px; + opacity: 0.5; +} + +.site-header-content .social-link:first-of-type { + padding-left: 4px; +} + + +/* ========================================================================== + Error Template / error.hbs + ========================================================================== */ + +.error-template .site-main { + padding: 7vw 4vw; +} + +.site-nav-center { + display: flex; + align-items: center; + justify-content: center; + text-align: center; +} + +.site-nav-center .site-nav-logo { + margin-right: 0; +} + +.error-message { + text-align: center; +} + +.error-code { + margin: 0; + font-size: 12vw; + line-height: 1em; + letter-spacing: -5px; + opacity: 0.3; +} + +.error-description { + margin: 0; + font-size: 3rem; + line-height: 1.3em; + font-weight: 400; + color: var(--midgrey); +} + +@media (max-width: 800px) { + .error-description { + margin: 5px 0 0 0; + font-size: 1.8rem; + } +} + +.error-link { + display: inline-block; + margin-top: 5px; +} + +.error-template .post-feed { + padding-top: 0; +} diff --git a/assets/public/screen.css b/assets/public/screen.css index 9fa082b..22bc945 100644 --- a/assets/public/screen.css +++ b/assets/public/screen.css @@ -1,2 +1,2 @@ -a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.5em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;border-radius:100%;background-position:50%;background-size:cover}.hidden{position:absolute;text-indent:-9999px;visibility:hidden}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.home-template .post-feed,.tag-template .post-feed{margin-top:-100px}.home-template .site-nav{position:relative;top:-70px;z-index:300}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{top:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{display:block;content:"";position:absolute;right:0;bottom:0;left:0;z-index:10}.site-header:after{height:60px;background:linear-gradient(transparent,rgba(0,0,0,.3))}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{position:relative;z-index:100;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:10vw 0;min-height:200px;max-height:450px;text-align:center}.site-title{margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}.site-nav{position:relative;z-index:100;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;height:40px;font-size:1.3rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;margin-right:10px;padding-bottom:80px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;height:21px;width:auto}.nav-menu ul{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav-item{padding:0;text-transform:uppercase}.nav-item,.nav-item a{display:block;margin:0}.nav-item a{padding:10px 12px;color:#fff;opacity:.8}.nav-item a:hover{opacity:1;text-decoration:none}.site-nav-right{height:40px}.site-nav-right,.social-links{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{height:2.1rem;margin-bottom:1px;fill:#fff}.post-feed{position:relative;z-index:200;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;padding:30px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-order:unset;order:unset;-ms-flex-direction:column;flex-direction:column;min-height:300px;margin:0 20px 40px;background:#fff 50%;background-size:cover;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);border-radius:5px;overflow:hidden;transition:all .5s ease}.post-card:hover{box-shadow:0 0 1px rgba(39,44,49,.1),0 3px 16px rgba(39,44,49,.07);transform:translate3D(0,-1px,0);transition:all .3s ease}.post-card-image-link{position:relative}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;text-transform:uppercase;font-size:1.2rem;line-height:1.15em;letter-spacing:.5px;font-weight:500}.post-card-title{margin-top:0}.post-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100%}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{padding:0 25px 25px}.author-profile-image{height:25px;width:25px;margin-right:5px;border-radius:100%}.post-card-author{text-transform:uppercase;font-size:1.3rem;letter-spacing:.5px;font-weight:500}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-image-link{-ms-flex:1 1 auto;flex:1 1 auto}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-image{width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta{padding:0 40px 30px}}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{max-width:1040px;margin:0 auto;padding:10vw 3vw 6vw;text-align:center}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;font-weight:600;font-size:1.4rem;color:#738a94}.post-full-meta-date{color:#3eb0ef}.post-full-title{color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{height:800px;margin:-5vw -10vw -165px;background:#c5d2d9 50%;background-size:cover;border-radius:5px}@media (max-width:1170px){.post-full-image{height:600px;margin:-5vw -4vw -100px;border-radius:0}}.post-full-content{position:relative;min-height:230px;padding:70px 100px 0;margin:0 auto;font-size:2.2rem;line-height:1.6em;font-family:Georgia,serif;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{transform:rotate(-5deg);left:-5px}.post-full-content:after,.post-full-content:before{display:block;content:"";width:20px;height:200px;position:absolute;top:15px;z-index:-1;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{transform:rotate(5deg);right:-5px}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content img{width:100vw;max-width:1040px;margin:1.5em 0}.post-full-content img[src$="#full"]{max-width:100vw}.post-full-content blockquote{margin:0 0 1.5em;padding:1.5em 0;border:0;text-align:center;font-size:3rem;line-height:1.6em;color:#3eb0ef}.post-full-content blockquote:before{content:open-quote}.post-full-content blockquote p{margin:0}@media (min-width:1000px){.post-full-content blockquote{width:100vw;max-width:1060px}}.post-full-content blockquote+blockquote{padding-top:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{margin:1.5em 0 3em;padding:20px;border:1px solid #000;font-size:1.4rem;line-height:1.5em;color:#e5eff5;background:#0e0f11;border-radius:5px;overflow-x:auto;max-width:100%}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr:after{display:block;content:"";position:absolute;top:-15px;left:50%;margin-left:-10px;height:30px;width:1px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#090a0b}.post-full-content h1{font-size:5rem}@media (max-width:500px){.post-full-content h1{font-size:2.2rem}}.post-full-content h2{font-size:3.5rem}@media (max-width:500px){.post-full-content h2{font-size:2.9rem}}.post-full-content h3{font-size:2.5rem}@media (max-width:500px){.post-full-content h3{font-size:2rem}}.post-full-content h4{font-size:1.6rem}.post-full-content h5,.post-full-content h6{font-size:1.4rem}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;font-size:3.5rem;line-height:1;font-weight:700;color:#15171a}.subscribe-form p{margin-bottom:1em;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px;color:#738a94}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;max-width:420px;margin:0 auto}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-form button{display:inline-block;outline:none;margin:0 0 0 10px;padding:0 20px;height:41px;font-size:1.5rem;line-height:37px;font-weight:400;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.1);text-align:center;border-radius:5px;background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;max-width:840px;margin:0 auto;padding:3vw 0 6vw}.author-card,.post-full-footer{display:-ms-flexbox;display:flex}.author-card{-ms-flex-align:center;align-items:center}.author-card-image{height:60px;width:60px;margin-right:10px}.author-card-content h4{margin:0;padding:0;font-size:2rem}.author-card-content h4 a{color:#15171a;font-weight:700}.author-card-content h4 a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94}.post-full-comments{max-width:840px;margin:0 auto}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);border-radius:5px;overflow:hidden}.read-next-card:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,40,60,.6),rgba(0,20,40,.5));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;text-align:center}.read-next-card-header-title{padding:10px 20px;margin:0;font-size:3rem;line-height:1.2em;font-weight:300;letter-spacing:1px;color:#fff}.read-next-divider{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:50px;stroke:#fff;fill:transparent}.read-next-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;position:relative;z-index:50;font-size:1.7rem}.read-next-card-content ol{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0 1em 0 2em}.read-next-card-content li{padding-left:5px;margin:20px 0;font-size:1.8rem;line-height:1.25em;font-weight:200}.read-next-card-content li a{display:inline-block;vertical-align:top;font-weight:600;color:#fff;opacity:.8;transition:opacity .3s ease}.read-next-card-content li a:hover{opacity:1}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";display:block;height:2px;width:2px;position:absolute;top:11px;left:-11px;border-radius:100%;background:#fff}.site-footer-nav a:first-of-type:before{display:none}.floating-header{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:fixed;height:48px;border-bottom:1px solid rgba(0,0,0,.06);z-index:1000;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);transform:translate3d(0,-120%,0);transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-active{visibility:visible;transform:translateZ(0);transition:all .5s cubic-bezier(.22,1,.27,1)}.floating-header-logo{margin:0 0 0 15px;font-size:1.5rem;line-height:1.3em;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;font-weight:700;line-height:1em}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{max-height:20px;margin-right:10px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;margin:0;font-weight:700;font-size:1.5rem;line-height:1.3em;color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{fill:#fff;height:16px;width:auto}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{width:18px;height:18px;margin:0 5px 0 10px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;width:48px;height:48px;line-height:45px;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;text-align:center;color:#fff;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}@media (max-width:900px){.floating-header{height:40px}.floating-header-share-fb,.floating-header-share-tw{height:40px;width:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}} +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.5em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}body{background:#f4f8fb}.img{display:block;width:100%;height:100%;border-radius:100%;background-position:50%;background-size:cover}.hidden{position:absolute;text-indent:-9999px;visibility:hidden}.outer{position:relative;padding:0 4vw}.inner{margin:0 auto;max-width:1040px;width:100%}@media (min-width:900px){.author-template .post-feed,.home-template .post-feed,.tag-template .post-feed{margin-top:-100px}.home-template .site-nav{position:relative;top:-70px;z-index:300}}.site-header{position:relative;padding-top:12px;padding-bottom:12px;color:#fff;background:#090a0b no-repeat 50%;background-size:cover}.site-header:before{bottom:0;background:rgba(0,0,0,.18)}.site-header:after,.site-header:before{display:block;content:"";position:absolute;top:0;right:0;left:0;z-index:10}.site-header:after{bottom:auto;height:80px;background:linear-gradient(rgba(0,0,0,.1),transparent)}.site-header.no-cover:after,.site-header.no-cover:before{display:none}.site-header-content{position:relative;z-index:100;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:10vw 0;min-height:200px;max-height:450px;text-align:center}.site-title{margin:0;padding:0;font-size:3.8rem;font-weight:700}.site-logo{max-height:45px}.site-description{margin:0;padding:5px 0;font-size:2.2rem;font-weight:300;letter-spacing:.5px;opacity:.8}.site-nav{position:relative;z-index:100;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;height:40px;font-size:1.3rem}.site-nav,.site-nav-left{display:-ms-flexbox;display:flex;overflow-y:hidden}.site-nav-left{-ms-flex-align:center;align-items:center;margin-right:10px;padding-bottom:80px;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-scrolling:touch}.site-nav-logo{-ms-flex-negative:0;flex-shrink:0;display:block;margin-right:24px;font-size:1.7rem;font-weight:700;color:#fff;letter-spacing:-.5px}.site-nav-logo:hover{text-decoration:none}.site-nav-logo img{display:block;height:21px;width:auto}.nav-menu ul{display:-ms-flexbox;display:flex;margin:0 0 0 -12px;padding:0;list-style:none}.nav-item{padding:0;text-transform:uppercase}.nav-item,.nav-item a{display:block;margin:0}.nav-item a{padding:10px 12px;color:#fff;opacity:.8}.nav-item a:hover{opacity:1;text-decoration:none}.site-nav-right{height:40px}.site-nav-right,.social-links{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0}.social-links a:last-of-type{padding-right:20px}.social-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:10px;color:#fff;opacity:.8}.social-link:hover{opacity:1}.social-link svg{height:1.8rem;fill:#fff}.social-link-fb svg{height:1.5rem}.social-link-wb svg{height:1.6rem}.social-link-wb svg path{stroke:#fff}.social-link-rss svg{height:1.9rem}.subscribe-button{display:block;padding:4px 10px;border:1px solid #fff;color:#fff;font-size:1.2rem;line-height:1em;border-radius:10px;opacity:.8}.subscribe-button:hover{text-decoration:none;opacity:1}.rss-button{opacity:.8}.rss-button:hover{opacity:1}.rss-button svg{height:2.1rem;margin-bottom:1px;fill:#fff}.post-feed{position:relative;z-index:200;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;padding:30px 0 0}.post-card,.post-feed{display:-ms-flexbox;display:flex}.post-card{-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-order:unset;order:unset;-ms-flex-direction:column;flex-direction:column;min-height:300px;margin:0 20px 40px;background:#fff 50%;background-size:cover;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);border-radius:5px;overflow:hidden;transition:all .5s ease}.post-card:hover{box-shadow:0 0 1px rgba(39,44,49,.1),0 3px 16px rgba(39,44,49,.07);transform:translate3D(0,-1px,0);transition:all .3s ease}.post-card-image-link{position:relative}.post-card-image{width:auto;height:200px;background:#c5d2d9 no-repeat 50%;background-size:cover}.post-card-content-link{position:relative;display:block;padding:25px 25px 0;color:#15171a}.post-card-content-link:hover{text-decoration:none}.post-card-tags{display:block;margin-bottom:4px;color:#738a94;text-transform:uppercase;font-size:1.2rem;line-height:1.15em;letter-spacing:.5px;font-weight:500}.post-card-title{margin-top:0}.post-card-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100%}.post-card-excerpt{font-family:Georgia,serif}.post-card-meta{padding:0 25px 25px}.author-profile-image{height:25px;width:25px;margin-right:5px;border-radius:100%}.post-card-author{text-transform:uppercase;font-size:1.3rem;letter-spacing:.5px;font-weight:500}@media (min-width:795px){.home-template .post-feed .post-card:nth-child(6n+1){-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:row;flex-direction:row}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-image-link{-ms-flex:1 1 auto;flex:1 1 auto}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-image{width:100%;height:100%}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-content{-ms-flex:0 1 357px;flex:0 1 357px}.home-template .post-feed .post-card:nth-child(6n+1) h2{font-size:2.6rem}.home-template .post-feed .post-card:nth-child(6n+1) p{font-size:1.8rem;line-height:1.55em}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-content-link{padding:30px 40px 0}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta{padding:0 40px 30px}}.home-template .site-header:after{display:none}.page-template .site-main,.post-template .site-main{padding-bottom:4vw;background:#fff}.post-full{position:relative;z-index:50}.post-full-header{max-width:1040px;margin:0 auto;padding:10vw 3vw 6vw;text-align:center}.post-full-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;font-weight:600;font-size:1.4rem;color:#738a94}.post-full-meta-date{color:#3eb0ef}.post-full-title{margin:0;color:#090a0b}.date-divider{display:inline-block;margin:0 6px 1px}.post-full-image{height:800px;margin:0 -10vw -165px;background:#c5d2d9 50%;background-size:cover;border-radius:5px}@media (max-width:1170px){.post-full-image{height:600px;margin:0 -4vw -100px;border-radius:0}}.post-full-content{position:relative;min-height:230px;padding:70px 100px 0;margin:0 auto;font-size:2.2rem;line-height:1.6em;font-family:Georgia,serif;background:#fff}@media (max-width:1170px){.post-full-content{padding:5vw 7vw 0}}@media (max-width:800px){.post-full-content{font-size:1.9rem}}.post-full-content:before{transform:rotate(-5deg);left:-5px}.post-full-content:after,.post-full-content:before{display:block;content:"";width:20px;height:200px;position:absolute;top:15px;z-index:-1;background:rgba(39,44,49,.15);filter:blur(5px)}.post-full-content:after{transform:rotate(5deg);right:-5px}.no-image .post-full-content{padding-top:0}.no-image .post-full-content:after,.no-image .post-full-content:before{display:none}.kg-card-markdown{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;max-width:920px}.post-full-content dl,.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6,.post-full-content ol,.post-full-content p,.post-full-content pre,.post-full-content ul{min-width:100%}.post-template .kg-card-markdown>p:first-child{font-size:1.25em;line-height:1.5em}.post-full-content a{color:#000;box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{color:#3eb0ef;text-decoration:none}.post-full-content em,.post-full-content strong{color:#090a0b}.post-full-content img{width:100vw;max-width:1040px;margin:1.5em 0}.post-full-content img[src$="#full"]{max-width:100vw}.post-full-content blockquote{margin:0 0 1.5em;padding:1.5em 0;border:0;text-align:center;font-size:3rem;line-height:1.6em;color:#3eb0ef}.post-full-content blockquote:before{content:open-quote}.post-full-content blockquote p{margin:0}@media (min-width:1000px){.post-full-content blockquote{width:100vw;max-width:1060px}}.post-full-content blockquote+blockquote{padding-top:0}.post-full-content code{padding:0 5px 2px;font-size:.8em;line-height:1em;font-weight:400!important;background:#e5eff5;border-radius:3px}.post-full-content pre{margin:1.5em 0 3em;padding:20px;border:1px solid #000;font-size:1.4rem;line-height:1.5em;color:#e5eff5;background:#0e0f11;border-radius:5px;overflow-x:auto;max-width:100%}.post-full-content pre code{padding:0;font-size:inherit;line-height:inherit;background:transparent}.post-full-content .fluid-width-video-wrapper{margin:1.5em 0 3em}.post-full-content hr:after{display:block;content:"";position:absolute;top:-15px;left:50%;margin-left:-10px;height:30px;width:1px;background:#e3e9ed;box-shadow:0 0 0 5px #fff;transform:rotate(45deg)}.post-full-content h1,.post-full-content h2,.post-full-content h3,.post-full-content h4,.post-full-content h5,.post-full-content h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#090a0b}.post-full-content h1{font-size:5rem}@media (max-width:500px){.post-full-content h1{font-size:2.2rem}}.post-full-content h2{font-size:3.5rem}@media (max-width:500px){.post-full-content h2{font-size:2.9rem}}.post-full-content h3{font-size:2.5rem}@media (max-width:500px){.post-full-content h3{font-size:2rem}}.post-full-content h4{font-size:1.6rem}.post-full-content h5,.post-full-content h6{font-size:1.4rem}.subscribe-form{margin:1.5em 0;padding:6.5vw 7vw 7vw;border:1px solid #edf4f8;text-align:center;background:#f4f8fb;border-radius:7px}.subscribe-form-title{margin:0 0 3px;padding:0;font-size:3.5rem;line-height:1;font-weight:700;color:#15171a}.subscribe-form p{margin-bottom:1em;font-size:2.2rem;line-height:1.55em;letter-spacing:.2px;color:#738a94}.subscribe-form form{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;max-width:420px;margin:0 auto}.subscribe-form .form-group{-ms-flex-positive:1;flex-grow:1}.subscribe-email{display:block;padding:10px;width:100%;border:1px solid #dae2e7;color:#738a94;font-size:1.8rem;line-height:1em;font-weight:400;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;border-radius:5px;transition:border-color .15s linear;-webkit-appearance:none}.subscribe-email:focus{outline:0;border-color:#becdd5}.subscribe-form button{display:inline-block;outline:none;margin:0 0 0 10px;padding:0 20px;height:41px;font-size:1.5rem;line-height:37px;font-weight:400;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.1);text-align:center;border-radius:5px;background:linear-gradient(#4fb7f0,#29a0e0 60%,#29a0e0 90%,#36a6e2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);-webkit-font-smoothing:subpixel-antialiased}.subscribe-form button:active,.subscribe-form button:focus{background:#209cdf}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;max-width:840px;margin:0 auto;padding:3vw 0 6vw}.author-card,.post-full-footer{display:-ms-flexbox;display:flex}.author-card{-ms-flex-align:center;align-items:center}.author-card-image{height:60px;width:60px;margin-right:10px}.author-card-content h4{margin:0;padding:0;font-size:2rem}.author-card-content h4 a{color:#15171a;font-weight:700}.author-card-content h4 a:hover{text-decoration:none}.author-card-content p{margin:0;color:#738a94}.post-full-comments{max-width:840px;margin:0 auto}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -20px;padding:40px 0 0}.read-next-card,.read-next-feed{display:-ms-flexbox;display:flex}.read-next-card{position:relative;-ms-flex:1 1 300px;flex:1 1 300px;-ms-flex-direction:column;flex-direction:column;margin:0 20px 40px;padding:25px;color:#fff;background:#15171a 50%;background-size:cover;box-shadow:8px 14px 38px rgba(39,44,49,.06),1px 3px 8px rgba(39,44,49,.03);border-radius:5px;overflow:hidden}.read-next-card:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,40,60,.6),rgba(0,20,40,.5));border-radius:5px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.read-next-card-header{position:relative;z-index:50;text-align:center}.read-next-card-header-title{padding:10px 20px;margin:0;font-size:3rem;line-height:1.2em;font-weight:300;letter-spacing:1px;color:#fff}.read-next-divider{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:80px}.read-next-divider svg{width:50px;stroke:#fff;stroke-opacity:.65;fill:transparent}.read-next-card-content{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;position:relative;z-index:50;font-size:1.7rem}.read-next-card-content ol{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:0 1em 0 2em}.read-next-card-content li{padding-left:5px;margin:20px 0;font-size:1.8rem;line-height:1.25em;font-weight:200}.read-next-card-content li a{display:inline-block;vertical-align:top;font-weight:600;color:#fff;opacity:.8;transition:opacity .3s ease}.read-next-card-content li a:hover{opacity:1}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#000}.site-footer-content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.3rem}.site-footer-content,.site-footer-content a{color:hsla(0,0%,100%,.7)}.site-footer-content a:hover{color:#fff;text-decoration:none}.site-footer-nav{display:-ms-flexbox;display:flex}.site-footer-nav a{position:relative;margin-left:20px}.site-footer-nav a:before{content:"";display:block;height:2px;width:2px;position:absolute;top:11px;left:-11px;border-radius:100%;background:#fff}.site-footer-nav a:first-of-type:before{display:none}.floating-header{visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:fixed;height:48px;border-bottom:1px solid rgba(0,0,0,.06);z-index:1000;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);transform:translate3d(0,-120%,0);transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-active{visibility:visible;transform:translateZ(0);transition:all .5s cubic-bezier(.22,1,.27,1)}.floating-header-logo{margin:0 0 0 15px;font-size:1.5rem;line-height:1.3em;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-header-logo a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#15171a;font-weight:700;line-height:1em}.floating-header-logo a:hover{text-decoration:none}.floating-header-logo img{max-height:20px;margin-right:10px}.floating-header-divider{margin:0 5px;line-height:1em}.floating-header-title{-ms-flex:1;flex:1;margin:0;font-weight:700;font-size:1.5rem;line-height:1.3em;color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-header-share{-ms-flex-pack:end;justify-content:flex-end;padding-left:2%;font-size:1.3rem;line-height:1}.floating-header-share,.floating-header-share a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.floating-header-share a{-ms-flex-pack:center;justify-content:center}.floating-header-share svg{fill:#fff;height:16px;width:auto}.floating-header-share-label{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:10px;color:rgba(0,0,0,.7);font-weight:500}.floating-header-share-label svg{width:18px;height:18px;margin:0 5px 0 10px;stroke:rgba(0,0,0,.7);transform:rotate(90deg)}.floating-header-share-fb,.floating-header-share-tw{display:block;width:48px;height:48px;line-height:45px;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;text-align:center;color:#fff;transition:all .5s cubic-bezier(.19,1,.22,1)}.floating-header-share-tw{background:#33b1ff}.floating-header-share-fb{background:#005e99}@media (max-width:900px){.floating-header{height:40px}.floating-header-share-fb,.floating-header-share-tw{height:40px;width:40px;line-height:38px}}@media (max-width:800px){.floating-header-logo{margin-left:10px}.floating-header-logo a{color:#2e2e2e}.floating-header-divider,.floating-header-title{visibility:hidden}}@media (max-width:450px){.floating-header-share-label{display:none}}.site-header-content .author-profile-image{-ms-flex-negative:0;flex-shrink:0;width:100px;height:100px;margin:0 0 20px;box-shadow:0 0 0 6px hsla(0,0%,100%,.1)}.site-header-content .author-bio{-ms-flex-negative:0;flex-shrink:0;max-width:600px;margin:5px 0 10px;font-size:2rem;line-height:1.3em;font-weight:300;letter-spacing:.5px;opacity:.8}.site-header-content .author-meta{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 0 10px;font-family:Georgia,serif;font-style:italic}.site-header-content .author-location svg{height:1.9rem;stroke:#fff}.site-header-content .bull{display:inline-block;margin:0 12px;opacity:.5}.site-header-content .social-link:first-of-type{padding-left:4px}.error-template .site-main{padding:7vw 4vw}.site-nav-center{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}.site-nav-center .site-nav-logo{margin-right:0}.error-message{text-align:center}.error-code{margin:0;font-size:12vw;line-height:1em;letter-spacing:-5px;opacity:.3}.error-description{margin:0;font-size:3rem;line-height:1.3em;font-weight:400;color:#738a94}@media (max-width:800px){.error-description{margin:5px 0 0;font-size:1.8rem}}.error-link{display:inline-block;margin-top:5px}.error-template .post-feed{padding-top:0} /*# sourceMappingURL=screen.css.map */ diff --git a/assets/public/screen.css.map b/assets/public/screen.css.map index 449cd37..4de8710 100644 --- a/assets/public/screen.css.map +++ b/assets/public/screen.css.map @@ -1 +1 @@ -{"version":3,"sources":["components/global.css","screen.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,iBACI,iBAAkB,AAClB,kBAA+C,CAClD,AAHD,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,iBAAkB,AAClB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAA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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.5em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","/* Components - Groups of Patterns\n/* ---------------------------------------------------------- */\n@import \"components/global.css\";\n\nbody {\n background: #F4F8FB;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background-position: center center;\n background-size: cover;\n}\n\n.hidden {\n position: absolute;\n text-indent: -9999px;\n visibility: hidden;\n}\n\n\n/* Layout - Groups of Patterns\n/* ---------------------------------------------------------- */\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n
\n
\n Centered content\n
\n
\n\n*/\n\n/* Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed {\n margin-top: -100px;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n z-index: 300;\n }\n}\n\n\n/* Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n display: block;\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n display: block;\n content: \"\";\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 10;\n height: 60px;\n background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));\n}\n\n.site-header.no-cover:before,\n.site-header.no-cover:after {\n display: none;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 10vw 0;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n\n/* Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 100;\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n height: 40px;\n font-size: 1.3rem;\n overflow-y: hidden;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n margin-right: 10px;\n padding-bottom: 80px;\n white-space: nowrap;\n overflow-x: auto;\n overflow-y: hidden;\n\n -webkit-overflow-scrolling: touch;\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n font-size: 1.7rem;\n font-weight: bold;\n color: #fff;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n height: 21px;\n width: auto;\n}\n\n.nav-menu ul {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav-item a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav-item a:hover {\n opacity: 1;\n text-decoration: none;\n}\n\n.site-nav-right {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n height: 40px;\n}\n\n.social-links {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n height: 2.1rem;\n margin-bottom: 1px;\n fill: #fff;\n}\n\n\n/* Site Navigation\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n z-index: 200;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -15px;\n padding: 30px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n order: unset;\n display: flex;\n flex-direction: column;\n min-height: 300px;\n margin: 0 20px 40px;\n background: #fff center center;\n background-size: cover;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n border-radius: 5px;\n overflow: hidden;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07);\n transform: translate3D(0, -1px, 0);\n transition: all 0.3s ease;\n}\n\n.post-card-image-link {\n position: relative;\n}\n\n.post-card-image {\n width: auto;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n background-size: cover;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n text-transform: uppercase;\n font-size: 1.2rem;\n line-height: 1.15em;\n letter-spacing: 0.5px;\n font-weight: 500;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n padding: 0 25px 25px;\n}\n\n.author-profile-image {\n height: 25px;\n width: 25px;\n margin-right: 5px;\n border-radius: 100%;\n}\n\n.post-card-author {\n text-transform: uppercase;\n font-size: 1.3rem;\n letter-spacing: 0.5px;\n font-weight: 500;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n\n .home-template .post-feed .post-card:nth-child(6n+1) {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-image-link {\n flex: 1 1 auto;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-image {\n width: 100%;\n height: 100%;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-content {\n flex: 0 1 357px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) h2 {\n font-size: 2.6rem;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta {\n padding: 0 40px 30px;\n }\n\n /* Special Styling for Subscribe box\n\n We've got a special subscribe box, this allows it to appear in the middle of the loop of posts without actually needing to interrupt the loop. Neat trickery courtesy of David Darnes.\n\n\n\n .post-card:nth-of-type(2),\n .post-card:nth-of-type(3) {\n order: -1;\n }\n\n */\n\n}\n\n\n\n\n\n/* Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n max-width: 1040px;\n margin: 0 auto;\n padding: 10vw 3vw 6vw;\n text-align: center;\n}\n\n.post-full-meta {\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 1.4rem;\n color: var(--midgrey)\n}\n\n.post-full-meta-date {\n color: var(--blue);\n\n}\n\n.post-full-title {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n height: 800px;\n margin: -5vw -10vw -165px;\n background: var(--lightgrey) center center;\n background-size: cover;\n border-radius: 5px;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n height: 600px;\n margin: -5vw -4vw -100px;\n border-radius: 0;\n }\n}\n\n.post-full-content {\n position: relative;\n min-height: 230px;\n padding: 70px 100px 0;\n margin: 0 auto;\n font-size: 2.2rem;\n line-height: 1.6em;\n font-family: Georgia, serif;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n display: block;\n content: \"\";\n width: 20px;\n height: 200px;\n transform: rotate(-5deg);\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n}\n\n.post-full-content:after {\n display: block;\n content: \"\";\n width: 20px;\n height: 200px;\n transform: rotate(5deg);\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.kg-card-markdown {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n min-width: 100%;\n}\n\n.post-template .kg-card-markdown > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content a {\n color: #000;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content img {\n width: 100vw;\n max-width: 1040px;\n margin: 1.5em 0;\n}\n\n/*\nIf an image url has #full on the end, give it special wide styles.\nSuper neat trick courtesy of @JoelDrapper\n*/\n.post-full-content img[src$=\"#full\"] {\n max-width: 100vw;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em 0;\n padding: 1.5em 0;\n border: 0;\n text-align: center;\n font-size: 3rem;\n line-height: 1.6em;\n color: var(--blue);\n}\n\n.post-full-content blockquote:before {\n content: open-quote;\n}\n\n.post-full-content blockquote p {\n margin: 0;\n}\n\n@media (min-width: 1000px) {\n .post-full-content blockquote {\n width: 100vw;\n max-width: 1060px;\n }\n}\n\n.post-full-content blockquote + blockquote {\n padding-top: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content pre {\n margin: 1.5em 0 3em;\n padding: 20px;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n font-size: 1.4rem;\n line-height: 1.5em;\n color: var(--whitegrey);\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n overflow-x: auto;\n max-width: 100%;\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr:after {\n display: block;\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n margin-left: -10px;\n height: 30px;\n width: 1px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content h1 {\n font-size: 5rem;\n}\n@media (max-width: 500px) {\n .post-full-content h1 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h2 {\n font-size: 3.5rem;\n}\n@media (max-width: 500px) {\n .post-full-content h2 {\n font-size: 2.9rem;\n }\n}\n\n.post-full-content h3 {\n font-size: 2.5rem;\n}\n@media (max-width: 500px) {\n .post-full-content h3 {\n font-size: 2rem;\n }\n}\n\n.post-full-content h4 {\n font-size: 1.6rem;\n}\n\n.post-full-content h5 {\n font-size: 1.4rem;\n}\n\n.post-full-content h6 {\n font-size: 1.4rem;\n}\n\n\n/* Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n color: var(--darkgrey)\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n color: var(--midgrey);\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n max-width: 420px;\n margin: 0 auto;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n outline: none;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n color: #fff;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n text-align: center;\n border-radius: 5px;\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n\n/* Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n max-width: 840px;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n}\n\n.author-card {\n display: flex;\n align-items: center;\n}\n\n.author-card-image {\n height: 60px;\n width: 60px;\n margin-right: 10px;\n}\n\n.author-card-content h4 {\n margin: 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-content h4 a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-content h4 a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n}\n\n\n/* Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n max-width: 840px;\n margin: 0 auto;\n}\n\n\n/* Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n border-radius: 5px;\n overflow: hidden;\n}\n\n.read-next-card:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: linear-gradient(135deg, rgba(0,40,60,0.60) 0%,rgba(0,20,40,0.50) 100%);\n border-radius: 5px;\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n text-align: center;\n}\n\n.read-next-card-header-title {\n padding: 10px 20px;\n margin: 0;\n font-size: 3rem;\n line-height: 1.2em;\n font-weight: 300;\n letter-spacing: 1px;\n color: #fff;\n}\n\n.read-next-divider {\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 50px;\n stroke: #fff;\n fill: transparent;\n}\n\n.read-next-card-content {\n flex-grow: 1;\n display: flex;\n position: relative;\n z-index: 50;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ol {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0 1em 0 2em;\n}\n\n.read-next-card-content li {\n padding-left: 5px;\n margin: 20px 0;\n font-size: 1.8rem;\n line-height: 1.25em;\n font-weight: 200;\n}\n\n.read-next-card-content li a {\n display: inline-block;\n vertical-align: top;\n font-weight: 600;\n color: #fff;\n opacity: 0.8;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n\n/* Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n padding-top: 20px;\n padding-bottom: 60px;\n color: #fff;\n background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer-content a {\n color: rgba(255,255,255,0.7);;\n}\n\n.site-footer-content a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav {\n display: flex;\n}\n\n.site-footer-nav a {\n position: relative;\n margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n content: \"\";\n display: block;\n height: 2px;\n width: 2px;\n position: absolute;\n top: 11px;\n left: -11px;\n border-radius: 100%;\n background: #fff;\n}\n\n.site-footer-nav a:first-of-type:before {\n display: none;\n}\n\n\n\n\n\n\n/* ==========================================================================\n Floating Header\n ========================================================================== */\n\n.floating-header {\n visibility: hidden;\n display: flex;\n align-items: center;\n position: fixed;\n height: 48px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n z-index: 1000;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255,255,255,0.95);\n transform: translate3d(0, -120%, 0);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-active {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n}\n\n.floating-header-logo {\n margin: 0 0 0 15px;\n font-size: 1.5rem;\n line-height: 1.3em;\n letter-spacing: -0.5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n font-weight: 700;\n line-height: 1em;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n max-height: 20px;\n margin-right: 10px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n margin: 0;\n font-weight: bold;\n font-size: 1.5rem;\n line-height: 1.3em;\n color: #2e2e2e;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.floating-header-share svg {\n fill: #fff;\n height: 16px;\n width: auto;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n width: 18px;\n height: 18px;\n margin: 0 5px 0 10px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n width: 48px;\n height: 48px;\n line-height: 45px;\n align-items: center;\n text-align: center;\n color: #fff;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n@media (max-width: 900px) {\n .floating-header { height: 40px; }\n .floating-header-share-tw,\n .floating-header-share-fb {\n height: 40px;\n width: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo { margin-left: 10px; }\n .floating-header-logo a { color: #2e2e2e; }\n .floating-header-title,\n .floating-header-divider { visibility: hidden; }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label { display: none; }\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["components/global.css","screen.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,iBACI,iBAAkB,AAClB,kBAA+C,CAClD,AAHD,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,iBAAkB,AAClB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAA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","file":"screen.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.5em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","/* Components - Groups of Patterns\n/* ---------------------------------------------------------- */\n@import \"components/global.css\";\n\nbody {\n background: #f4f8fb;\n}\n\n.img {\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background-position: center center;\n background-size: cover;\n}\n\n.hidden {\n position: absolute;\n text-indent: -9999px;\n visibility: hidden;\n}\n\n\n/* Layout - Groups of Patterns\n/* ---------------------------------------------------------- */\n\n/* Full width page blocks */\n.outer {\n position: relative;\n padding: 0 4vw;\n}\n\n/* Centered content container blocks */\n.inner {\n margin: 0 auto;\n max-width: 1040px;\n width: 100%;\n}\n\n/* Usage:\n\n
\n
\n Centered content\n
\n
\n\n*/\n\n/* Special Template Styles\n/* ---------------------------------------------------------- */\n\n@media (min-width: 900px) {\n .home-template .post-feed,\n .tag-template .post-feed,\n .author-template .post-feed {\n margin-top: -100px;\n }\n .home-template .site-nav {\n position: relative;\n top: -70px;\n z-index: 300;\n }\n}\n\n\n/* Site Header\n/* ---------------------------------------------------------- */\n\n.site-header {\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n color: #fff;\n background: color(var(--darkgrey) l(-5%)) no-repeat center center;\n background-size: cover;\n}\n\n.site-header:before {\n display: block;\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n background: rgba(0,0,0,0.18);\n}\n\n.site-header:after {\n display: block;\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: auto;\n left: 0;\n z-index: 10;\n height: 80px;\n background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));\n}\n\n.site-header.no-cover:before,\n.site-header.no-cover:after {\n display: none;\n}\n\n.site-header-content {\n position: relative;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 10vw 0;\n min-height: 200px;\n max-height: 450px;\n text-align: center;\n}\n\n.site-title {\n margin: 0;\n padding: 0;\n font-size: 3.8rem;\n font-weight: 700;\n}\n\n.site-logo {\n max-height: 45px;\n}\n\n.site-description {\n margin: 0;\n padding: 5px 0;\n font-size: 2.2rem;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n\n/* Site Navigation\n/* ---------------------------------------------------------- */\n\n.site-nav {\n position: relative;\n z-index: 100;\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n height: 40px;\n font-size: 1.3rem;\n overflow-y: hidden;\n}\n\n.site-nav-left {\n display: flex;\n align-items: center;\n margin-right: 10px;\n padding-bottom: 80px;\n white-space: nowrap;\n overflow-x: auto;\n overflow-y: hidden;\n\n -webkit-overflow-scrolling: touch;\n -ms-overflow-scrolling: touch;\n}\n\n/* Site Nav Hack Explanation (above):\n\nWhat's happening above it .site-nav-left is set to overflow-x and allow sideways scrolling, so that when there isn't enough space for all nav items (either due to lots of nav items, or a small viewport), you can still scroll side-to-side to reach them.\n\nThe knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px of padding-bottom and a 40px fixed height parent (.site-nav) hides that entirely. Slightly hacky code. But nice clean end-result.\n\n*/\n\n.site-nav-logo {\n flex-shrink: 0;\n display: block;\n margin-right: 24px;\n font-size: 1.7rem;\n font-weight: bold;\n color: #fff;\n letter-spacing: -0.5px;\n}\n\n.site-nav-logo:hover {\n text-decoration: none;\n}\n\n.site-nav-logo img {\n display: block;\n height: 21px;\n width: auto;\n}\n\n.nav-menu ul {\n display: flex;\n margin: 0 0 0 -12px;\n padding: 0;\n list-style: none;\n}\n\n.nav-item {\n display: block;\n margin: 0;\n padding: 0;\n text-transform: uppercase;\n}\n\n.nav-item a {\n display: block;\n margin: 0;\n padding: 10px 12px;\n color: #fff;\n opacity: 0.8;\n}\n\n.nav-item a:hover {\n opacity: 1;\n text-decoration: none;\n}\n\n.site-nav-right {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n height: 40px;\n}\n\n.social-links {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.social-links a:last-of-type {\n padding-right: 20px;\n}\n\n.social-link {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n padding: 10px;\n color: #fff;\n opacity: 0.8;\n}\n\n.social-link:hover {\n opacity: 1;\n}\n\n.social-link svg {\n height: 1.8rem;\n fill: #fff;\n}\n\n.social-link-fb svg {\n height: 1.5rem;\n}\n\n.social-link-wb svg {\n height: 1.6rem;\n}\n\n.social-link-wb svg path {\n stroke: #fff;\n}\n\n.social-link-rss svg {\n height: 1.9rem;\n}\n\n.subscribe-button {\n display: block;\n padding: 4px 10px;\n border: #fff 1px solid;\n color: #fff;\n font-size: 1.2rem;\n line-height: 1em;\n border-radius: 10px;\n opacity: 0.8;\n}\n\n.subscribe-button:hover {\n text-decoration: none;\n opacity: 1;\n}\n\n.rss-button {\n opacity: 0.8;\n}\n\n.rss-button:hover {\n opacity: 1;\n}\n\n.rss-button svg {\n height: 2.1rem;\n margin-bottom: 1px;\n fill: #fff;\n}\n\n\n/* Site Navigation\n/* ---------------------------------------------------------- */\n\n.post-feed {\n position: relative;\n z-index: 200;\n display: flex;\n flex-wrap: wrap;\n margin: 0 -15px;\n padding: 30px 0 0 0;\n}\n\n.post-card {\n flex: 1 1 300px;\n order: unset;\n display: flex;\n flex-direction: column;\n min-height: 300px;\n margin: 0 20px 40px;\n background: #fff center center;\n background-size: cover;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n border-radius: 5px;\n overflow: hidden;\n transition: all 0.5s ease;\n}\n\n.post-card:hover {\n box-shadow: 0 0 1px rgba(39,44,49,0.10), 0 3px 16px rgba(39, 44, 49,0.07);\n transform: translate3D(0, -1px, 0);\n transition: all 0.3s ease;\n}\n\n.post-card-image-link {\n position: relative;\n}\n\n.post-card-image {\n width: auto;\n height: 200px;\n background: var(--lightgrey) no-repeat center center;\n background-size: cover;\n}\n\n.post-card-content-link {\n position: relative;\n display: block;\n padding: 25px 25px 0;\n color: var(--darkgrey);\n}\n\n.post-card-content-link:hover {\n text-decoration: none;\n}\n\n.post-card-tags {\n display: block;\n margin-bottom: 4px;\n color: var(--midgrey);\n text-transform: uppercase;\n font-size: 1.2rem;\n line-height: 1.15em;\n letter-spacing: 0.5px;\n font-weight: 500;\n}\n\n.post-card-title {\n margin-top: 0;\n}\n\n.post-card-content {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n}\n\n.post-card-excerpt {\n font-family: Georgia, serif;\n}\n\n.post-card-meta {\n padding: 0 25px 25px;\n}\n\n.author-profile-image {\n height: 25px;\n width: 25px;\n margin-right: 5px;\n border-radius: 100%;\n}\n\n.post-card-author {\n text-transform: uppercase;\n font-size: 1.3rem;\n letter-spacing: 0.5px;\n font-weight: 500;\n}\n\n/* Special Styling for home page grid (below):\n\nThe first (most recent) post in the list is styled to be bigger than the others and take over the full width of the grid to give it more emphasis. Wrapped in a media query to make sure this only happens on large viewports / desktop-ish devices.\n\n */\n\n@media (min-width: 795px) {\n\n .home-template .post-feed .post-card:nth-child(6n+1) {\n flex: 1 1 100%;\n flex-direction: row;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-image-link {\n flex: 1 1 auto;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-image {\n width: 100%;\n height: 100%;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-content {\n flex: 0 1 357px;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) h2 {\n font-size: 2.6rem;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) p {\n font-size: 1.8rem;\n line-height: 1.55em;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-content-link {\n padding: 30px 40px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta {\n padding: 0 40px 30px;\n }\n\n}\n\n.home-template .site-header:after {\n display: none;\n}\n\n\n\n/* Single Post\n/* ---------------------------------------------------------- */\n\n.post-template .site-main,\n.page-template .site-main {\n padding-bottom: 4vw;\n background: #fff;\n}\n\n.post-full {\n position: relative;\n z-index: 50;\n}\n/* ^ Required to make .post-full-content:before/after z-index stacking work */\n\n.post-full-header {\n max-width: 1040px;\n margin: 0 auto;\n padding: 10vw 3vw 6vw;\n text-align: center;\n}\n\n.post-full-meta {\n display: flex;\n align-items: center;\n justify-content: center;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 1.4rem;\n color: var(--midgrey)\n}\n\n.post-full-meta-date {\n color: var(--blue);\n\n}\n\n.post-full-title {\n margin: 0;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.date-divider {\n display: inline-block;\n margin: 0 6px 1px;\n}\n\n.post-full-image {\n height: 800px;\n margin: 0 -10vw -165px;\n background: var(--lightgrey) center center;\n background-size: cover;\n border-radius: 5px;\n}\n\n@media (max-width: 1170px) {\n .post-full-image {\n height: 600px;\n margin: 0 -4vw -100px;\n border-radius: 0;\n }\n}\n\n.post-full-content {\n position: relative;\n min-height: 230px;\n padding: 70px 100px 0;\n margin: 0 auto;\n font-size: 2.2rem;\n line-height: 1.6em;\n font-family: Georgia, serif;\n background: #fff;\n}\n\n@media (max-width: 1170px) {\n .post-full-content {\n padding: 5vw 7vw 0;\n }\n}\n@media (max-width: 800px) {\n .post-full-content {\n font-size: 1.9rem;\n }\n}\n\n.post-full-content:before {\n display: block;\n content: \"\";\n width: 20px;\n height: 200px;\n transform: rotate(-5deg);\n position: absolute;\n top: 15px;\n left: -5px;\n z-index: -1;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n}\n\n.post-full-content:after {\n display: block;\n content: \"\";\n width: 20px;\n height: 200px;\n transform: rotate(5deg);\n position: absolute;\n top: 15px;\n right: -5px;\n z-index: -1;\n background: rgba(39,44,49,0.15);\n filter: blur(5px);\n}\n\n.no-image .post-full-content {\n padding-top: 0;\n}\n\n.no-image .post-full-content:before,\n.no-image .post-full-content:after {\n display: none;\n}\n\n.kg-card-markdown {\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 920px;\n}\n\n.post-full-content p,\n.post-full-content ul,\n.post-full-content ol,\n.post-full-content dl,\n.post-full-content pre,\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n min-width: 100%;\n}\n\n.post-template .kg-card-markdown > p:first-child {\n font-size: 1.25em;\n line-height: 1.5em;\n}\n\n.post-full-content a {\n color: #000;\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n color: var(--blue);\n text-decoration: none;\n}\n\n.post-full-content strong,\n.post-full-content em {\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content img {\n width: 100vw;\n max-width: 1040px;\n margin: 1.5em 0;\n}\n\n/*\nIf an image url has #full on the end, give it special wide styles.\nSuper neat trick courtesy of @JoelDrapper\n*/\n.post-full-content img[src$=\"#full\"] {\n max-width: 100vw;\n}\n\n.post-full-content blockquote {\n margin: 0 0 1.5em 0;\n padding: 1.5em 0;\n border: 0;\n text-align: center;\n font-size: 3rem;\n line-height: 1.6em;\n color: var(--blue);\n}\n\n.post-full-content blockquote:before {\n content: open-quote;\n}\n\n.post-full-content blockquote p {\n margin: 0;\n}\n\n@media (min-width: 1000px) {\n .post-full-content blockquote {\n width: 100vw;\n max-width: 1060px;\n }\n}\n\n.post-full-content blockquote + blockquote {\n padding-top: 0;\n}\n\n.post-full-content code {\n padding: 0 5px 2px;\n font-size: 0.8em;\n line-height: 1em;\n font-weight: 400!important;\n background: var(--whitegrey);\n border-radius: 3px;\n}\n\n.post-full-content pre {\n margin: 1.5em 0 3em;\n padding: 20px;\n border: color(var(--darkgrey) l(-10%)) 1px solid;\n font-size: 1.4rem;\n line-height: 1.5em;\n color: var(--whitegrey);\n background: color(var(--darkgrey) l(-3%));\n border-radius: 5px;\n overflow-x: auto;\n max-width: 100%;\n}\n\n.post-full-content pre code {\n padding: 0;\n font-size: inherit;\n line-height: inherit;\n background: transparent;\n}\n\n.post-full-content .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n.post-full-content hr:after {\n display: block;\n content: \"\";\n position: absolute;\n top: -15px;\n left: 50%;\n margin-left: -10px;\n height: 30px;\n width: 1px;\n background: color(var(--lightgrey) l(+10%));\n box-shadow: #fff 0 0 0 5px;\n transform: rotate(45deg);\n}\n\n.post-full-content h1,\n.post-full-content h2,\n.post-full-content h3,\n.post-full-content h4,\n.post-full-content h5,\n.post-full-content h6 {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n color: color(var(--darkgrey) l(-5%));\n}\n\n.post-full-content h1 {\n font-size: 5rem;\n}\n@media (max-width: 500px) {\n .post-full-content h1 {\n font-size: 2.2rem;\n }\n}\n\n.post-full-content h2 {\n font-size: 3.5rem;\n}\n@media (max-width: 500px) {\n .post-full-content h2 {\n font-size: 2.9rem;\n }\n}\n\n.post-full-content h3 {\n font-size: 2.5rem;\n}\n@media (max-width: 500px) {\n .post-full-content h3 {\n font-size: 2rem;\n }\n}\n\n.post-full-content h4 {\n font-size: 1.6rem;\n}\n\n.post-full-content h5 {\n font-size: 1.4rem;\n}\n\n.post-full-content h6 {\n font-size: 1.4rem;\n}\n\n\n/* Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6.5vw 7vw 7vw;\n border: color(var(--whitegrey) l(+2%)) 1px solid;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 7px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n font-size: 3.5rem;\n line-height: 1;\n font-weight: 700;\n color: var(--darkgrey)\n}\n\n.subscribe-form p {\n margin-bottom: 1em;\n font-size: 2.2rem;\n line-height: 1.55em;\n letter-spacing: 0.2px;\n color: var(--midgrey);\n}\n\n.subscribe-form form {\n display: flex;\n justify-content: center;\n align-items: center;\n max-width: 420px;\n margin: 0 auto;\n}\n\n.subscribe-form .form-group {\n flex-grow: 1;\n}\n\n.subscribe-email {\n display: block;\n padding: 10px;\n width: 100%;\n border: color(var(--lightgrey) l(+7%)) 1px solid;\n color: var(--midgrey);\n font-size: 1.8rem;\n line-height: 1em;\n font-weight: normal;\n user-select: text;\n border-radius: 5px;\n transition: border-color 0.15s linear;\n\n -webkit-appearance: none;\n}\n\n.subscribe-email:focus {\n outline: 0;\n border-color: color(var(--lightgrey) l(-2%));\n}\n\n.subscribe-form button {\n display: inline-block;\n outline: none;\n margin: 0 0 0 10px;\n padding: 0 20px;\n height: 41px;\n font-size: 1.5rem;\n line-height: 37px;\n font-weight: 400;\n color: #fff;\n text-shadow: 0 -1px 0 rgba(0,0,0,0.1);\n text-align: center;\n border-radius: 5px;\n background: linear-gradient(\n color(var(--blue) whiteness(+7%)),\n color(var(--blue) lightness(-7%) saturation(-10%)) 60%,\n color(var(--blue) lightness(-7%) saturation(-10%)) 90%,\n color(var(--blue) lightness(-4%) saturation(-10%))\n );\n box-shadow: 0 0 0 1px inset rgba(0,0,0,0.14);\n\n -webkit-font-smoothing: subpixel-antialiased;\n}\n\n.subscribe-form button:active,\n.subscribe-form button:focus {\n background: color(var(--blue) lightness(-9%) saturation(-10%));\n}\n\n\n/* Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n max-width: 840px;\n margin: 0 auto;\n padding: 3vw 0 6vw 0;\n}\n\n.author-card {\n display: flex;\n align-items: center;\n}\n\n.author-card-image {\n height: 60px;\n width: 60px;\n margin-right: 10px;\n}\n\n.author-card-content h4 {\n margin: 0;\n padding: 0;\n font-size: 2rem;\n}\n\n.author-card-content h4 a {\n color: var(--darkgrey);\n font-weight: 700;\n}\n\n.author-card-content h4 a:hover {\n text-decoration: none;\n}\n\n.author-card-content p {\n margin: 0;\n color: var(--midgrey);\n}\n\n\n/* Comments\n/* ---------------------------------------------------------- */\n\n.post-full-comments {\n max-width: 840px;\n margin: 0 auto;\n}\n\n\n/* Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -20px;\n padding: 40px 0 0 0;\n}\n\n.read-next-card {\n position: relative;\n flex: 1 1 300px;\n display: flex;\n flex-direction: column;\n margin: 0 20px 40px;\n padding: 25px;\n color: #fff;\n background: var(--darkgrey) center center;\n background-size: cover;\n box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px;\n border-radius: 5px;\n overflow: hidden;\n}\n\n.read-next-card:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background: linear-gradient(135deg, rgba(0,40,60,0.60) 0%,rgba(0,20,40,0.50) 100%);\n border-radius: 5px;\n backdrop-filter: blur(2px);\n}\n\n.read-next-card-header {\n position: relative;\n z-index: 50;\n text-align: center;\n}\n\n.read-next-card-header-title {\n padding: 10px 20px;\n margin: 0;\n font-size: 3rem;\n line-height: 1.2em;\n font-weight: 300;\n letter-spacing: 1px;\n color: #fff;\n}\n\n.read-next-divider {\n position: relative;\n display: flex;\n justify-content: center;\n height: 80px;\n}\n\n.read-next-divider svg {\n width: 50px;\n stroke: #fff;\n stroke-opacity: 0.65;\n fill: transparent;\n}\n\n.read-next-card-content {\n flex-grow: 1;\n display: flex;\n position: relative;\n z-index: 50;\n font-size: 1.7rem;\n}\n\n.read-next-card-content ol {\n display: flex;\n flex-direction: column;\n margin: 0 auto;\n padding: 0 1em 0 2em;\n}\n\n.read-next-card-content li {\n padding-left: 5px;\n margin: 20px 0;\n font-size: 1.8rem;\n line-height: 1.25em;\n font-weight: 200;\n}\n\n.read-next-card-content li a {\n display: inline-block;\n vertical-align: top;\n font-weight: 600;\n color: #fff;\n opacity: 0.8;\n transition: opacity 0.3s ease;\n}\n\n.read-next-card-content li a:hover {\n opacity: 1;\n}\n\n\n/* Site Footer\n/* ---------------------------------------------------------- */\n\n.site-footer {\n position: relative;\n padding-top: 20px;\n padding-bottom: 60px;\n color: #fff;\n background: color(var(--darkgrey) l(-15%));\n}\n\n.site-footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n color: rgba(255,255,255,0.7);\n font-size: 1.3rem;\n}\n\n.site-footer-content a {\n color: rgba(255,255,255,0.7);;\n}\n\n.site-footer-content a:hover {\n color: rgba(255,255,255,1);\n text-decoration: none;\n}\n\n.site-footer-nav {\n display: flex;\n}\n\n.site-footer-nav a {\n position: relative;\n margin-left: 20px;\n}\n\n.site-footer-nav a:before {\n content: \"\";\n display: block;\n height: 2px;\n width: 2px;\n position: absolute;\n top: 11px;\n left: -11px;\n border-radius: 100%;\n background: #fff;\n}\n\n.site-footer-nav a:first-of-type:before {\n display: none;\n}\n\n\n\n\n\n\n/* ==========================================================================\n Floating Header\n ========================================================================== */\n\n.floating-header {\n visibility: hidden;\n display: flex;\n align-items: center;\n position: fixed;\n height: 48px;\n border-bottom: rgba(0,0,0,0.06) 1px solid;\n z-index: 1000;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(255,255,255,0.95);\n transform: translate3d(0, -120%, 0);\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-active {\n visibility: visible;\n transform: translate3d(0, 0, 0);\n transition: all 500ms cubic-bezier(0.22, 1, 0.27, 1);\n}\n\n.floating-header-logo {\n margin: 0 0 0 15px;\n font-size: 1.5rem;\n line-height: 1.3em;\n letter-spacing: -0.5px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.floating-header-logo a {\n display: flex;\n align-items: center;\n color: var(--darkgrey);\n font-weight: 700;\n line-height: 1em;\n}\n\n.floating-header-logo a:hover {\n text-decoration: none;\n}\n\n.floating-header-logo img {\n max-height: 20px;\n margin-right: 10px;\n}\n\n.floating-header-divider {\n margin: 0 5px;\n line-height: 1em;\n}\n\n.floating-header-title {\n flex: 1;\n margin: 0;\n font-weight: bold;\n font-size: 1.5rem;\n line-height: 1.3em;\n color: #2e2e2e;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.floating-header-share {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-left: 2%;\n font-size: 1.3rem;\n line-height: 1;\n}\n\n.floating-header-share a {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.floating-header-share svg {\n fill: #fff;\n height: 16px;\n width: auto;\n}\n\n.floating-header-share-label {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n margin-right: 10px;\n color: rgba(0,0,0,0.7);\n font-weight: 500;\n}\n\n.floating-header-share-label svg {\n width: 18px;\n height: 18px;\n margin: 0 5px 0 10px;\n stroke: rgba(0,0,0,0.7);\n transform: rotate(90deg);\n}\n\n.floating-header-share-tw,\n.floating-header-share-fb {\n display: block;\n width: 48px;\n height: 48px;\n line-height: 45px;\n align-items: center;\n text-align: center;\n color: #fff;\n transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.floating-header-share-tw {\n background: #33b1ff;\n}\n\n.floating-header-share-fb {\n background: #005e99;\n}\n\n@media (max-width: 900px) {\n .floating-header { height: 40px; }\n .floating-header-share-tw,\n .floating-header-share-fb {\n height: 40px;\n width: 40px;\n line-height: 38px;\n }\n}\n\n@media (max-width: 800px) {\n .floating-header-logo { margin-left: 10px; }\n .floating-header-logo a { color: #2e2e2e; }\n .floating-header-title,\n .floating-header-divider { visibility: hidden; }\n}\n\n@media (max-width: 450px) {\n .floating-header-share-label { display: none; }\n}\n\n\n/* ==========================================================================\n Author Template / author.hbs\n ========================================================================== */\n\n.site-header-content .author-profile-image {\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n margin: 0 0 20px 0;\n box-shadow: rgba(255,255,255,0.1) 0 0 0 6px;\n}\n\n.site-header-content .author-bio {\n flex-shrink: 0;\n max-width: 600px;\n margin: 5px 0 10px 0;\n font-size: 2rem;\n line-height: 1.3em;\n font-weight: 300;\n letter-spacing: 0.5px;\n opacity: 0.8;\n}\n\n.site-header-content .author-meta {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0 0 10px 0;\n font-family: Georgia, serif;\n font-style: italic;\n}\n\n.site-header-content .author-location svg {\n height: 1.9rem;\n stroke: #fff;\n}\n\n.site-header-content .bull {\n display: inline-block;\n margin: 0 12px;\n opacity: 0.5;\n}\n\n.site-header-content .social-link:first-of-type {\n padding-left: 4px;\n}\n\n\n/* ==========================================================================\n Error Template / error.hbs\n ========================================================================== */\n\n.error-template .site-main {\n padding: 7vw 4vw;\n}\n\n.site-nav-center {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.site-nav-center .site-nav-logo {\n margin-right: 0;\n}\n\n.error-message {\n text-align: center;\n}\n\n.error-code {\n margin: 0;\n font-size: 12vw;\n line-height: 1em;\n letter-spacing: -5px;\n opacity: 0.3;\n}\n\n.error-description {\n margin: 0;\n font-size: 3rem;\n line-height: 1.3em;\n font-weight: 400;\n color: var(--midgrey);\n}\n\n@media (max-width: 800px) {\n .error-description {\n margin: 5px 0 0 0;\n font-size: 1.8rem;\n }\n}\n\n.error-link {\n display: inline-block;\n margin-top: 5px;\n}\n\n.error-template .post-feed {\n padding-top: 0;\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/author.hbs b/author.hbs index ee108d2..7340698 100644 --- a/author.hbs +++ b/author.hbs @@ -5,37 +5,77 @@ {{!-- Everything inside the #author tags pulls data from the author --}} {{#author}} -
-
{{/author}} {{!-- The main content area on the homepage --}}
+
- {{!-- The tag below includes the post loop - partials/loop.hbs --}} - {{> "loop"}} +
+ {{#foreach posts}} + {{!-- The tag below includes the markup for each post - partials/post-card.hbs --}} + {{> "post-card"}} + + {{/foreach}} +
+ +
diff --git a/default.hbs b/default.hbs index 3a7c6c0..b2e7e1b 100644 --- a/default.hbs +++ b/default.hbs @@ -31,8 +31,8 @@
{{@blog.title}} © {{date format="YYYY"}}
diff --git a/error.hbs b/error.hbs index 5abc069..99a07fb 100644 --- a/error.hbs +++ b/error.hbs @@ -8,11 +8,66 @@ - - +
- ERROR -
+
+
+ +
+
+ + {{!-- The main content area --}} +
+
+ +
+

{{code}}

+

{{message}}

+ Go to the front page → +
+ + {{#if errorDetails}} +
+

Theme errors

+ +
    + {{#each errorDetails}} +
  • + {{{rule}}} + + {{#each failures}} +

    Ref: {{ref}}

    +

    Message: {{message}}

    + {{/each}} +
    • + {{/each}} +
+
+ {{/if}} + +
+
+ + {{#get "posts" limit="3"}} + + {{/get}} + + diff --git a/index.hbs b/index.hbs index 6f4e2b5..a64a4ff 100644 --- a/index.hbs +++ b/index.hbs @@ -25,10 +25,10 @@ into the {body} of the default.hbs template --}}
{{#if @labs.subscribers}} diff --git a/page.hbs b/page.hbs index af9c5c9..7cbdb1e 100644 --- a/page.hbs +++ b/page.hbs @@ -18,10 +18,10 @@ into the {body} of the default.hbs template --}}
{{#if @labs.subscribers}} diff --git a/partials/icons/location.hbs b/partials/icons/location.hbs new file mode 100644 index 0000000..0c2d866 --- /dev/null +++ b/partials/icons/location.hbs @@ -0,0 +1 @@ + diff --git a/partials/icons/website.hbs b/partials/icons/website.hbs new file mode 100644 index 0000000..08be39f --- /dev/null +++ b/partials/icons/website.hbs @@ -0,0 +1 @@ + diff --git a/post.hbs b/post.hbs index 7dbcc1f..23bff17 100644 --- a/post.hbs +++ b/post.hbs @@ -20,10 +20,10 @@ into the {body} of the default.hbs template --}}
{{#if @labs.subscribers}} diff --git a/tag.hbs b/tag.hbs index 6947321..f66d8dc 100644 --- a/tag.hbs +++ b/tag.hbs @@ -18,10 +18,10 @@
{{#if @labs.subscribers}}