From fb760786f6b20eee791e962ddfa310616ce8f8c1 Mon Sep 17 00:00:00 2001 From: Lemon <3413200+AhoyLemon@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:34:39 -0600 Subject: [PATCH] prev talk slider image alt. --- blog/apple-names.html | 2 +- clients/index.html | 2 +- css/ahoylemon.css | 2 +- decks.html | 2 +- index.html | 104 +++++++++++++++++----------------- pug/partials/_mixins.pug | 3 +- sass/partials/_summaries.scss | 5 +- talks.html | 2 +- uses/index.html | 2 +- 9 files changed, 63 insertions(+), 61 deletions(-) diff --git a/blog/apple-names.html b/blog/apple-names.html index a46b535..98a42dc 100644 --- a/blog/apple-names.html +++ b/blog/apple-names.html @@ -7,7 +7,7 @@ - + diff --git a/clients/index.html b/clients/index.html index 97bf3ec..4d8334c 100644 --- a/clients/index.html +++ b/clients/index.html @@ -7,7 +7,7 @@ - + diff --git a/css/ahoylemon.css b/css/ahoylemon.css index 21b9d53..69ce7d9 100644 --- a/css/ahoylemon.css +++ b/css/ahoylemon.css @@ -1,2 +1,2 @@ -@charset "UTF-8";*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}.project-summaries .project .detail-row .detail,.project-summaries .project .detail-row .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth}body{background-color:#f0f1f2;color:#313131;background-image:url(../img/cork-wallet.png);scroll-behavior:smooth;font-family:"Yrsa",serif}img{max-width:100%;height:auto}b,strong{font-weight:600}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}h1,h2,h3,h4,h5,h6{line-height:105%}P{margin-bottom:1em}ul{padding-left:1.5em}ul li{list-style-type:disc}@media (min-width:768px){.mobile-only{display:none}}@media (max-width:767px){.desktop-only{display:none}}aside{padding:1em;background:#e4e72c;color:#313131;font-size:22px}aside h1{padding-right:0.25em;line-height:115%}aside a{color:#ac4b06;text-decoration:none}aside a.homelink{color:currentColor}aside a.homelink:hover{color:#ac4b06}aside ul{padding-left:0}aside li{list-style:none}aside li del,aside li span{line-height:160%;font-size:1.35em}aside li del{text-decoration:line-through;text-decoration-thickness:0.15em;text-decoration-color:rgba(172,75,6,0.75)}aside li .icon{display:inline-block;margin-right:0.5em;fill:currentColor}aside li a:hover span{text-decoration:underline}aside li a:hover .icon{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}aside li a.twitter{opacity:0.85}@media screen and (max-width:887px){aside{position:relative;margin-bottom:1em}aside h1{font-size:8.5vw;text-align:center}aside h1 .big{font-size:1.5em}aside ul{text-align:center}aside ul li{display:inline-block}aside ul li .icon{height:36px}aside ul li span{display:none}}@media screen and (min-width:888px){aside{position:fixed;top:0;bottom:0;left:0;width:320px;-webkit-box-shadow:inset 0 0 0.5em rgba(49,49,49,0.95);box-shadow:inset 0 0 0.5em rgba(49,49,49,0.95)}aside h1{font-size:1.9em;margin-bottom:0.5em}aside h1 .big{font-size:2.21em}aside p{font-size:24px}aside ul{position:absolute;right:1em;bottom:1em;left:1em}aside li .icon{height:1em}}.project-summaries{padding:20px;display:-ms-grid;display:grid;-ms-grid-columns:calc(50% - 15px) 30px calc(50% - 15px);grid-template-columns:repeat(2,calc(50% - 15px));grid-gap:30px}.project-summaries .project{-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);background:white;container-type:inline-size;container-name:project-card}.project-summaries .project .inside{height:100%}.project-summaries .project .image-holder{background-size:cover;padding:10px;background-position:center;position:relative;overflow:hidden}.project-summaries .project .image-holder a:hover img,.project-summaries .project .image-holder.focus img{-webkit-transform:scale(1.09);-ms-transform:scale(1.09);transform:scale(1.09)}.project-summaries .project .image-holder .absolute-link{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease,-webkit-transform 0.25s ease}.project-summaries .project .image-holder .absolute-link:focus,.project-summaries .project .image-holder .absolute-link:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.project-summaries .project figcaption{padding:20px}.project-summaries .project .title{font-size:215%;line-height:100%;word-break:break-word;padding-bottom:10px}.project-summaries .project .title a{color:#ac4b06;text-decoration:none}.project-summaries .project .title a:hover{text-decoration:underline}.project-summaries .project .subhead{text-transform:uppercase;letter-spacing:0.1em;font-weight:600;padding-bottom:10px}.project-summaries .project .description{font-size:120%}.project-summaries .project .description a{color:#ac4b06;text-decoration:none}.project-summaries .project .description a:focus,.project-summaries .project .description a:hover{text-decoration:underline}.project-summaries .project .description p:last-of-type{margin-bottom:0}.project-summaries .project .detail-row{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);padding-top:20px}.project-summaries .project .detail-row .invisible{display:none}.project-summaries .project .detail-row .label{font-size:80%;text-transform:uppercase}.project-summaries .project .detail-row .value{display:block;font-size:125%}.project-summaries .project .detail-row .repository a{color:#ac4b06;text-decoration:none}.project-summaries .project .detail-row .repository a:hover{text-decoration:underline}@container project-card (min-width: 500px){.project-summaries .inside{display:-ms-grid;display:grid;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}.project-summaries .image-holder img{display:block;margin-left:auto;margin-right:auto;margin-top:10px}.project-summaries figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@container project-card (max-width: 499px){.project-summaries .inside{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project-summaries .image-holder{height:100px}.project-summaries .image-holder img{height:100%;width:auto}.project-summaries figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.project-summaries .new-talkbox{background:#1c1b1b;color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;container-type:inline-size}.project-summaries .new-talkbox .talkbox-header{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 120px;grid-template-columns:1fr 120px;gap:10px;padding:5px 20px}.project-summaries .new-talkbox .talkbox-header h2{font-weight:400;letter-spacing:0.05em;font-size:180%}.project-summaries .new-talkbox .talkbox-header h2 sub{bottom:0}.project-summaries .new-talkbox .talkbox-header .more-holder{text-align:right;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto}.project-summaries .new-talkbox .talkbox-header .more-holder a{font-size:130%;color:#e98741;text-decoration:none}.project-summaries .new-talkbox .talkbox-header .more-holder a:hover{text-decoration:underline}.project-summaries .new-talkbox .conference-boxes{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;height:100%;gap:20px;margin-top:10px;padding:20px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.project-summaries .new-talkbox .conference-boxes .conference{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#1c1b1b;color:#eee;height:unset}.project-summaries .new-talkbox .conference-boxes .conference .name{font-size:180%}.project-summaries .new-talkbox .conference-boxes .conference a{color:#e98741;text-decoration:none}.project-summaries .new-talkbox .conference-boxes .conference a:hover{text-decoration:underline}.project-summaries .new-talkbox .conference-boxes .conference .location{font-size:135%}.project-summaries .new-talkbox .conference-boxes .conference .presenting{margin-top:0.7em}.project-summaries .new-talkbox .conference-boxes .conference .multiple-talks li{margin-bottom:0.4em}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements{white-space:nowrap}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements .blind-deck,.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements .keynote{font-weight:700}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements:before{content:" ( "}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements>span:after{content:" | "}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements>span:last-child:after{content:""}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements:after{content:" )"}.project-summaries .new-talkbox .conference-boxes .conference.upcoming{scroll-snap-align:end;-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px)}.project-summaries .new-talkbox .conference-boxes .conference.prev{scroll-snap-align:start;min-height:300px;-ms-flex-preferred-size:300px;flex-basis:300px;background-size:cover;background-position:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.project-summaries .new-talkbox .conference-boxes .conference.prev figcaption{background:-webkit-gradient(linear,left top,left bottom,from(rgba(28,27,27,0)),to(rgba(28,27,27,0.99)));background:linear-gradient(rgba(28,27,27,0),rgba(28,27,27,0.99));padding:80px 10px 10px 10px;width:100%}@container (max-width:520px){.project-summaries .new-talkbox .talkbox-header{-ms-grid-columns:1fr;grid-template-columns:1fr}.project-summaries .new-talkbox .conference-boxes .conference.upcoming{-ms-flex-preferred-size:calc(100% - 40px);flex-basis:calc(100% - 40px)}}@media (min-width:2150px){.project-summaries{-ms-grid-columns:calc(33.333333% - 15px) 30px calc(33.333333% - 15px) 30px calc(33.333333% - 15px);grid-template-columns:repeat(3,calc(33.333333% - 15px))}}@media (max-width:1550px){.project-summaries{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (min-width:1170px) and (max-width:1550px){.project-summaries{-ms-grid-columns:1fr 30px 1fr;grid-template-columns:repeat(2,1fr)}}@media (min-width:888px) and (max-width:940px){.project-summaries{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (max-width:610px){.project-summaries{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (min-width:888px){main{margin-left:320px;padding-top:2em}}.client-site-callout{border:3px solid rgba(49,49,49,0.3);color:#444;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.client-site-callout .title{font-size:240%;font-weight:725}.client-site-callout .cta{font-size:160%;padding-top:20px}.client-site-callout a{color:#ac4b06;text-decoration:none}.client-site-callout a:focus,.client-site-callout a:hover{text-decoration:underline}section.client-site-overview{grid-column:1/-1}section.client-site-tech{grid-column:1/-1;padding:30px 20px 20px 20px;background:rgba(102,102,102,0.1);border:3px solid rgba(49,49,49,0.3);color:#666}section.client-site-tech h2{margin-bottom:20px}section.client-site-tech .tech{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}@media (min-width:1820px){section.client-site-tech .tech{-webkit-columns:8;-moz-columns:8;columns:8}}@media (min-width:1600px) and (max-width:1819px){section.client-site-tech .tech{-webkit-columns:5;-moz-columns:5;columns:5}}@media (min-width:1380px) and (max-width:1599px){section.client-site-tech .tech{-webkit-columns:4;-moz-columns:4;columns:4}}@media (min-width:1000px) and (max-width:1379px){section.client-site-tech .tech{-webkit-columns:3;-moz-columns:3;columns:3}}@media (min-width:460px) and (max-width:999px){section.client-site-tech .tech{-webkit-columns:2;-moz-columns:2;columns:2}}section.client-site-tech .tech .icon-and-name{display:-ms-grid;display:grid;-ms-grid-columns:32px 10px 1fr;grid-template-columns:32px 1fr;gap:10px;margin-bottom:20px}section.client-site-tech .tech .icon-and-name svg{fill:#666}section.client-site-tech .tech .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:135%;font-weight:600}.client-site{display:-ms-grid;display:grid;-ms-grid-columns:460px 40px 1fr 40px 76px;grid-template-columns:460px 1fr 76px;grid-gap:40px;background:white;-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);padding:20px}.client-site figure{-ms-grid-row-span:1;grid-row:span 1}.client-site figure .screenshots{position:relative;padding:0 0 50px 0}.client-site figure .screenshots:not(.slick-initialized){opacity:0}.client-site figure .screenshots .slick-list{background-image:url(../img/client-sites/browser.png);background-size:cover;background-repeat:no-repeat;background-position:top center;padding:19px 0 0 0;border:1px solid rgba(0,0,0,0.4);overflow:hidden;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;cursor:-webkit-grab;cursor:grab}.client-site figure .screenshots .slick-dots{display:block;text-align:center;position:absolute;right:0;bottom:0;left:0}.client-site figure .screenshots .slick-dots li{display:inline-block;padding:0 0.5em 0 0}.client-site figure .screenshots .slick-dots li button{display:inline-block;line-height:1.3em;height:1em;width:1em;background:transparent;background:rgba(49,49,49,0.2);border:none;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;border-radius:50%;font-family:"Yrsa",serif;padding:0;cursor:pointer;overflow:hidden;text-indent:-999px}.client-site figure .screenshots .slick-dots li.slick-active button{background:#313131;cursor:default}.client-site figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.client-site .title{line-height:100%;word-break:break-word}.client-site .title span{background:linear-gradient(36deg,rgba(228,231,44,0.5),rgba(228,231,44,0.25));padding:4px 24px 3px 13px;-webkit-transform:translateX(-13px);-ms-transform:translateX(-13px);transform:translateX(-13px);display:inline-block}.client-site .subhead{text-transform:uppercase;letter-spacing:0.1em;font-weight:600}.client-site .description{line-height:1.4;max-width:68ch}.client-site .description p:last-of-type{margin-bottom:0}.client-site .visit-site{font-size:0.85rem}.client-site .visit-site a{color:#ac4b06;text-decoration:none;text-transform:uppercase}.client-site .visit-site a:focus,.client-site .visit-site a:hover{text-decoration:underline}.client-site p{margin-bottom:1em}.client-site ol{list-style-type:decimal;margin-bottom:1em}.client-site ol li{margin-left:1.25em}.client-site .tech{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.client-site div.tech-icon{cursor:help;position:relative}.client-site div.tech-icon span{position:absolute;background:#313131;color:#eee;padding:0.25em 0.75em;white-space:nowrap;pointer-events:none;opacity:0;-webkit-transition:opacity 0.35s linear,-webkit-transform 0.35s ease;transition:opacity 0.35s linear,-webkit-transform 0.35s ease;transition:opacity 0.35s linear,transform 0.35s ease;transition:opacity 0.35s linear,transform 0.35s ease,-webkit-transform 0.35s ease}.client-site div.tech-icon span:after{content:"";background:#313131;display:block;position:absolute}.client-site div.tech-icon:focus span,.client-site div.tech-icon:hover span{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);pointer-events:all}.client-site.featured .tech-icon span{right:3em;top:calc(50% - 1.1em);-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translateX(32px)}.client-site.featured .tech-icon span:after{width:0.75em;height:1.72em;top:0em;right:-0.7em;bottom:0;-webkit-clip-path:polygon(0 0,0% 100%,100% 50%);clip-path:polygon(0 0,0% 100%,100% 50%)}.client-site.secondary .tech-icon span{top:-52px;left:-10px;-webkit-transform:translateY(32px);-ms-transform:translateY(32px);transform:translateY(32px)}.client-site.secondary .tech-icon span:after{width:32px;height:18px;left:10px;bottom:-17px;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0)}.client-site .tech .php{fill:#777BB4}.client-site .tech .sass{fill:#CC6699}.client-site .tech .javascript{fill:#F7DF1E}.client-site .tech .pug{fill:#A86454}.client-site .tech .yaml{fill:#444}.client-site .tech .twig{fill:#78DC50}.client-site .tech .dotnet{fill:#512BD4}.client-site .tech .gutenberg{fill:#000000}.client-site .tech .vue{fill:#4FC08D}.client-site .tech .jquery{fill:#0769AD}.client-site .tech .aos{fill:#26a}.client-site .tech .lottie{fill:#2BEAED}.client-site .tech .howler{fill:#786956}.client-site .tech .scrollmagic{fill:#3b46a0}.client-site .tech .json{fill:#000000}.client-site .tech .kirby{fill:#000000}.client-site .tech .concrete5{fill:#017ddd}.client-site .tech .craft{fill:#E5422B}.client-site .tech .drupal{fill:#0678BE}.client-site .tech .azure{fill:#0078D4}.client-site .tech .untappd{fill:#FFC000}.client-site .tech .matomo{fill:#3152A0}.client-site .tech .jwplayer{fill:#ec0041}.client-site .tech .vimeo{fill:#1AB7EA}.client-site .tech .platform-sh{fill:#1A182A}.client-site .tech span{font-weight:625;background:#101010}.client-site .tech span:after{background:#101010}.client-site.featured .title{font-size:215%}.client-site.featured .description{font-size:120%}.client-site.secondary{-ms-grid-column-span:1;grid-column:span 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.client-site.secondary .title{font-size:175%}.client-site.secondary .title span{-webkit-transform:unset;-ms-transform:unset;transform:unset;margin-bottom:0.25em}.client-site.secondary .subhead{margin-bottom:unset}.client-site.secondary figure{padding:0;margin-top:0.5rem}.client-site.secondary figure .screenshot{background-image:url(../img/client-sites/browser.png);background-size:cover;background-repeat:no-repeat;background-position:top center;padding:18px 1px 1px 1px;border:1px solid rgba(0,0,0,0.4);overflow:hidden;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}.client-site.secondary figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10px}.client-site.secondary .visit-site{padding-top:1rem}.client-site.secondary .tech{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.client-site.secondary .tech svg{height:32px;width:32px}.client-site .no-js-carousel{background-image:url(../img/client-sites/browser2.png);background-size:cover;background-repeat:no-repeat;background-position:top center;padding:20px 0 0 0;border:1px solid rgba(0,0,0,0.4);overflow:hidden;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}.client-site .no-js-carousel .shots{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.client-site .no-js-carousel .shot{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start}@media (min-width:1401px){.client-sites{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.client-site.featured{-ms-grid-column-span:3;grid-column:span 3}}@media (max-width:1400px){.client-sites{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.client-site.featured{-ms-grid-column-span:2;grid-column:span 2}}@media (max-width:1240px){.client-site.featured{-ms-grid-columns:1fr;grid-template-columns:1fr}.client-site.featured .screenshots-carousel-wrapper{width:520px;margin-left:auto;margin-right:auto;overflow:hidden}}@media (max-width:1240px) and (max-width:590px){.client-site.featured .screenshots-carousel-wrapper{width:360px}}@media (max-width:1240px) and (max-width:430px){.client-site.featured .screenshots-carousel-wrapper{width:260px}}@media (max-width:1240px){.client-site.featured .tech{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.client-site.featured .tech .tooltip{-ms-flex-preferred-size:42px;flex-basis:42px}}@media (max-width:700px){.client-sites{-ms-grid-columns:1fr;grid-template-columns:1fr}.client-site.featured{-ms-grid-column-span:1;grid-column:span 1}}@media (max-width:510px){.client-site.featured{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:20px}.client-site.featured .tech{-ms-grid-column:1;grid-column:1;-ms-grid-row-span:1;grid-row:span 1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.client-site.featured .tech svg{height:32px;width:32px}}.talk-grid{display:-ms-grid;display:grid;gap:30px;padding-left:30px;padding-right:30px;padding-bottom:30px}.talk-grid .conference{background-color:white;-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);padding:15px;position:relative;min-height:240px}.talk-grid .conference img.flag{width:3rem;float:right;margin-left:10px;margin-bottom:10px;outline:1px solid rgba(68,68,68,0.35)}.talk-grid .conference img.virtual-icon{width:3rem;float:right;margin-left:10px;margin-bottom:10px}.talk-grid .conference .name{font-size:210%}.talk-grid .conference a{color:#ac4b06;text-decoration:none}.talk-grid .conference a:hover{text-decoration:underline}.talk-grid .conference .location{font-size:115%;letter-spacing:0.1em}.talk-grid .conference .date{font-weight:bold}.talk-grid .conference .presenting{margin-top:0.5em}.talk-grid .conference .multiple-talks li{margin-bottom:0.4em}.talk-grid .conference .talk-supplements{white-space:nowrap}.talk-grid .conference .talk-supplements .blind-deck,.talk-grid .conference .talk-supplements .keynote{font-weight:700}.talk-grid .conference .talk-supplements:before{content:" ( "}.talk-grid .conference .talk-supplements>span:after{content:" | "}.talk-grid .conference .talk-supplements>span:last-child:after{content:""}.talk-grid .conference .talk-supplements:after{content:" )"}.talk-grid .conference.photo-background{-ms-grid-row-span:2;grid-row:span 2;-ms-grid-column-span:2;grid-column:span 2}.talk-grid .leading h2{font-weight:300;font-size:260%;letter-spacing:0.1em;padding-top:1em}.talk-grid .conference{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;min-height:16rem}.talk-grid .conference>*{-ms-flex-preferred-size:100%;flex-basis:100%}.talk-grid .pics{z-index:3;padding-top:2rem}.talk-grid .pics a.pic{background-size:cover;display:inline-block;background-position:center;cursor:pointer;background-repeat:no-repeat;position:relative}.talk-grid .pics a.pic img{height:72px;width:72px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.talk-grid .pics a.pic:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#ac4b06;content:"";display:block;mix-blend-mode:color;opacity:0}.talk-grid .pics a.pic.active:before,.talk-grid .pics a.pic:active:before,.talk-grid .pics a.pic:focus:before,.talk-grid .pics a.pic:hover:before{opacity:0.5}.talk-grid .pics a.pic.inactive{opacity:0.5}.talk-grid .pics a.pic.inactive:focus,.talk-grid .pics a.pic.inactive:hover{opacity:1}.talk-grid .pics a.close-cardpic{position:absolute;top:0;right:0.75rem;font-size:36px;display:none;text-decoration:none}.talk-grid .pics a.close-cardpic:focus,.talk-grid .pics a.close-cardpic:hover{color:white;text-shadow:0 0 3px black}.talk-grid .cardpic{position:absolute;top:0;right:0;bottom:0;left:0;background:#111;display:none;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:2}.talk-grid .photo-background .pics a.close-cardpic{display:block;cursor:pointer}.talk-grid .photo-background .cardpic{display:block}.talk-grid figure.map{background-image:url(../img/worldmap.png);background-size:cover;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:270px;border:4px solid rgba(49,49,49,0.3)}.talk-grid figure.map a{color:#ac4b06;text-decoration:none;font-size:46px;font-weight:400}.talk-grid figure.map a:hover{text-decoration:underline}.talk-grid figure.decks{border:4px solid rgba(49,49,49,0.3);color:#444;background:rgba(68,68,68,0.1);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.talk-grid figure.decks a{color:#ac4b06;text-decoration:none;font-size:32px}.talk-grid figure.decks a:hover{text-decoration:underline}.talk-grid .back-home{border:4px solid rgba(49,49,49,0.3);color:#444;background:rgba(68,68,68,0.1);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.talk-grid .back-home a{color:#ac4b06;text-decoration:none;font-size:32px}.talk-grid .back-home a:hover{text-decoration:underline}@media (min-width:401px){.talk-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:400px){.talk-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.deck-grid .deck{background-color:white;-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);padding:15px;position:relative;min-height:240px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.deck-grid .deck .title{font-size:210%;margin-bottom:10px;font-weight:570;color:#313131}.deck-grid .deck table{width:100%}.deck-grid .deck table td{padding:4px 0;vertical-align:middle}.deck-grid .deck table td.location{width:40px}.deck-grid .deck table td.location.country img{outline:1px solid rgba(68,68,68,0.35)}.deck-grid .deck table td.conf{font-size:125%;font-weight:600;padding-left:10px}.deck-grid .deck table td.conf .video{font-size:75%;font-weight:600;vertical-align:middle}.deck-grid .deck table td.conf .video:before{content:" | "}.deck-grid .deck table td.conf .video a{text-decoration:none;color:#ac4b06}.deck-grid .deck table td.conf .video a:focus,.deck-grid .deck table td.conf .video a:hover{text-decoration:underline}.deck-grid .deck table td.conf .keynote{font-size:75%;font-weight:800;vertical-align:middle}.deck-grid .deck table td.conf .keynote:before{content:" | "}.deck-grid .deck table td.icon{text-align:center;width:50px}.deck-grid .deck table td.icon svg{width:26px}.deck-grid .deck table td.icon svg *{fill:#313131}.deck-grid .deck table td.link{font-size:115%;font-weight:625}.deck-grid .deck table td.link a{color:#ac4b06;text-decoration:none}.deck-grid .deck table td.link a:focus,.deck-grid .deck table td.link a:hover{text-decoration:underline}.deck-grid .deck .deck-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deck-grid .deck .deck-links>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.deck-grid .deck .deck-links .icon{-ms-flex-preferred-size:40px;flex-basis:40px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.deck-grid .deck .deck-links .icon svg{width:32px}.deck-grid .deck .deck-links .icon svg *{fill:#676767}.deck-grid .deck .deck-links .link{font-size:135%;font-weight:625;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.deck-grid .deck .deck-links .link a{color:#ac4b06;text-decoration:none}.deck-grid .deck .deck-links .link a:focus,.deck-grid .deck .deck-links .link a:hover{text-decoration:underline}.deck-grid .deck .deck-links .logo{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:right}.deck-grid .deck .deck-links .logo img{width:72px}.slick-slider .slick-arrow{background:transparent;border:none;position:absolute;bottom:10px;font-family:"Yrsa",serif;font-size:240%;color:#e98741;z-index:3;cursor:pointer}.slick-slider .slick-arrow:active,.slick-slider .slick-arrow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slick-slider .slick-prev{left:10px}.slick-slider .slick-next{right:10px}.slick-slider .slick-slide{cursor:-webkit-grab;cursor:grab}.slick-slider .slick-slide:active{cursor:-webkit-grabbing;cursor:grabbing}.slick-slider button{outline:none}.slick-slider.talks{position:absolute;top:0;right:0;bottom:0;left:0}.slick-slider.talks .slick-list{height:100%;padding-top:85px;padding-left:15px;padding-right:15px}.slick-slider .slick-dots{display:block;text-align:center;position:absolute;right:0;bottom:7px;left:0;padding:0 40px}.slick-slider .slick-dots li{display:inline-block;padding:0 0.5em 0 0}.slick-slider .slick-dots li button{display:inline-block;line-height:1.3em;height:1em;width:1em;background:transparent;background:#e98741;border:none;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;border-radius:50%;font-family:"Yrsa",serif;padding:0;cursor:pointer;overflow:hidden;text-indent:-999px}.slick-slider .slick-dots li button:focus,.slick-slider .slick-dots li button:hover{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}.slick-slider .slick-dots li.slick-active button{background:#eee;cursor:default}section.fullpage{background:white;display:block;width:100%;padding:2em;margin-bottom:2em;background:white;border:1px solid rgba(49,49,49,0.3);-webkit-box-shadow:0 0 0.3em rgba(49,49,49,0.75);box-shadow:0 0 0.3em rgba(49,49,49,0.75);font-size:22px;max-width:880px}section.fullpage h1{margin-bottom:0.25em}section.fullpage h3{margin-bottom:0.25em}section.fullpage .stamp{display:block;margin-bottom:0.5em}section.fullpage time{font-weight:bold}section.fullpage a{color:#ac4b06;font-weight:bold;text-decoration:none}section.fullpage a:hover{text-decoration:underline}section.fullpage ul{margin-bottom:1.5em}section.fullpage ul li{margin-bottom:0.25em}section.fullpage ol{margin-bottom:1.5em}section.fullpage ol li{margin-bottom:0.5em;list-style-type:decimal;margin-left:1.5em}ul.things{margin-left:0.5em;padding:0}ul.things li{list-style-type:none}ul.things li:before{content:"⚫️";display:inline-block;width:40px;text-align:center;margin-right:0.5em;font-size:60%}ul.things li.yes:before{content:"💚"}ul.things li.no:before{content:"💔"}span.yes:before{content:"💚";font-size:65%}span.no:before{content:"💔";font-size:65%} +@charset "UTF-8";*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}.project-summaries .project .detail-row .detail,.project-summaries .project .detail-row .value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:18px;scroll-behavior:smooth}body{background-color:#f0f1f2;color:#313131;background-image:url(../img/cork-wallet.png);scroll-behavior:smooth;font-family:"Yrsa",serif}img{max-width:100%;height:auto}b,strong{font-weight:600}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.75em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1em}h1,h2,h3,h4,h5,h6{line-height:105%}P{margin-bottom:1em}ul{padding-left:1.5em}ul li{list-style-type:disc}@media (min-width:768px){.mobile-only{display:none}}@media (max-width:767px){.desktop-only{display:none}}aside{padding:1em;background:#e4e72c;color:#313131;font-size:22px}aside h1{padding-right:0.25em;line-height:115%}aside a{color:#ac4b06;text-decoration:none}aside a.homelink{color:currentColor}aside a.homelink:hover{color:#ac4b06}aside ul{padding-left:0}aside li{list-style:none}aside li del,aside li span{line-height:160%;font-size:1.35em}aside li del{text-decoration:line-through;text-decoration-thickness:0.15em;text-decoration-color:rgba(172,75,6,0.75)}aside li .icon{display:inline-block;margin-right:0.5em;fill:currentColor}aside li a:hover span{text-decoration:underline}aside li a:hover .icon{-webkit-transform:scale(1.25);-ms-transform:scale(1.25);transform:scale(1.25)}aside li a.twitter{opacity:0.85}@media screen and (max-width:887px){aside{position:relative;margin-bottom:1em}aside h1{font-size:8.5vw;text-align:center}aside h1 .big{font-size:1.5em}aside ul{text-align:center}aside ul li{display:inline-block}aside ul li .icon{height:36px}aside ul li span{display:none}}@media screen and (min-width:888px){aside{position:fixed;top:0;bottom:0;left:0;width:320px;-webkit-box-shadow:inset 0 0 0.5em rgba(49,49,49,0.95);box-shadow:inset 0 0 0.5em rgba(49,49,49,0.95)}aside h1{font-size:1.9em;margin-bottom:0.5em}aside h1 .big{font-size:2.21em}aside p{font-size:24px}aside ul{position:absolute;right:1em;bottom:1em;left:1em}aside li .icon{height:1em}}.project-summaries{padding:20px;display:-ms-grid;display:grid;-ms-grid-columns:calc(50% - 15px) 30px calc(50% - 15px);grid-template-columns:repeat(2,calc(50% - 15px));grid-gap:30px}.project-summaries .project{-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);background:white;container-type:inline-size;container-name:project-card}.project-summaries .project .inside{height:100%}.project-summaries .project .image-holder{background-size:cover;padding:10px;background-position:center;position:relative;overflow:hidden}.project-summaries .project .image-holder a:hover img,.project-summaries .project .image-holder.focus img{-webkit-transform:scale(1.09);-ms-transform:scale(1.09);transform:scale(1.09)}.project-summaries .project .image-holder .absolute-link{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease,-webkit-transform 0.25s ease}.project-summaries .project .image-holder .absolute-link:focus,.project-summaries .project .image-holder .absolute-link:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.project-summaries .project figcaption{padding:20px}.project-summaries .project .title{font-size:215%;line-height:100%;word-break:break-word;padding-bottom:10px}.project-summaries .project .title a{color:#ac4b06;text-decoration:none}.project-summaries .project .title a:hover{text-decoration:underline}.project-summaries .project .subhead{text-transform:uppercase;letter-spacing:0.1em;font-weight:600;padding-bottom:10px}.project-summaries .project .description{font-size:120%}.project-summaries .project .description a{color:#ac4b06;text-decoration:none}.project-summaries .project .description a:focus,.project-summaries .project .description a:hover{text-decoration:underline}.project-summaries .project .description p:last-of-type{margin-bottom:0}.project-summaries .project .detail-row{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);padding-top:20px}.project-summaries .project .detail-row .invisible{display:none}.project-summaries .project .detail-row .label{font-size:80%;text-transform:uppercase}.project-summaries .project .detail-row .value{display:block;font-size:125%}.project-summaries .project .detail-row .repository a{color:#ac4b06;text-decoration:none}.project-summaries .project .detail-row .repository a:hover{text-decoration:underline}@container project-card (min-width: 500px){.project-summaries .inside{display:-ms-grid;display:grid;-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}.project-summaries .image-holder img{display:block;margin-left:auto;margin-right:auto;margin-top:10px}.project-summaries figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}@container project-card (max-width: 499px){.project-summaries .inside{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project-summaries .image-holder{height:100px}.project-summaries .image-holder img{height:100%;width:auto}.project-summaries figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.project-summaries .new-talkbox{background:#1c1b1b;color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;container-type:inline-size}.project-summaries .new-talkbox .talkbox-header{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 120px;grid-template-columns:1fr 120px;gap:10px;padding:5px 20px}.project-summaries .new-talkbox .talkbox-header h2{font-weight:400;letter-spacing:0.05em;font-size:180%}.project-summaries .new-talkbox .talkbox-header h2 sub{bottom:0}.project-summaries .new-talkbox .talkbox-header .more-holder{text-align:right;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto}.project-summaries .new-talkbox .talkbox-header .more-holder a{font-size:130%;color:#e98741;text-decoration:none}.project-summaries .new-talkbox .talkbox-header .more-holder a:hover{text-decoration:underline}.project-summaries .new-talkbox .conference-boxes{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;height:100%;gap:20px;margin-top:10px;padding:20px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.project-summaries .new-talkbox .conference-boxes .conference{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:#1c1b1b;color:#eee;height:unset}.project-summaries .new-talkbox .conference-boxes .conference .name{font-size:180%}.project-summaries .new-talkbox .conference-boxes .conference a{color:#e98741;text-decoration:none}.project-summaries .new-talkbox .conference-boxes .conference a:hover{text-decoration:underline}.project-summaries .new-talkbox .conference-boxes .conference .location{font-size:135%}.project-summaries .new-talkbox .conference-boxes .conference .presenting{margin-top:0.7em}.project-summaries .new-talkbox .conference-boxes .conference .multiple-talks li{margin-bottom:0.4em}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements{white-space:nowrap}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements .blind-deck,.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements .keynote{font-weight:700}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements:before{content:" ( "}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements>span:after{content:" | "}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements>span:last-child:after{content:""}.project-summaries .new-talkbox .conference-boxes .conference .talk-supplements:after{content:" )"}.project-summaries .new-talkbox .conference-boxes .conference.upcoming{scroll-snap-align:end;-ms-flex-preferred-size:calc(50% - 20px);flex-basis:calc(50% - 20px)}.project-summaries .new-talkbox .conference-boxes .conference.prev{scroll-snap-align:start;min-height:300px;-ms-flex-preferred-size:300px;flex-basis:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative}.project-summaries .new-talkbox .conference-boxes .conference.prev img{height:300px;width:100%;-o-object-fit:cover;object-fit:cover;position:relative}.project-summaries .new-talkbox .conference-boxes .conference.prev figcaption{background:-webkit-gradient(linear,left top,left bottom,from(rgba(28,27,27,0)),to(rgba(28,27,27,0.99)));background:linear-gradient(rgba(28,27,27,0),rgba(28,27,27,0.99));padding:80px 10px 10px 10px;width:100%;position:absolute;right:0;bottom:0;left:0}@container (max-width:520px){.project-summaries .new-talkbox .talkbox-header{-ms-grid-columns:1fr;grid-template-columns:1fr}.project-summaries .new-talkbox .conference-boxes .conference.upcoming{-ms-flex-preferred-size:calc(100% - 40px);flex-basis:calc(100% - 40px)}}@media (min-width:2150px){.project-summaries{-ms-grid-columns:calc(33.333333% - 15px) 30px calc(33.333333% - 15px) 30px calc(33.333333% - 15px);grid-template-columns:repeat(3,calc(33.333333% - 15px))}}@media (max-width:1550px){.project-summaries{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (min-width:1170px) and (max-width:1550px){.project-summaries{-ms-grid-columns:1fr 30px 1fr;grid-template-columns:repeat(2,1fr)}}@media (min-width:888px) and (max-width:940px){.project-summaries{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media (max-width:610px){.project-summaries{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (min-width:888px){main{margin-left:320px;padding-top:2em}}.client-site-callout{border:3px solid rgba(49,49,49,0.3);color:#444;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.client-site-callout .title{font-size:240%;font-weight:725}.client-site-callout .cta{font-size:160%;padding-top:20px}.client-site-callout a{color:#ac4b06;text-decoration:none}.client-site-callout a:focus,.client-site-callout a:hover{text-decoration:underline}section.client-site-overview{grid-column:1/-1}section.client-site-tech{grid-column:1/-1;padding:30px 20px 20px 20px;background:rgba(102,102,102,0.1);border:3px solid rgba(49,49,49,0.3);color:#666}section.client-site-tech h2{margin-bottom:20px}section.client-site-tech .tech{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}@media (min-width:1820px){section.client-site-tech .tech{-webkit-columns:8;-moz-columns:8;columns:8}}@media (min-width:1600px) and (max-width:1819px){section.client-site-tech .tech{-webkit-columns:5;-moz-columns:5;columns:5}}@media (min-width:1380px) and (max-width:1599px){section.client-site-tech .tech{-webkit-columns:4;-moz-columns:4;columns:4}}@media (min-width:1000px) and (max-width:1379px){section.client-site-tech .tech{-webkit-columns:3;-moz-columns:3;columns:3}}@media (min-width:460px) and (max-width:999px){section.client-site-tech .tech{-webkit-columns:2;-moz-columns:2;columns:2}}section.client-site-tech .tech .icon-and-name{display:-ms-grid;display:grid;-ms-grid-columns:32px 10px 1fr;grid-template-columns:32px 1fr;gap:10px;margin-bottom:20px}section.client-site-tech .tech .icon-and-name svg{fill:#666}section.client-site-tech .tech .name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:135%;font-weight:600}.client-site{display:-ms-grid;display:grid;-ms-grid-columns:460px 40px 1fr 40px 76px;grid-template-columns:460px 1fr 76px;grid-gap:40px;background:white;-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);padding:20px}.client-site figure{-ms-grid-row-span:1;grid-row:span 1}.client-site figure .screenshots{position:relative;padding:0 0 50px 0}.client-site figure .screenshots:not(.slick-initialized){opacity:0}.client-site figure .screenshots .slick-list{background-image:url(../img/client-sites/browser.png);background-size:cover;background-repeat:no-repeat;background-position:top center;padding:19px 0 0 0;border:1px solid rgba(0,0,0,0.4);overflow:hidden;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;cursor:-webkit-grab;cursor:grab}.client-site figure .screenshots .slick-dots{display:block;text-align:center;position:absolute;right:0;bottom:0;left:0}.client-site figure .screenshots .slick-dots li{display:inline-block;padding:0 0.5em 0 0}.client-site figure .screenshots .slick-dots li button{display:inline-block;line-height:1.3em;height:1em;width:1em;background:transparent;background:rgba(49,49,49,0.2);border:none;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;border-radius:50%;font-family:"Yrsa",serif;padding:0;cursor:pointer;overflow:hidden;text-indent:-999px}.client-site figure .screenshots .slick-dots li.slick-active button{background:#313131;cursor:default}.client-site figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.client-site .title{line-height:100%;word-break:break-word}.client-site .title span{background:linear-gradient(36deg,rgba(228,231,44,0.5),rgba(228,231,44,0.25));padding:4px 24px 3px 13px;-webkit-transform:translateX(-13px);-ms-transform:translateX(-13px);transform:translateX(-13px);display:inline-block}.client-site .subhead{text-transform:uppercase;letter-spacing:0.1em;font-weight:600}.client-site .description{line-height:1.4;max-width:68ch}.client-site .description p:last-of-type{margin-bottom:0}.client-site .visit-site{font-size:0.85rem}.client-site .visit-site a{color:#ac4b06;text-decoration:none;text-transform:uppercase}.client-site .visit-site a:focus,.client-site .visit-site a:hover{text-decoration:underline}.client-site p{margin-bottom:1em}.client-site ol{list-style-type:decimal;margin-bottom:1em}.client-site ol li{margin-left:1.25em}.client-site .tech{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.client-site div.tech-icon{cursor:help;position:relative}.client-site div.tech-icon span{position:absolute;background:#313131;color:#eee;padding:0.25em 0.75em;white-space:nowrap;pointer-events:none;opacity:0;-webkit-transition:opacity 0.35s linear,-webkit-transform 0.35s ease;transition:opacity 0.35s linear,-webkit-transform 0.35s ease;transition:opacity 0.35s linear,transform 0.35s ease;transition:opacity 0.35s linear,transform 0.35s ease,-webkit-transform 0.35s ease}.client-site div.tech-icon span:after{content:"";background:#313131;display:block;position:absolute}.client-site div.tech-icon:focus span,.client-site div.tech-icon:hover span{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);pointer-events:all}.client-site.featured .tech-icon span{right:3em;top:calc(50% - 1.1em);-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translateX(32px)}.client-site.featured .tech-icon span:after{width:0.75em;height:1.72em;top:0em;right:-0.7em;bottom:0;-webkit-clip-path:polygon(0 0,0% 100%,100% 50%);clip-path:polygon(0 0,0% 100%,100% 50%)}.client-site.secondary .tech-icon span{top:-52px;left:-10px;-webkit-transform:translateY(32px);-ms-transform:translateY(32px);transform:translateY(32px)}.client-site.secondary .tech-icon span:after{width:32px;height:18px;left:10px;bottom:-17px;-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0)}.client-site .tech .php{fill:#777BB4}.client-site .tech .sass{fill:#CC6699}.client-site .tech .javascript{fill:#F7DF1E}.client-site .tech .pug{fill:#A86454}.client-site .tech .yaml{fill:#444}.client-site .tech .twig{fill:#78DC50}.client-site .tech .dotnet{fill:#512BD4}.client-site .tech .gutenberg{fill:#000000}.client-site .tech .vue{fill:#4FC08D}.client-site .tech .jquery{fill:#0769AD}.client-site .tech .aos{fill:#26a}.client-site .tech .lottie{fill:#2BEAED}.client-site .tech .howler{fill:#786956}.client-site .tech .scrollmagic{fill:#3b46a0}.client-site .tech .json{fill:#000000}.client-site .tech .kirby{fill:#000000}.client-site .tech .concrete5{fill:#017ddd}.client-site .tech .craft{fill:#E5422B}.client-site .tech .drupal{fill:#0678BE}.client-site .tech .azure{fill:#0078D4}.client-site .tech .untappd{fill:#FFC000}.client-site .tech .matomo{fill:#3152A0}.client-site .tech .jwplayer{fill:#ec0041}.client-site .tech .vimeo{fill:#1AB7EA}.client-site .tech .platform-sh{fill:#1A182A}.client-site .tech span{font-weight:625;background:#101010}.client-site .tech span:after{background:#101010}.client-site.featured .title{font-size:215%}.client-site.featured .description{font-size:120%}.client-site.secondary{-ms-grid-column-span:1;grid-column:span 1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.client-site.secondary .title{font-size:175%}.client-site.secondary .title span{-webkit-transform:unset;-ms-transform:unset;transform:unset;margin-bottom:0.25em}.client-site.secondary .subhead{margin-bottom:unset}.client-site.secondary figure{padding:0;margin-top:0.5rem}.client-site.secondary figure .screenshot{background-image:url(../img/client-sites/browser.png);background-size:cover;background-repeat:no-repeat;background-position:top center;padding:18px 1px 1px 1px;border:1px solid rgba(0,0,0,0.4);overflow:hidden;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}.client-site.secondary figcaption{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:10px}.client-site.secondary .visit-site{padding-top:1rem}.client-site.secondary .tech{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.client-site.secondary .tech svg{height:32px;width:32px}.client-site .no-js-carousel{background-image:url(../img/client-sites/browser2.png);background-size:cover;background-repeat:no-repeat;background-position:top center;padding:20px 0 0 0;border:1px solid rgba(0,0,0,0.4);overflow:hidden;border-radius:6px;-webkit-box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;box-shadow:rgba(0,0,0,0.24) 0px 3px 8px}.client-site .no-js-carousel .shots{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.client-site .no-js-carousel .shot{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start}@media (min-width:1401px){.client-sites{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.client-site.featured{-ms-grid-column-span:3;grid-column:span 3}}@media (max-width:1400px){.client-sites{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.client-site.featured{-ms-grid-column-span:2;grid-column:span 2}}@media (max-width:1240px){.client-site.featured{-ms-grid-columns:1fr;grid-template-columns:1fr}.client-site.featured .screenshots-carousel-wrapper{width:520px;margin-left:auto;margin-right:auto;overflow:hidden}}@media (max-width:1240px) and (max-width:590px){.client-site.featured .screenshots-carousel-wrapper{width:360px}}@media (max-width:1240px) and (max-width:430px){.client-site.featured .screenshots-carousel-wrapper{width:260px}}@media (max-width:1240px){.client-site.featured .tech{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:10px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.client-site.featured .tech .tooltip{-ms-flex-preferred-size:42px;flex-basis:42px}}@media (max-width:700px){.client-sites{-ms-grid-columns:1fr;grid-template-columns:1fr}.client-site.featured{-ms-grid-column-span:1;grid-column:span 1}}@media (max-width:510px){.client-site.featured{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:20px}.client-site.featured .tech{-ms-grid-column:1;grid-column:1;-ms-grid-row-span:1;grid-row:span 1;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.client-site.featured .tech svg{height:32px;width:32px}}.talk-grid{display:-ms-grid;display:grid;gap:30px;padding-left:30px;padding-right:30px;padding-bottom:30px}.talk-grid .conference{background-color:white;-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);padding:15px;position:relative;min-height:240px}.talk-grid .conference img.flag{width:3rem;float:right;margin-left:10px;margin-bottom:10px;outline:1px solid rgba(68,68,68,0.35)}.talk-grid .conference img.virtual-icon{width:3rem;float:right;margin-left:10px;margin-bottom:10px}.talk-grid .conference .name{font-size:210%}.talk-grid .conference a{color:#ac4b06;text-decoration:none}.talk-grid .conference a:hover{text-decoration:underline}.talk-grid .conference .location{font-size:115%;letter-spacing:0.1em}.talk-grid .conference .date{font-weight:bold}.talk-grid .conference .presenting{margin-top:0.5em}.talk-grid .conference .multiple-talks li{margin-bottom:0.4em}.talk-grid .conference .talk-supplements{white-space:nowrap}.talk-grid .conference .talk-supplements .blind-deck,.talk-grid .conference .talk-supplements .keynote{font-weight:700}.talk-grid .conference .talk-supplements:before{content:" ( "}.talk-grid .conference .talk-supplements>span:after{content:" | "}.talk-grid .conference .talk-supplements>span:last-child:after{content:""}.talk-grid .conference .talk-supplements:after{content:" )"}.talk-grid .conference.photo-background{-ms-grid-row-span:2;grid-row:span 2;-ms-grid-column-span:2;grid-column:span 2}.talk-grid .leading h2{font-weight:300;font-size:260%;letter-spacing:0.1em;padding-top:1em}.talk-grid .conference{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;min-height:16rem}.talk-grid .conference>*{-ms-flex-preferred-size:100%;flex-basis:100%}.talk-grid .pics{z-index:3;padding-top:2rem}.talk-grid .pics a.pic{background-size:cover;display:inline-block;background-position:center;cursor:pointer;background-repeat:no-repeat;position:relative}.talk-grid .pics a.pic img{height:72px;width:72px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.talk-grid .pics a.pic:before{position:absolute;top:0;right:0;bottom:0;left:0;background:#ac4b06;content:"";display:block;mix-blend-mode:color;opacity:0}.talk-grid .pics a.pic.active:before,.talk-grid .pics a.pic:active:before,.talk-grid .pics a.pic:focus:before,.talk-grid .pics a.pic:hover:before{opacity:0.5}.talk-grid .pics a.pic.inactive{opacity:0.5}.talk-grid .pics a.pic.inactive:focus,.talk-grid .pics a.pic.inactive:hover{opacity:1}.talk-grid .pics a.close-cardpic{position:absolute;top:0;right:0.75rem;font-size:36px;display:none;text-decoration:none}.talk-grid .pics a.close-cardpic:focus,.talk-grid .pics a.close-cardpic:hover{color:white;text-shadow:0 0 3px black}.talk-grid .cardpic{position:absolute;top:0;right:0;bottom:0;left:0;background:#111;display:none;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:2}.talk-grid .photo-background .pics a.close-cardpic{display:block;cursor:pointer}.talk-grid .photo-background .cardpic{display:block}.talk-grid figure.map{background-image:url(../img/worldmap.png);background-size:cover;display:-webkit-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:270px;border:4px solid rgba(49,49,49,0.3)}.talk-grid figure.map a{color:#ac4b06;text-decoration:none;font-size:46px;font-weight:400}.talk-grid figure.map a:hover{text-decoration:underline}.talk-grid figure.decks{border:4px solid rgba(49,49,49,0.3);color:#444;background:rgba(68,68,68,0.1);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.talk-grid figure.decks a{color:#ac4b06;text-decoration:none;font-size:32px}.talk-grid figure.decks a:hover{text-decoration:underline}.talk-grid .back-home{border:4px solid rgba(49,49,49,0.3);color:#444;background:rgba(68,68,68,0.1);padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.talk-grid .back-home a{color:#ac4b06;text-decoration:none;font-size:32px}.talk-grid .back-home a:hover{text-decoration:underline}@media (min-width:401px){.talk-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:400px){.talk-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.deck-grid .deck{background-color:white;-webkit-box-shadow:-4px -4px 8px rgba(0,0,0,0.3);box-shadow:-4px -4px 8px rgba(0,0,0,0.3);padding:15px;position:relative;min-height:240px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px}.deck-grid .deck .title{font-size:210%;margin-bottom:10px;font-weight:570;color:#313131}.deck-grid .deck table{width:100%}.deck-grid .deck table td{padding:4px 0;vertical-align:middle}.deck-grid .deck table td.location{width:40px}.deck-grid .deck table td.location.country img{outline:1px solid rgba(68,68,68,0.35)}.deck-grid .deck table td.conf{font-size:125%;font-weight:600;padding-left:10px}.deck-grid .deck table td.conf .video{font-size:75%;font-weight:600;vertical-align:middle}.deck-grid .deck table td.conf .video:before{content:" | "}.deck-grid .deck table td.conf .video a{text-decoration:none;color:#ac4b06}.deck-grid .deck table td.conf .video a:focus,.deck-grid .deck table td.conf .video a:hover{text-decoration:underline}.deck-grid .deck table td.conf .keynote{font-size:75%;font-weight:800;vertical-align:middle}.deck-grid .deck table td.conf .keynote:before{content:" | "}.deck-grid .deck table td.icon{text-align:center;width:50px}.deck-grid .deck table td.icon svg{width:26px}.deck-grid .deck table td.icon svg *{fill:#313131}.deck-grid .deck table td.link{font-size:115%;font-weight:625}.deck-grid .deck table td.link a{color:#ac4b06;text-decoration:none}.deck-grid .deck table td.link a:focus,.deck-grid .deck table td.link a:hover{text-decoration:underline}.deck-grid .deck .deck-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.deck-grid .deck .deck-links>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.deck-grid .deck .deck-links .icon{-ms-flex-preferred-size:40px;flex-basis:40px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.deck-grid .deck .deck-links .icon svg{width:32px}.deck-grid .deck .deck-links .icon svg *{fill:#676767}.deck-grid .deck .deck-links .link{font-size:135%;font-weight:625;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.deck-grid .deck .deck-links .link a{color:#ac4b06;text-decoration:none}.deck-grid .deck .deck-links .link a:focus,.deck-grid .deck .deck-links .link a:hover{text-decoration:underline}.deck-grid .deck .deck-links .logo{-ms-flex-preferred-size:100%;flex-basis:100%;text-align:right}.deck-grid .deck .deck-links .logo img{width:72px}.slick-slider .slick-arrow{background:transparent;border:none;position:absolute;bottom:10px;font-family:"Yrsa",serif;font-size:240%;color:#e98741;z-index:3;cursor:pointer}.slick-slider .slick-arrow:active,.slick-slider .slick-arrow:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.slick-slider .slick-prev{left:10px}.slick-slider .slick-next{right:10px}.slick-slider .slick-slide{cursor:-webkit-grab;cursor:grab}.slick-slider .slick-slide:active{cursor:-webkit-grabbing;cursor:grabbing}.slick-slider button{outline:none}.slick-slider.talks{position:absolute;top:0;right:0;bottom:0;left:0}.slick-slider.talks .slick-list{height:100%;padding-top:85px;padding-left:15px;padding-right:15px}.slick-slider .slick-dots{display:block;text-align:center;position:absolute;right:0;bottom:7px;left:0;padding:0 40px}.slick-slider .slick-dots li{display:inline-block;padding:0 0.5em 0 0}.slick-slider .slick-dots li button{display:inline-block;line-height:1.3em;height:1em;width:1em;background:transparent;background:#e98741;border:none;-webkit-transition:background 0.2s linear;transition:background 0.2s linear;border-radius:50%;font-family:"Yrsa",serif;padding:0;cursor:pointer;overflow:hidden;text-indent:-999px}.slick-slider .slick-dots li button:focus,.slick-slider .slick-dots li button:hover{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}.slick-slider .slick-dots li.slick-active button{background:#eee;cursor:default}section.fullpage{background:white;display:block;width:100%;padding:2em;margin-bottom:2em;background:white;border:1px solid rgba(49,49,49,0.3);-webkit-box-shadow:0 0 0.3em rgba(49,49,49,0.75);box-shadow:0 0 0.3em rgba(49,49,49,0.75);font-size:22px;max-width:880px}section.fullpage h1{margin-bottom:0.25em}section.fullpage h3{margin-bottom:0.25em}section.fullpage .stamp{display:block;margin-bottom:0.5em}section.fullpage time{font-weight:bold}section.fullpage a{color:#ac4b06;font-weight:bold;text-decoration:none}section.fullpage a:hover{text-decoration:underline}section.fullpage ul{margin-bottom:1.5em}section.fullpage ul li{margin-bottom:0.25em}section.fullpage ol{margin-bottom:1.5em}section.fullpage ol li{margin-bottom:0.5em;list-style-type:decimal;margin-left:1.5em}ul.things{margin-left:0.5em;padding:0}ul.things li{list-style-type:none}ul.things li:before{content:"⚫️";display:inline-block;width:40px;text-align:center;margin-right:0.5em;font-size:60%}ul.things li.yes:before{content:"💚"}ul.things li.no:before{content:"💔"}span.yes:before{content:"💚";font-size:65%}span.no:before{content:"💔";font-size:65%} /*# sourceMappingURL=ahoylemon.css.map */ \ No newline at end of file diff --git a/decks.html b/decks.html index 4f2ec5d..c872023 100644 --- a/decks.html +++ b/decks.html @@ -7,7 +7,7 @@ - + diff --git a/index.html b/index.html index fd7324d..8050a46 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + @@ -293,7 +293,7 @@

see all
-
+
photo from Lemon in NDC {London}
NDC {London}
London, England @@ -307,7 +307,7 @@

-
+
photo from Lemon in PubConf: Mystery Tech Theater
PubConf: Mystery Tech Theater
London, England @@ -320,7 +320,7 @@

-
+
photo from Lemon in Wey Wey Web
Wey Wey Web
Málaga, Spain @@ -334,7 +334,7 @@

-
+
photo from Lemon in DevConf PL
DevConf PL
Łódź, Poland @@ -348,7 +348,7 @@

-
+
photo from Lemon in Copenhagen Developers Festival
Copenhagen Developers Festival
København, Denmark @@ -362,7 +362,7 @@

-
+
photo from Lemon in THAT Wisconsin
THAT Wisconsin
Wisconsin Dells, WI @@ -376,7 +376,7 @@

-
+
photo from Lemon in DevSum
DevSum
Stockholm, Sweden @@ -390,7 +390,7 @@

-
+
photo from Lemon in Techorama BE
Techorama BE
Antwerp, Belgium @@ -404,7 +404,7 @@

-
+
photo from Lemon in PDC Calgary
PDC Calgary
Calgary, Canada @@ -418,7 +418,7 @@

-
+
photo from Lemon in PubConf: Tech In Hell
PubConf: Tech In Hell
Minneapolis, MN @@ -431,7 +431,7 @@

-
+
photo from Lemon in NDC {Oslo}
NDC {Oslo}
Oslo, Norway @@ -445,7 +445,7 @@

-
+
photo from Lemon in PubConf: Armageddon
PubConf: Armageddon
Kansas City, MO @@ -458,7 +458,7 @@

-
+
photo from Lemon in KCDC
KCDC
Kansas City, MO @@ -472,7 +472,7 @@

-
+
photo from Lemon in Webinale
Webinale
Berlin, Germany @@ -486,7 +486,7 @@

-
+
photo from Lemon in NDC {London}
NDC {London}
London, England @@ -500,7 +500,7 @@

-
+
photo from Lemon in NDC {Porto}
NDC {Porto}
Porto, Portugal @@ -514,7 +514,7 @@

-
+
photo from Lemon in NDC {Oslo}
NDC {Oslo}
Oslo, Norway @@ -528,7 +528,7 @@

-
+
photo from Lemon in Build Stuff LT
Build Stuff LT
Vilnus, Lithuania @@ -542,7 +542,7 @@

-
+
photo from Lemon in KCDC
KCDC
Kansas City, MO @@ -556,7 +556,7 @@

-
+
photo from Lemon in NDC {London}
NDC {London}
London, England @@ -570,7 +570,7 @@

-
+
photo from Lemon in Developer! Developer! Developer!
Developer! Developer! Developer!
Nottingham, England @@ -583,7 +583,7 @@

-
+
photo from Lemon in International PHP Conference
International PHP Conference
Berlin, Germany @@ -597,7 +597,7 @@

-
+
photo from Lemon in CONNECT TECH
CONNECT TECH
Atlanta, GA @@ -610,7 +610,7 @@

-
+
photo from Lemon in Momentum
Momentum
Cincinnati, OH @@ -623,7 +623,7 @@

-
+
photo from Lemon in Webinale
Webinale
Berlin, Germany @@ -636,7 +636,7 @@

-
+
photo from Lemon in DevTalks Ro
DevTalks Ro
Bucharest, Romania @@ -650,7 +650,7 @@

-
+
photo from Lemon in <DevSum>
<DevSum>
Stockholm, Sweden @@ -663,7 +663,7 @@

-
+
photo from Lemon in NDC {London}
NDC {London}
London, England @@ -677,7 +677,7 @@

-
+
photo from Lemon in PubConf London
PubConf London
London, England @@ -690,7 +690,7 @@

-
+
photo from Lemon in F Plus Live
F Plus Live
Portland, OR @@ -703,7 +703,7 @@

-
+
photo from Lemon in Build Stuff LT
Build Stuff LT
Vilnus, Lithuania @@ -717,7 +717,7 @@

-
+
photo from Lemon in Build Stuff UA
Build Stuff UA
Kyiv, Ukraine @@ -731,7 +731,7 @@

-
+
photo from Lemon in Techorama NL
Techorama NL
Ede, Netherlands @@ -745,7 +745,7 @@

-
+
photo from Lemon in PubConf Amsterdam
PubConf Amsterdam
Amsterdam, Netherlands @@ -758,7 +758,7 @@

-
+
photo from Lemon in Code PaLOUsa
Code PaLOUsa
Louisville, KY @@ -772,7 +772,7 @@

-
+
photo from Lemon in KCDC
KCDC
Kansas City, MO @@ -786,7 +786,7 @@

-
+
photo from Lemon in PubConf KC
PubConf KC
Kansas City, MO @@ -799,7 +799,7 @@

-
+
photo from Lemon in NDC {Oslo}
NDC {Oslo}
Oslo, Norway @@ -813,7 +813,7 @@

-
+
photo from Lemon in NDC {Minnesota}
NDC {Minnesota}
St. Paul, MN @@ -827,7 +827,7 @@

-
+
photo from Lemon in PubConf MN
PubConf MN
St. Paul, MN @@ -840,7 +840,7 @@

-
+
photo from Lemon in Minnebar
Minnebar
Richfield, MN @@ -853,7 +853,7 @@

-
+
photo from Lemon in dev up
dev up
St. Louis, MO @@ -867,7 +867,7 @@

-
+
photo from Lemon in NDC {Sydney}
NDC {Sydney}
Sydney, Australia @@ -881,7 +881,7 @@

-
+
photo from Lemon in PubConf Sydney
PubConf Sydney
Sydney, Australia @@ -894,7 +894,7 @@

-
+
photo from Lemon in KCDC X
KCDC X
Kansas City, MO @@ -908,7 +908,7 @@

-
+
photo from Lemon in PubConf KC
PubConf KC
Kansas City, MO @@ -921,7 +921,7 @@

-
+
photo from Lemon in NDC {Minnesota}
NDC {Minnesota}
St. Paul, MN @@ -935,7 +935,7 @@

-
+
photo from Lemon in PubConf MN
PubConf MN
St. Paul, MN @@ -948,7 +948,7 @@

-
+
photo from Lemon in Minnebar
Minnebar
Richfield, MN @@ -961,7 +961,7 @@

-
+
photo from Lemon in PubConf Mpls
PubConf Mpls
Minneapolis, MN @@ -974,7 +974,7 @@

-
+
photo from Lemon in Minnebar
Minnebar
Richfield, MN diff --git a/pug/partials/_mixins.pug b/pug/partials/_mixins.pug index 3445195..484f85d 100644 --- a/pug/partials/_mixins.pug +++ b/pug/partials/_mixins.pug @@ -182,7 +182,8 @@ mixin talkSlider(w) - p = "img/talks/" + t.pics[0] else if t.img - p = "img/talks/" + t.img - figure.conference.prev(style="background-image:url("+p+")") + figure.conference.prev + img(src=p alt="photo from Lemon in "+t.name loading="lazy") figcaption .name a(href="talks.html#"+t.slug)= t.name diff --git a/sass/partials/_summaries.scss b/sass/partials/_summaries.scss index aa8ce5e..eea0ab4 100644 --- a/sass/partials/_summaries.scss +++ b/sass/partials/_summaries.scss @@ -87,8 +87,9 @@ &:after { content: " )"} } &.upcoming { scroll-snap-align: end; flex-basis: calc(50% - 20px); } - &.prev { scroll-snap-align: start; min-height: 300px; flex-basis:300px; background-size:cover; background-position: center; display:flex; align-items: flex-end; - figcaption { background:linear-gradient(rgba(#1c1b1b,0), rgba(#1c1b1b,0.99) ) ; padding:80px 10px 10px 10px; width:100%;} + &.prev { scroll-snap-align: start; min-height: 300px; flex-basis:300px; display:flex; align-items: flex-end; position: relative; + img { height:300px; width:100%; object-fit: cover; position: relative; } + figcaption { background:linear-gradient(rgba(#1c1b1b,0), rgba(#1c1b1b,0.99) ) ; padding:80px 10px 10px 10px; width:100%; @include position(absolute,null,0,0,0);} } } } diff --git a/talks.html b/talks.html index 973a9ad..185fc85 100644 --- a/talks.html +++ b/talks.html @@ -1 +1 @@ -Lemon speaks at conferences.

Upcoming Conferences »

Stockholm, Sweden
-
Presenting:
  • Solving Layout Challenges With Pure Sass
Berlin, Germany
-
Presenting:
  • Designers vs Developers: Who Is In Control Here?KEYNOTE
  • Solving Layout Challenges With Pure Sass
Location Map

Previous Conferences »

London, England
-
Presented:
  • Designers vs Developers: Who Is In Control Here?
X
London, England
Presented:
  • Chat GPT Is A Conspiracy of the Illuminati
X
Málaga, Spain
-
Presented:
  • Shrink The Web!
X
Łódź, Poland
-
Presented:
  • Solving Layout Challenges With Pure Sass
  • How To Make Your Website A PWA
X
København, Denmark
-
Presented:
  • Shrink The Web!
X
Wisconsin Dells, WI
-
Presented:
  • Solving Layout Challenges With Pure Sass
X
Stockholm, Sweden
-
Presented:
  • Shrink The Web!
  • Designers & Developers: Friends With Benefits
X
Antwerp, Belgium
-
Presented:
  • How To Make Your Website A PWA
  • I'm Going To Make You Stop Hating CSS.
X
Calgary, Canada
-
Presented:
  • Designers & Developers: Friends With Benefits
  • I'm Gonna Make You Stop Hating CSS.
X
Minneapolis, MN
Presented:
  • I'll See You In HellBLIND DECK
X
Oslo, Norway
-
Presented:
  • Shrink The Web: How To Get Happier By Removing Crap Video
X
Kansas City, MO
Presented:
  • Burning ProductionBLIND DECK Video
X
Kansas City, MO
-
Presented:
  • Shrink The Web!
X
Berlin, Germany
-
Presented:
  • How To Make Your Website A Progressive Web App
  • CMS Speed Dating
X
London, England
-
Presented:
  • I'm Gonna Make You Stop Hating CSS. Video
X
Porto, Portugal
-
Presented:
  • I'm Going To Make You Stop Hating CSS Video
  • QUICK BITS: Lemon Avoids The Command Line Video
X
Oslo, Norway(Virtual)
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To) Video
X
Vilnus, Lithuania(Virtual)
-
Presented:
  • Shrink The Web!
X
Kansas City, MO
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
London, England(Virtual)
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To) Video
X
Nottingham, England (Virtual)
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
Berlin, Germany(Virtual)
-
Presented:
  • Shrink The Web!KEYNOTE
  • CMS Speed Dating
X
Atlanta, GA(Virtual)
Presented:
  • I'm Gonna Make You Stop Hating CSS.
X
Momentum
Cincinnati, OH(Virtual)
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
Berlin, Germany(Virtual)
Presented:
X
Bucharest, Romania(Virtual)
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
Stockholm, Sweden(Virtual)
Presented:
  • I'm Gonna Make You Stop Hating CSS.
X
London, England
-
Presented:
  • Shrink The Web!
X
London, England
Presented:
  • Website Needs Code, Badly!
X
Portland, OR
Presented:
  • WikiHow: The Game Show
X
Vilnus, Lithuania
-
Presented:
X
Kyiv, Ukraine
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.Slides
X
Ede, Netherlands
-
Presented:
  • Shrink The Web! How To Be Happier By Removing Crap
  • I'm Gonna Make You Stop Hating CSS.
X
Amsterdam, Netherlands
Presented:
  • ACME Bears No Responsibility For Mr. Coyote Exploding
X
Louisville, KY
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.
  • CMS Speed Dating
X
Kansas City, MO
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.Slides
  • CMS Speed DatingSlides
X
Kansas City, MO
Presented:
  • We Made Simpsons Porn!?
X
Oslo, Norway
-
Presented:
  • I'm Gonna Make You Stop Hating CSS. Video
  • A Few Bad Ideas
X
St. Paul, MN
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.
X
St. Paul, MN
Presented:
  • ACME Bears No Responsibility For Mr. Coyote Exploding
  • PubConf Jr. Presents DevOpsBLIND DECK
X
Richfield, MN
Presented:
  • Shrink The Web: How To Be Happier With Your Website By Removing The Crap Video
X
St. Louis, MO
-
Presented:
  • Let's Launch A Website, Right Friggin' Now! Video
X
Sydney, Australia
-
Presented:
  • Let's Launch A Website, Right Friggin' Now! (Futile Fun Edition)Slides Video
X
Sydney, Australia
Presented:
  • Please Your VP By Hating Your User
X
Kansas City, MO
-
Presented:
  • Let's Launch A Website, Right Friggin' Now! (Pretend World Edition)Slides
X
Kansas City, MO
Presented:
  • Please Your VP By Hating Your User
X
St. Paul, MN
-
Presented:
  • Let's Make A Website, Right Friggin' Now! (Verifiable Win Edition) Video
X
St. Paul, MN
Presented:
  • Please Your VP By Hating Your User Video
X
Richfield, MN
Presented:
  • Literally Anything But Wordpress
X
Minneapolis, MN
Presented:
  • Oops! I Got Popular?
X
Richfield, MN
Presented:
  • Write Pretty Code With Jade & Sass
X
Decks I've Presented
Back Home
\ No newline at end of file +Lemon speaks at conferences.

Upcoming Conferences »

Stockholm, Sweden
-
Presenting:
  • Solving Layout Challenges With Pure Sass
Berlin, Germany
-
Presenting:
  • Designers vs Developers: Who Is In Control Here?KEYNOTE
  • Solving Layout Challenges With Pure Sass
Location Map

Previous Conferences »

London, England
-
Presented:
  • Designers vs Developers: Who Is In Control Here?
X
London, England
Presented:
  • Chat GPT Is A Conspiracy of the Illuminati
X
Málaga, Spain
-
Presented:
  • Shrink The Web!
X
Łódź, Poland
-
Presented:
  • Solving Layout Challenges With Pure Sass
  • How To Make Your Website A PWA
X
København, Denmark
-
Presented:
  • Shrink The Web!
X
Wisconsin Dells, WI
-
Presented:
  • Solving Layout Challenges With Pure Sass
X
Stockholm, Sweden
-
Presented:
  • Shrink The Web!
  • Designers & Developers: Friends With Benefits
X
Antwerp, Belgium
-
Presented:
  • How To Make Your Website A PWA
  • I'm Going To Make You Stop Hating CSS.
X
Calgary, Canada
-
Presented:
  • Designers & Developers: Friends With Benefits
  • I'm Gonna Make You Stop Hating CSS.
X
Minneapolis, MN
Presented:
  • I'll See You In HellBLIND DECK
X
Oslo, Norway
-
Presented:
  • Shrink The Web: How To Get Happier By Removing Crap Video
X
Kansas City, MO
Presented:
  • Burning ProductionBLIND DECK Video
X
Kansas City, MO
-
Presented:
  • Shrink The Web!
X
Berlin, Germany
-
Presented:
  • How To Make Your Website A Progressive Web App
  • CMS Speed Dating
X
London, England
-
Presented:
  • I'm Gonna Make You Stop Hating CSS. Video
X
Porto, Portugal
-
Presented:
  • I'm Going To Make You Stop Hating CSS Video
  • QUICK BITS: Lemon Avoids The Command Line Video
X
Oslo, Norway(Virtual)
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To) Video
X
Vilnus, Lithuania(Virtual)
-
Presented:
  • Shrink The Web!
X
Kansas City, MO
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
London, England(Virtual)
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To) Video
X
Nottingham, England (Virtual)
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
Berlin, Germany(Virtual)
-
Presented:
  • Shrink The Web!KEYNOTE
  • CMS Speed Dating
X
Atlanta, GA(Virtual)
Presented:
  • I'm Gonna Make You Stop Hating CSS.
X
Momentum
Cincinnati, OH(Virtual)
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
Berlin, Germany(Virtual)
Presented:
X
Bucharest, Romania(Virtual)
-
Presented:
  • How To Make Your Website A Progressive Web App (And Why You Might Want To)
X
Stockholm, Sweden(Virtual)
Presented:
  • I'm Gonna Make You Stop Hating CSS.
X
London, England
-
Presented:
  • Shrink The Web!
X
London, England
Presented:
  • Website Needs Code, Badly!
X
Portland, OR
Presented:
  • WikiHow: The Game Show
X
Vilnus, Lithuania
-
Presented:
X
Kyiv, Ukraine
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.Slides
X
Ede, Netherlands
-
Presented:
  • Shrink The Web! How To Be Happier By Removing Crap
  • I'm Gonna Make You Stop Hating CSS.
X
Amsterdam, Netherlands
Presented:
  • ACME Bears No Responsibility For Mr. Coyote Exploding
X
Louisville, KY
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.
  • CMS Speed Dating
X
Kansas City, MO
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.Slides
  • CMS Speed DatingSlides
X
Kansas City, MO
Presented:
  • We Made Simpsons Porn!?
X
Oslo, Norway
-
Presented:
  • I'm Gonna Make You Stop Hating CSS. Video
  • A Few Bad Ideas
X
St. Paul, MN
-
Presented:
  • I'm Gonna Make You Stop Hating CSS.
X
St. Paul, MN
Presented:
  • ACME Bears No Responsibility For Mr. Coyote Exploding
  • PubConf Jr. Presents DevOpsBLIND DECK
X
Richfield, MN
Presented:
  • Shrink The Web: How To Be Happier With Your Website By Removing The Crap Video
X
St. Louis, MO
-
Presented:
  • Let's Launch A Website, Right Friggin' Now! Video
X
Sydney, Australia
-
Presented:
  • Let's Launch A Website, Right Friggin' Now! (Futile Fun Edition)Slides Video
X
Sydney, Australia
Presented:
  • Please Your VP By Hating Your User
X
Kansas City, MO
-
Presented:
  • Let's Launch A Website, Right Friggin' Now! (Pretend World Edition)Slides
X
Kansas City, MO
Presented:
  • Please Your VP By Hating Your User
X
St. Paul, MN
-
Presented:
  • Let's Make A Website, Right Friggin' Now! (Verifiable Win Edition) Video
X
St. Paul, MN
Presented:
  • Please Your VP By Hating Your User Video
X
Richfield, MN
Presented:
  • Literally Anything But Wordpress
X
Minneapolis, MN
Presented:
  • Oops! I Got Popular?
X
Richfield, MN
Presented:
  • Write Pretty Code With Jade & Sass
X
Decks I've Presented
Back Home
\ No newline at end of file diff --git a/uses/index.html b/uses/index.html index 725f796..0e9da1c 100644 --- a/uses/index.html +++ b/uses/index.html @@ -7,7 +7,7 @@ - +