From 938eaaf7a6b70ff87949206ed89fab78bb250667 Mon Sep 17 00:00:00 2001 From: John O'Nolan Date: Mon, 5 Jun 2017 12:19:29 +0100 Subject: [PATCH] Third pass 2.0 --- assets/css/screen.css | 152 ++++++++++++++++++++++------------- assets/public/screen.css | 2 +- assets/public/screen.css.map | 2 +- default.hbs | 6 +- error.hbs | 18 +++++ page.hbs | 2 +- post.hbs | 30 ++++--- 7 files changed, 140 insertions(+), 72 deletions(-) create mode 100644 error.hbs diff --git a/assets/css/screen.css b/assets/css/screen.css index 7e773b2..6ee4772 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -174,6 +174,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o */ .site-nav-logo { + flex-shrink: 0; display: block; margin-right: 24px; } @@ -299,7 +300,7 @@ The knock-on effect of this is ugly browser-scroll bars at the bottom, so 80px o order: unset; display: flex; flex-direction: column; - margin: 0 15px 30px; + margin: 0 20px 40px; background: #fff center center; background-size: cover; box-shadow: rgba(39,44,49,0.06) 8px 14px 38px, rgba(39, 44, 49, 0.03) 1px 3px 8px; @@ -434,7 +435,9 @@ The first (most recent) post in the list is styled to be bigger than the others /* Single Post /* ---------------------------------------------------------- */ -.post-template .site-main { +.post-template .site-main, +.page-template .site-main { + padding-bottom: 4vw; background: #fff; } @@ -487,8 +490,7 @@ The first (most recent) post in the list is styled to be bigger than the others .post-full-image { height: 600px; margin: -5vw -4vw -100px; - background: var(--lightgrey) center center; - background-size: cover; + border-radius: 0; } } @@ -503,6 +505,17 @@ The first (most recent) post in the list is styled to be bigger than the others 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 { display: block; content: ""; @@ -531,6 +544,11 @@ The first (most recent) post in the list is styled to be bigger than the others filter: blur(5px); } +.no-image .post-full-content:before, +.no-image .post-full-content:after { + display: none; +} + .kg-card-markdown { display: flex; flex-direction: column; @@ -542,22 +560,25 @@ The first (most recent) post in the list is styled to be bigger than the others min-width: 100%; } -.kg-card-markdown > p:first-child { - font-size: 2.7rem; - line-height: 1.55em; +.post-template .kg-card-markdown > p:first-child { + font-size: 1.25em; + line-height: 1.5em; } .post-full-content a { + color: #000; box-shadow: var(--blue) 0 -1px 0 inset; } .post-full-content a:hover { + color: var(--blue); text-decoration: none; } .post-full-content img { width: 100vw; max-width: 1040px; + margin: 1.5em 0; } /* @@ -570,7 +591,7 @@ Super neat trick courtesy of @JoelDrapper .post-full-content blockquote { margin: 0 0 1.5em 0; - padding: 0; + padding: 1.5em 0; border: 0; text-align: center; font-size: 3rem; @@ -593,49 +614,12 @@ Super neat trick courtesy of @JoelDrapper } } +.post-full-content blockquote + blockquote { + padding-top: 0; +} + .post-full-content .fluid-width-video-wrapper { - margin-bottom: 1.5em; -} - - -/* Post Footer -/* ---------------------------------------------------------- */ - -.post-full-footer { - display: flex; - justify-content: space-between; - // max-width: 700px; - margin: 0 auto; - padding: 0 0 6vw 0; -} - -.author-card { - display: flex; - align-items: center; -} - -.author-card-image { - height: 60px; - width: 60px; - margin-right: 10px; -} - -.author-card-content h4 { - margin: 0; - padding: 0; -} - -.author-card-content h4 a { - color: var(--darkgrey); - font-weight: 700; -} - -.author-card-content h4 a:hover { - text-decoration: none; -} - -.author-card-content p { - margin: 0; + margin: 1.5em 0 3em; } @@ -643,21 +627,27 @@ Super neat trick courtesy of @JoelDrapper /* ---------------------------------------------------------- */ .subscribe-form { - padding: 6vw 0 8vw 0; + margin: 1.5em 0; + padding: 6vw 0 6.5vw; text-align: center; + background: color(var(--whitegrey) l(+4%)); + border-radius: 5px; } .subscribe-form-title { margin: 0 0 3px 0; padding: 0; - font-size: 2.9rem; + font-size: 3.2rem; + line-height: 1; font-weight: 700; color: var(--darkgrey) } .subscribe-form p { - font-size: 1.8rem; + font-size: 2.2rem; line-height: 1.55em; + letter-spacing: 0.2px; + color: var(--midgrey); } .subscribe-form form { @@ -699,7 +689,7 @@ Super neat trick courtesy of @JoelDrapper margin: 0 0 0 10px; padding: 0 20px; height: 41px; - font-size: 1.3rem; + font-size: 1.5rem; line-height: 37px; font-weight: 400; color: #fff; @@ -723,6 +713,58 @@ Super neat trick courtesy of @JoelDrapper } +/* Post Footer +/* ---------------------------------------------------------- */ + +.post-full-footer { + display: flex; + justify-content: space-between; + max-width: 840px; + margin: 0 auto; + padding: 3vw 0 6vw 0; +} + +.author-card { + display: flex; + 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: var(--darkgrey); + font-weight: 700; +} + +.author-card-content h4 a:hover { + text-decoration: none; +} + +.author-card-content p { + margin: 0; + color: var(--midgrey); +} + + +/* Comments +/* ---------------------------------------------------------- */ + +.post-full-comments { + max-width: 840px; + margin: 0 auto; +} + + /* Related posts /* ---------------------------------------------------------- */ @@ -932,7 +974,7 @@ Super neat trick courtesy of @JoelDrapper margin: 0; font-weight: bold; font-size: 1.5rem; - line-height: 1.3; + line-height: 1.3em; color: #2e2e2e; white-space: nowrap; overflow: hidden; diff --git a/assets/public/screen.css b/assets/public/screen.css index b7f26dc..67c4ae1 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{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}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{display:block;margin:2em 0;padding:0;height:1px;border:0;border-top:1px solid #e5eff5}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:2.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em;padding-left:2em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#343f44;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:1.8rem}@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:#14181a 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{display:block;margin-right:24px}.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;margin:0 15px 30px;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:#343f44}.post-card-content-link:hover{text-decoration:none}.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 30px 0}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta{padding:0 30px 30px}}.post-template .site-main{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:#343f44}.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;background:#c5d2d9 50%;background-size:cover}}.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}.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}.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 p{min-width:100%}.kg-card-markdown>p:first-child{font-size:2.7rem;line-height:1.55em}.post-full-content a{box-shadow:inset 0 -1px 0 #3eb0ef}.post-full-content a:hover{text-decoration:none}.post-full-content img{width:100vw;max-width:1040px}.post-full-content img[src$="#full"]{max-width:100vw}.post-full-content blockquote{margin:0 0 1.5em;padding: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 .fluid-width-video-wrapper{margin-bottom:1.5em}.post-full-footer{-ms-flex-pack:justify;justify-content:space-between;//:700px;margin:0 auto;padding:0 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}.author-card-content h4 a{color:#343f44;font-weight:700}.author-card-content h4 a:hover{text-decoration:none}.author-card-content p{margin:0}.subscribe-form{padding:6vw 0 8vw;text-align:center}.subscribe-form-title{margin:0 0 3px;padding:0;font-size:2.9rem;font-weight:700;color:#343f44}.subscribe-form p{font-size:1.8rem;line-height:1.55em}.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.3rem;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}.read-next-feed{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px;padding:30px 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 15px 30px;padding:25px;color:#fff;background:#343f44 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:200;letter-spacing:1px}.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 a{color:#fff}.read-next-card-content ol{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin:0;padding:0 0 0 2em}.read-next-card-content li{padding-left:5px;margin:20px 0;font-size:1.8rem;line-height:1.8rem;font-weight:200}.read-next-card-content li a{display:inline-block;vertical-align:top;font-size:1.6rem;font-weight:500}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#14181a}.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;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:#343f44;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.3;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{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}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{display:block;margin:2em 0;padding:0;height:1px;border:0;border-top:1px solid #e5eff5}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:2.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em;padding-left:2em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#343f44;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:1.8rem}@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:#14181a 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}.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;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:#343f44}.post-card-content-link:hover{text-decoration:none}.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 30px 0}.home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta{padding:0 30px 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:#343f44}.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 p{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 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 .fluid-width-video-wrapper{margin:1.5em 0 3em}.subscribe-form{margin:1.5em 0;padding:6vw 0 6.5vw;text-align:center;background:#f4f8fb;border-radius:5px}.subscribe-form-title{margin:0 0 3px;padding:0;font-size:3.2rem;line-height:1;font-weight:700;color:#343f44}.subscribe-form p{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:#343f44;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 -15px;padding:30px 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 15px 30px;padding:25px;color:#fff;background:#343f44 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:200;letter-spacing:1px}.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 a{color:#fff}.read-next-card-content ol{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;margin:0;padding:0 0 0 2em}.read-next-card-content li{padding-left:5px;margin:20px 0;font-size:1.8rem;line-height:1.8rem;font-weight:200}.read-next-card-content li a{display:inline-block;vertical-align:top;font-size:1.6rem;font-weight:500}.site-footer{position:relative;padding-top:20px;padding-bottom:60px;color:#fff;background:#14181a}.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;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:#343f44;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}} /*# sourceMappingURL=screen.css.map */ diff --git a/assets/public/screen.css.map b/assets/public/screen.css.map index 39b8009..3f59fdd 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,IACI,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,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,cAAe,AACf,aAAc,AACd,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAuC,CAC1C,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,kBAAoB,CACvB,AAED,wBAII,kBAAoB,AACpB,gBAAkB,CACrB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,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,gBAAkB,CACrB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,A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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: #343f44;\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}\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}\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 display: block;\n margin: 2em 0;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid var(--whitegrey);\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: 2.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n padding-left: 2em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\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: 1.8rem;\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(-15%)) 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 display: block;\n margin-right: 24px;\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 margin: 0 15px 30px;\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-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 30px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta {\n padding: 0 30px 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 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: var(--darkgrey);\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 background: var(--lightgrey) center center;\n background-size: cover;\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.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.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 min-width: 100%;\n}\n\n.kg-card-markdown > p:first-child {\n font-size: 2.7rem;\n line-height: 1.55em;\n}\n\n.post-full-content a {\n box-shadow: var(--blue) 0 -1px 0 inset;\n}\n\n.post-full-content a:hover {\n text-decoration: none;\n}\n\n.post-full-content img {\n width: 100vw;\n max-width: 1040px;\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: 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 .fluid-width-video-wrapper {\n margin-bottom: 1.5em;\n}\n\n\n/* Post Footer\n/* ---------------------------------------------------------- */\n\n.post-full-footer {\n display: flex;\n justify-content: space-between;\n // max-width: 700px;\n margin: 0 auto;\n padding: 0 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}\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}\n\n\n/* Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n padding: 6vw 0 8vw 0;\n text-align: center;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n font-size: 2.9rem;\n font-weight: 700;\n color: var(--darkgrey)\n}\n\n.subscribe-form p {\n font-size: 1.8rem;\n line-height: 1.55em;\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.3rem;\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/* Related posts\n/* ---------------------------------------------------------- */\n\n.read-next-feed {\n display: flex;\n flex-wrap: wrap;\n margin: 0 -15px;\n padding: 30px 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 15px 30px;\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: 200;\n letter-spacing: 1px;\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 a {\n color: #fff;\n}\n\n.read-next-card-content ol {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n margin: 0;\n padding: 0 0 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.8rem;\n font-weight: 200;\n}\n\n.read-next-card-content li a {\n display: inline-block;\n vertical-align: top;\n font-size: 1.6rem;\n font-weight: 500;\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 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.3;\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,IACI,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,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,cAAe,AACf,aAAc,AACd,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAuC,CAC1C,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,kBAAoB,CACvB,AAED,wBAII,kBAAoB,AACpB,gBAAkB,CACrB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,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,gBAAkB,CACrB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,A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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: #343f44;\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}\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}\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 display: block;\n margin: 2em 0;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid var(--whitegrey);\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: 2.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n padding-left: 2em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\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: 1.8rem;\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(-15%)) 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}\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 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-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 30px 0;\n }\n\n .home-template .post-feed .post-card:nth-child(6n+1) .post-card-meta {\n padding: 0 30px 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: var(--darkgrey);\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 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 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 .fluid-width-video-wrapper {\n margin: 1.5em 0 3em;\n}\n\n\n/* Subscribe Form\n/* ---------------------------------------------------------- */\n\n.subscribe-form {\n margin: 1.5em 0;\n padding: 6vw 0 6.5vw;\n text-align: center;\n background: color(var(--whitegrey) l(+4%));\n border-radius: 5px;\n}\n\n.subscribe-form-title {\n margin: 0 0 3px 0;\n padding: 0;\n font-size: 3.2rem;\n line-height: 1;\n font-weight: 700;\n color: var(--darkgrey)\n}\n\n.subscribe-form p {\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 -15px;\n padding: 30px 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 15px 30px;\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: 200;\n letter-spacing: 1px;\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 a {\n color: #fff;\n}\n\n.read-next-card-content ol {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n margin: 0;\n padding: 0 0 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.8rem;\n font-weight: 200;\n}\n\n.read-next-card-content li a {\n display: inline-block;\n vertical-align: top;\n font-size: 1.6rem;\n font-weight: 500;\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 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 diff --git a/default.hbs b/default.hbs index a6579b0..e156638 100644 --- a/default.hbs +++ b/default.hbs @@ -31,9 +31,9 @@
{{@blog.title}} © {{date format="YYYY"}}
diff --git a/error.hbs b/error.hbs new file mode 100644 index 0000000..5abc069 --- /dev/null +++ b/error.hbs @@ -0,0 +1,18 @@ + + + + + + {{meta_title}} + + + + + + +
+ ERROR +
+ + + diff --git a/page.hbs b/page.hbs index 798eaa9..d6deff7 100644 --- a/page.hbs +++ b/page.hbs @@ -40,7 +40,7 @@ into the {body} of the default.hbs template --}}
-
+

{{title}}

diff --git a/post.hbs b/post.hbs index f7b5f3f..f92d441 100644 --- a/post.hbs +++ b/post.hbs @@ -43,7 +43,7 @@ into the {body} of the default.hbs template --}}
-
+
@@ -102,20 +102,28 @@ into the {body} of the default.hbs template --}} {{/author}}
-