PageSourceSearch

https://larsenwork.com/

html larsenwork.com collected 2026-10-03 22:20:44 UTC 62,904 bytes, 34 lines download raw bytes

1<!doctype html>
2<html data-n-head-ssr lang="en" data-n-head="lang">
3  <head>
4    <title data-n-head="true">Larsenwork</title><meta data-n-head="true" charset="utf-8"><meta data-n-head="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-n-head="true" data-hid="description" name="description" content="Andreas Larsen is an ambitious and humble healthcare professional turned developer + designer from Cph, Denmark."><meta data-n-head="true" name="twitter:card" content="summary_large_image"><meta data-n-head="true" name="twitter:site" content="@larsenwork"><meta data-n-head="true" name="twitter:creator" content="@larsenwork"><meta data-n-head="true" data-hid="og:image" property="og:image" content="https://res.cloudinary.com/larsenwork/image/upload/v1517138735/andreas.jpg"><meta data-n-head="true" data-hid="og:title" property="og:title" content="Larsenwork"><meta data-n-head="true" data-hid="og:description" property="og:description" content="Andreas Larsen is an ambitious and humble healthcare professional turned developer + designer from Cph, Denmark."><meta data-n-head="true" name="apple-mobile-web-app-title" content="Larsenwork"><meta data-n-head="true" name="application-name" content="Larsenwork"><meta data-n-head="true" name="theme-color" content="#ee2b7c"><link data-n-head="true" rel="preload" href="/fonts/gidole-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link data-n-head="true" rel="icon" type="image/x-icon" href="/favicon.ico"><link data-n-head="true" rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link data-n-head="true" rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link data-n-head="true" rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link data-n-head="true" rel="manifest" href="/manifest.json"><link data-n-head="true" rel="mask-icon" href="/safari-pinned-tab.svg" color="#ee2b7c"><link rel="preload" href="/_nuxt/277536c975bfcb46dac6.js" as="script"><link rel="preload" href="/_nuxt/ee7497f83fc0f9617d37.js" as="script"><link rel="preload" href="/_nuxt/274ceadb6ed3bc84b174.js" as="script"><link rel="preload" href="/_nuxt/ae7e967a3990fb2f1f5b.js" as="script"><link rel="preload" href="/_nuxt/147e323991e35d246084.js" as="script"><style data-vue-ssr-id="8f38bb7a:0 4de943ec:0 2367ea5e:0 1c32597c:0 f5d0c684:0 73325c7c:0 f6dbb3c8:0 07349464:0">:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0;border-width:0;font-weight:400;font-size:1rem;list-style:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}body,html{overflow-x:hidden}.theme-primary,.theme-secondary,body{background-color:#141414;background-color:var(--color-themed-bg);color:#fff;color:var(--color-themed-fg)}.u-button,button{display:-ms-flexbox;display:flex;background:#141414;background:var(--color-themed-bg);color:inherit;font-family:inherit;text-decoration:none;padding:calc(2rem / 2);padding:var(--spacer-small);border-radius:calc(2rem / 2);border-radius:var(--spacer-small);transition:.3s ease;transition:var(--transition);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow);overflow:hidden}.u-button:hover,button:hover{box-shadow:0 5px 40px hsla(0,0%,0%,.12),0 1px 8px hsla(0,0%,0%,.08),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow--hover)}.u-button:focus,button:focus{outline:0}.u-button.is-active,button.is-active{box-shadow:0 5px 40px transparent,0 1px 8px transparent,inset 0 1px 8px hsla(0,0%,0%,.16),inset 0 .25px 2px hsla(0,0%,0%,.32);box-shadow:var(--shadow--inset);background-color:#0a0a0a;background-color:var(--color-themed-bg-dimmed);transition:.2s ease;transition:.2s var(--transitionFunction)}.u-button.u-button-small,button.u-button-small{padding:calc(2rem / 4);padding:var(--spacer-xsmall);border-radius:calc(2rem / 4);border-radius:var(--spacer-xsmall)}input[type=range]{background-color:transparent!important;outline:0!important;box-shadow:none!important;margin-left:calc(calc(2rem / 2) * -.5);margin-left:calc(var(--spacer-small) * -.5);margin-right:calc(calc(2rem / 2) * -.5);margin-right:calc(var(--spacer-small) * -.5);width:calc(calc(2rem / 2) + 100%);width:calc(var(--spacer-small) + 100%);-webkit-appearance:none}::-moz-range-track{background:0 0;width:100%;height:calc(2rem / 2);height:var(--spacer-small)}::-ms-track{background:0 0;width:100%;height:calc(2rem / 2);height:var(--spacer-small)}::-webkit-slider-runnable-track{background:0 0;width:100%;height:calc(2rem / 2);height:var(--spacer-small)}::-moz-range-thumb{-webkit-appearance:none;background-color:#fff;background-color:var(--color-bright);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow);border:0 solid #fff;border-radius:50%;height:calc(2rem / 2);height:var(--spacer-small);width:calc(2rem / 2);width:var(--spacer-small)}::-ms-thumb{-webkit-appearance:none;background-color:#fff;background-color:var(--color-bright);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow);border:0 solid #fff;border-radius:50%;height:calc(2rem / 2);height:var(--spacer-small);width:calc(2rem / 2);width:var(--spacer-small)}::-webkit-slider-thumb{-webkit-appearance:none;background-color:#fff;background-color:var(--color-bright);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow);border:0 solid #fff;border-radius:50%;height:calc(2rem / 2);height:var(--spacer-small);width:calc(2rem / 2);width:var(--spacer-small)}input:not([type=range]),select{display:-ms-flexbox;display:flex;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:calc(2rem / 4);padding:var(--spacer-xsmall);outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:calc(2rem / 4);border-radius:var(--spacer-xsmall);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow);width:100%}input:not([type=range]):focus,select:focus{outline:0}select{background:#141414;background:var(--color-themed-bg)}::-moz-selection{color:#141414;color:var(--color-themed-bg);background-color:#fff;background-color:var(--color-themed-fg);text-shadow:none;opacity:1}::selection{color:#141414;color:var(--color-themed-bg);background-color:#fff;background-color:var(--color-themed-fg);text-shadow:none;opacity:1}input::-moz-selection{background-color:#141414;background-color:var(--color-themed-bg);color:#fff;color:var(--color-themed-fg)}input::selection{background-color:#141414;background-color:var(--color-themed-bg);color:#fff;color:var(--color-themed-fg)}:focus{outline:1px solid #e50072;outline:1px solid var(--color-brand);box-shadow:0 5px 40px hsla(0,0%,0%,.12),0 1px 8px hsla(0,0%,0%,.08),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow--hover)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ie-check{display:none!important}}.ie-message{margin-left:auto;margin-right:auto;padding:20px;
4display:none;max-width:30rem}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.ie-message{display:block}}@supports (-ms-ime-align:auto){.ie-check,.ie-check *{display:none!important}.ie-message{display:block!important}}@font-face{font-family:gidole;src:url(/fonts/gidole-regular.woff2) format('woff2');font-weight:400;font-style:normal}:root{--font-family:'gidole',sans-serif;--font-family-mono:Monaco,Menlo,Consolas,'Lucida Console',monospace}html{font-size:1.063rem;font-size:var(--fontSize-html)}body{font-family:gidole,sans-serif;font-family:var(--font-family);line-height:1.647rem;line-height:var(--lineHeight-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.2px}h1,h2,h3,h4,h5,h6{line-height:1.1;letter-spacing:0}h1,h2{color:#141414;color:var(--color-themed-bg);background-color:#fff;background-color:var(--color-themed-fg);display:inline-block;padding-right:calc(calc(1.647rem / 4 * 1)/ 2);padding-right:calc(var(--lineHeight-margin-xsmall)/ 2);padding-left:calc(calc(1.647rem / 4 * 1)/ 2);padding-left:calc(var(--lineHeight-margin-xsmall)/ 2)}.c-presentation h1,.c-presentation h2{color:#fff;color:var(--color-themed-fg);background-color:unset;padding:0;line-height:.9;letter-spacing:0}.c-presentation h1:only-child,.c-presentation h2:only-child{margin-bottom:0}h1{font-size:2rem;font-size:var(--fontSize-h1);letter-spacing:-.02em;margin-bottom:calc(1.647rem / 4 * 3);margin-bottom:var(--lineHeight-margin-small);margin-top:calc(1.647rem / 4 * 9);margin-top:var(--lineHeight-margin-large)}.c-presentation h1{margin-top:0}h1.is-emoji{margin-top:0;line-height:1.3;margin-bottom:0}h2{font-size:1.412rem;font-size:var(--fontSize-h2);letter-spacing:-.01em;margin-top:calc(1.647rem / 4 * 9);margin-top:var(--lineHeight-margin-large);margin-bottom:calc(1.647rem / 4 * 3);margin-bottom:var(--lineHeight-margin-small)}h3{font-size:1rem;margin-top:calc(1.647rem / 4 * 3);margin-top:var(--lineHeight-margin-small);margin-bottom:calc(1.647rem / 4 * 1);margin-bottom:var(--lineHeight-margin-xsmall)}:not(h1):not(h2)+p{margin-top:calc(1.647rem / 4 * 3);margin-top:var(--lineHeight-margin-small)}a{cursor:pointer}input{font-size:1rem;font-family:inherit}code,pre{font-family:Monaco,Menlo,Consolas,'Lucida Console',monospace;font-family:var(--font-family-mono);font-size:.8rem;line-height:calc(1.647rem * 3 / 4);line-height:calc(var(--lineHeight-body) * 3 / 4);letter-spacing:0;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}code>*,pre>*{font-size:.8rem}pre{border-radius:calc(2rem / 4);border-radius:var(--spacer-xsmall);background-color:#0a0a0a;background-color:var(--color-themed-bg-dimmed);overflow-x:auto;-webkit-overflow-scrolling:touch}pre::after{content:'';position:absolute;right:0;top:calc(2rem / 4);top:var(--spacer-xsmall);bottom:calc(2rem / 4);bottom:var(--spacer-xsmall);width:calc(calc(2rem / 2) * 1.5);width:calc(var(--spacer-small) * 1.5);background-image:linear-gradient(to right,hsla(0,0%,4%,0),#0a0a0a);background-image:linear-gradient(to right,var(--color-themed-bg-dimmed-transparent),var(--color-themed-bg-dimmed))}code{display:inline-block;margin:calc(2rem / 2);margin:var(--spacer-small)}.layout .u-section a:not(.u-button){background-image:linear-gradient(#e50072,#e50072);background-image:linear-gradient(var(--color-brand),var(--color-brand));background-repeat:no-repeat;background-size:100% 1.5px;background-position:center bottom;background-origin:padding-box;text-shadow:0 .12em #141414,0 .06em #141414,0 -.06em #141414,0 -.12em #141414,.06em .12em #141414,.06em .06em #141414,.06em 0 #141414,.06em -.06em #141414,.06em -.12em #141414,-.06em .12em #141414,-.06em .06em #141414,-.06em 0 #141414,-.06em -.06em #141414,-.06em -.12em #141414,.12em .12em #141414,.12em .06em #141414,.12em 0 #141414,.12em -.06em #141414,.12em -.12em #141414,-.12em .12em #141414,-.12em .06em #141414,-.12em 0 #141414,-.12em -.06em #141414,-.12em -.12em #141414;text-shadow:0 .12em var(--color-themed-bg),0 .06em var(--color-themed-bg),0 -.06em var(--color-themed-bg),0 -.12em var(--color-themed-bg),.06em .12em var(--color-themed-bg),.06em .06em var(--color-themed-bg),.06em 0 var(--color-themed-bg),.06em -.06em var(--color-themed-bg),.06em -.12em var(--color-themed-bg),-.06em .12em var(--color-themed-bg),-.06em .06em var(--color-themed-bg),-.06em 0 var(--color-themed-bg),-.06em -.06em var(--color-themed-bg),-.06em -.12em var(--color-themed-bg),.12em .12em var(--color-themed-bg),.12em .06em var(--color-themed-bg),.12em 0 var(--color-themed-bg),.12em -.06em var(--color-themed-bg),.12em -.12em var(--color-themed-bg),-.12em .12em var(--color-themed-bg),-.12em .06em var(--color-themed-bg),-.12em 0 var(--color-themed-bg),-.12em -.06em var(--color-themed-bg),-.12em -.12em var(--color-themed-bg);transition:color .1s ease-out}.t-codeLabel{position:absolute;top:0;margin-top:0;color:hsl(0,0%,100%,.72);color:var(--color-themed-fg-72);font-size:1em;right:calc(2rem / 4);right:var(--spacer-xsmall);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-presentation .t-codeLabel{color:#fff;color:var(--color-themed-fg);-webkit-transform:translateY(-53%);transform:translateY(-53%)}.u-lineLength{max-width:35rem;max-width:var(--lineLength-maxWidth);margin-left:auto;margin-right:auto}.u-position-relative{position:relative}.u-position-cover{position:absolute;top:0;left:0;width:100%;height:100%}.u-release-cover{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.u-cover{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.u-container{padding-right:calc(2rem / 2);padding-right:var(--spacer-small);padding-left:calc(2rem / 2);padding-left:var(--spacer-small);width:100%}.u-section{margin-bottom:calc(1.647rem / 4 * 9);margin-bottom:var(--lineHeight-margin-large)}.u-section:last-child{margin-bottom:calc(calc(1.647rem / 4 * 9) + calc(1.647rem / 4 * 3));margin-bottom:calc(var(--lineHeight-margin-large) + var(--lineHeight-margin-small))}.u-no-padding{padding:0!important}.u-knob{border-radius:50%;width:calc(2rem / 2);width:var(--spacer-small);height:calc(2rem / 2);height:var(--spacer-small);background-color:#fff;background-color:var(--color-bright);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.u-knob:hover{box-shadow:0 5px 40px hsla(0,0%,0%,.12),0 1px 8px hsla(0,0%,0%,.08),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow--hover)}.u-grid{display:grid!important;grid-gap:calc(2rem / 2);grid-gap:var(--spacer-small)}.u-grid--3-2{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.u-grid--3-4{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.u-grid--2-2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.u-grid--2-1{grid-template-columns:repeat(2,1fr)}.u-aspect--1-1,.u-aspect--2-3{position:relative;width:100%}.u-aspect--1-1::before,.u-aspect--2-3::before{width:100%;content:'';display:-ms-flexbox;display:flex}.u-aspect--1-1>*,.u-aspect--2-3>*{position:absolute;top:0;left:0;width:100%;height:100%}.u-aspect--1-1::before{padding-top:100%}.u-aspect--2-3::before{padding-top:calc(100% * 2 / 3)}.u-marginBottom{margin-bottom:calc(1.647rem / 4 * 3);margin-bottom:var(--lineHeight-margin-small)}.u-marginTop{margin-top:calc(1.647rem / 4 * 3);margin-top:var(--lineHeight-margin-small)}.u-textUppercase{text-transform:uppercase}.u-textCapitalize{text-transform:capitalize}.u-icon{width:1rem;height:1rem;opacity:.95;opacity:var(--opacity-high)}.page-enter-active,.page-leave-active{transition:opacity 1s}.page-enter,.page-leave-to{opacity:0;will-change:opacity}.tr-slides-enter-active,.tr-slides-leave-active{transition:.3s ease;transition:var(--transition)}.tr-slides-enter{-webkit-transform:translateY(calc(calc(2rem / 4) * -1));transform:translateY(calc(calc(2rem / 4) * -1));-webkit-transform:translateY(calc(var(--spacer-xsmall) * -1));transform:translateY(calc(var(--spacer-xsmall) * -1));opacity:0;will-change:transform,opacity}.tr-slides-leave-to{-webkit-transform:translateY(calc(calc(2rem / 4) * 1));transform:translateY(calc(calc(2rem / 4) * 1));-webkit-transform:translateY(calc(var(--spacer-xsmall) * 1));transform:translateY(calc(var(--spacer-xsmall) * 1));opacity:0;will-change:transform,opacity}.tr-dropdown-enter-active,.tr-dropdown-leave-active{transition:.3s ease;transition:var(--transition)}.tr-dropdown-enter,.tr-dropdown-leave-to{-webkit-transform:translateY(calc(calc(2rem / 4) * -1));transform:translateY(calc(calc(2rem / 4) * -1));-webkit-transform:translateY(calc(var(--spacer-xsmall) * -1));transform:translateY(calc(var(--spacer-xsmall) * -1));opacity:0;will-change:transform,opacity}.tr-dropup-enter-active,.tr-dropup-leave-active{transition:.3s ease;transition:var(--transition)}.tr-dropup-enter,.tr-dropup-leave-to{-webkit-transform:translateY(calc(2rem / 4));transform:translateY(calc(2rem / 4));-webkit-transform:translateY(var(--spacer-xsmall));transform:translateY(var(--spacer-xsmall));opacity:0;will-change:transform,opacity}.tr-fade-enter-active,.tr-fade-leave-active{transition:.3s ease;transition:var(--transition)}.tr-fade-enter,.tr-fade-leave-to{opacity:0;will-change:opacity}@-webkit-keyframes fadeIn{0%{opacity:0}
4100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.eg-slide{width:calc(100% - 2rem * 2);width:calc(100% - var(--spacer-medium) * 2);height:calc(100% - 2rem * 2);height:calc(100% - var(--spacer-medium) * 2);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.eg-slide-scroll{overflow-y:scroll;display:block!important}.eg-slide-gradient{overflow:hidden}.eg-slide-gradient::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to bottom right,#0072e5,#e50072);mix-blend-mode:multiply;z-index:1}.eg-slide-gradient img{-webkit-filter:grayscale(70%);filter:grayscale(70%)}.eg-slideshow-lion{position:absolute;bottom:20%;left:10%;-webkit-animation:fadeInUp .3s;animation:fadeInUp .3s}.eg-slide-content{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.eg-slide-content.is-horisontal{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:unset;justify-content:unset}.eg-slide-content iframe{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;width:100%;height:100%}.eg-slide-content iframe:not(.is-transparent){background-color:#fff}.eg-slide-content iframe.c-iframe--scaled{width:175%;height:175%;-webkit-transform:scale(.571428571);transform:scale(.571428571);-webkit-transform-origin:top left;transform-origin:top left}.eg-slide-content iframe.c-iframe--scaled-more{width:400%;height:400%;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.layout{display:-ms-flexbox;display:flex;width:100%;overflow-x:hidden}.layout>[class^=p-]{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-negative:0;flex-shrink:0;max-width:100%;margin-right:-100%;min-height:100vh}.layout.is-dimmed,.layout.is-moused{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}.c-githubCorner{fill:#e50072;
4fill:var(--color-brand);position:absolute;top:0;right:0;z-index:1;z-index:var(--zIndex-githubCorner)}.is-presenting .c-githubCorner{visibility:hidden;opacity:0;pointer-events:none}.c-githubCorner-svg{height:calc(1.647rem * 2);height:calc(var(--lineHeight-body) * 2);width:calc(1.647rem * 2);width:calc(var(--lineHeight-body) * 2)}.c-githubCorner-svg-arm{-webkit-transform-origin:130px 106px;transform-origin:130px 106px}.c-githubCorner:hover .c-githubCorner-svg-arm{-webkit-animation:octocat-wave 560ms ease-in-out;animation:octocat-wave 560ms ease-in-out}@-webkit-keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}.p-index{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.p-index-section{z-index:1}:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}.hero{position:relative;
4margin-bottom:-5rem}@media (min-width:900px){.hero{max-width:51rem;max-width:var(--img-maxWidth)}}.hero::after{content:'';position:absolute;right:0;bottom:-1px;left:0;height:75%;max-height:20rem;background:linear-gradient(to bottom,hsla(0,0%,8%,0),hsla(0,0%,8%,.01968) 12.66%,hsla(0,0%,8%,.07407) 23.38%,hsla(0,0%,8%,.15625) 32.5%,hsla(0,0%,8%,.25926) 40.37%,hsla(0,0%,8%,.37616) 47.34%,hsla(0,0%,8%,.5) 53.75%,hsla(0,0%,8%,.62384) 59.95%,hsla(0,0%,8%,.74074) 66.3%,hsla(0,0%,8%,.84375) 73.13%,hsla(0,0%,8%,.92593) 80.79%,hsla(0,0%,8%,.98032) 89.63%,#141414)}.hero-img{display:block;width:100%;height:80vw;min-height:40vh;max-height:20rem;-o-object-fit:cover;object-fit:cover}.hero-gradient{opacity:0;will-change:opacity;transition:.3s ease;transition:var(--transition)}@media (min-width:900px){.hero-gradient{opacity:1}}.hero-gradient::after,.hero-gradient::before{content:'';position:absolute;bottom:0;top:0;width:20%;background:linear-gradient(to left,hsla(0,0%,8%,0),hsla(0,0%,8%,.01968) 12.66%,hsla(0,0%,8%,.07407) 23.38%,hsla(0,0%,8%,.15625) 32.5%,hsla(0,0%,8%,.25926) 40.37%,hsla(0,0%,8%,.37616) 47.34%,hsla(0,0%,8%,.5) 53.75%,hsla(0,0%,8%,.62384) 59.95%,hsla(0,0%,8%,.74074) 66.3%,hsla(0,0%,8%,.84375) 73.13%,hsla(0,0%,8%,.92593) 80.79%,hsla(0,0%,8%,.98032) 89.63%,#141414)}.hero-gradient::before{left:-1px}.hero-gradient::after{right:-1px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}.c-notifications{position:fixed;right:0;bottom:0;left:0;padding-top:calc(2rem / 4);padding-top:var(--spacer-xsmall);padding-bottom:calc(2rem / 4);padding-bottom:var(--spacer-xsmall);background-color:#141414;background-color:var(--color-themed-bg);z-index:50;z-index:var(--zIndex-notification);box-shadow:0 2px 16px hsla(0,0%,0%,.08),0 .25px 2px hsla(0,0%,0%,.16),inset 0 2px 16px transparent,inset 0 .25px 2px transparent;box-shadow:var(--shadow)}:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);
4--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}:root{--expand-transitionDuration:0.6s}.c-navigation{position:fixed;right:0;bottom:0;left:0;overflow:hidden;color:#fff;color:var(--color-bright);z-index:60;z-index:var(--zIndex-nav);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-bottom:calc(2rem * 2);padding-bottom:var(--spacer-large);pointer-events:none;text-align:center}.c-navigation.is-expanded{pointer-events:auto}.is-presenting .c-navigation{visibility:hidden;opacity:0}.c-navigation-links{visibility:hidden;opacity:0;will-change:opacity;padding:calc(2rem / 2);padding:var(--spacer-small);width:100%;grid-template-columns:repeat(2,1fr);transition:.3s ease;transition:var(--transition)}@media (min-width:600px){.c-navigation-links{grid-template-columns:repeat(6,1fr)}}.c-navigation.is-expanded .c-navigation-links{transition:calc(.6s / 2) ease calc(.6s / 2);transition:calc(var(--expand-transitionDuration)/ 2) var(--transitionFunction) calc(var(--expand-transitionDuration)/ 2);visibility:visible;opacity:1}.c-navigation-links-header{color:#141414;color:var(--color-dark);margin-top:calc(1.647rem / 4 * 3);margin-top:var(--lineHeight-margin-small);margin-bottom:calc(1.647rem / 4 * 1);margin-bottom:var(--lineHeight-margin-xsmall);opacity:.95;opacity:var(--opacity-high)}@media (min-width:600px){.c-navigation-links-column{grid-column:span 2}}@media (min-width:600px){.c-navigation-links-donate{grid-column:span 3}}.c-navigation-links-social{grid-column:span 2}@media (min-width:600px){.c-navigation-links-social{grid-column:span 3}}.c-navigation-link{color:#fff;color:var(--color-bright);text-decoration:none;display:block}.c-navigation-link--wip{opacity:.25;opacity:var(--opacity-low);text-decoration:line-through}.c-navigation-toggle{position:absolute;right:calc(2rem / 2);right:var(--spacer-small);bottom:calc(2rem / 2);bottom:var(--spacer-small);width:calc(2rem * 2);width:var(--spacer-large);height:calc(2rem * 2);height:var(--spacer-large);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:-1;fill:#e50072;
4fill:var(--color-brand);will-change:transform;-webkit-animation:fade-up .3s ease 1s backwards;animation:fade-up .3s ease 1s backwards;-webkit-animation:fade-up var(--transitionDuration) ease 1s backwards;animation:fade-up var(--transitionDuration) ease 1s backwards;transition:-webkit-transform calc(.6s / 2) ease;transition:transform calc(.6s / 2) ease;transition:transform calc(.6s / 2) ease,-webkit-transform calc(.6s / 2) ease;transition:-webkit-transform calc(var(--expand-transitionDuration)/ 2) var(--transitionFunction);transition:transform calc(var(--expand-transitionDuration)/ 2) var(--transitionFunction);transition:transform calc(var(--expand-transitionDuration)/ 2) var(--transitionFunction),-webkit-transform calc(var(--expand-transitionDuration)/ 2) var(--transitionFunction);-webkit-transform:translatex(0);transform:translatex(0)}.c-navigation.is-expanded .c-navigation-toggle{opacity:1;-webkit-transform:translateX(-50vw) translateX(50%) translateX(calc(2rem / 2));transform:translateX(-50vw) translateX(50%) translateX(calc(2rem / 2));-webkit-transform:translateX(-50vw) translateX(50%) translateX(var(--spacer-small));transform:translateX(-50vw) translateX(50%) translateX(var(--spacer-small))}@-webkit-keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.c-navigation-toggle-logo{pointer-events:all;position:absolute;top:0;left:0;width:100%;height:100%;transition:-webkit-filter 0s linear .3s;transition:filter 0s linear .3s;transition:filter 0s linear .3s,-webkit-filter 0s linear .3s;transition:-webkit-filter 0s linear var(--transitionDuration);transition:filter 0s linear var(--transitionDuration);transition:filter 0s linear var(--transitionDuration),-webkit-filter 0s linear var(--transitionDuration);-webkit-filter:drop-shadow(0 5px 40px hsla(0, 0%, 0%, .12)) drop-shadow(0 1px 8px hsla(0, 0%, 0%, .08));filter:drop-shadow(0 5px 40px hsla(0, 0%, 0%, .12)) drop-shadow(0 1px 8px hsla(0, 0%, 0%, .08));-webkit-filter:drop-shadow(var(--shadow1--hover)) drop-shadow(var(--shadow2--hover));filter:drop-shadow(var(--shadow1--hover)) drop-shadow(var(--shadow2--hover))}.c-navigation.is-expanded .c-navigation-toggle-logo{transition:none;-webkit-filter:none;filter:none}.is-presenting .c-navigation-toggle-logo{pointer-events:none}.c-navigation-toggle-bg{height:280vmax;width:280vmax;-ms-flex-negative:0;flex-shrink:0;will-change:transform;-webkit-transform:scale(.02);transform:scale(.02);opacity:0;transition:opacity .3s ease,-webkit-transform 0s linear .3s;transition:opacity .3s ease,transform 0s linear .3s;transition:opacity .3s ease,transform 0s linear .3s,-webkit-transform 0s linear .3s;transition:opacity var(--transition),-webkit-transform 0s linear var(--transitionDuration);transition:opacity var(--transition),transform 0s linear var(--transitionDuration);transition:opacity var(--transition),transform 0s linear var(--transitionDuration),-webkit-transform 0s linear var(--transitionDuration)}.c-navigation.is-expanded .c-navigation-toggle-bg{opacity:1;transition:-webkit-transform calc(.6s / 3 * 2) ease calc(.6s / 3 * 1);transition:transform calc(.6s / 3 * 2) ease calc(.6s / 3 * 1);transition:transform calc(.6s / 3 * 2) ease calc(.6s / 3 * 1),-webkit-transform calc(.6s / 3 * 2) ease calc(.6s / 3 * 1);transition:-webkit-transform calc(var(--expand-transitionDuration)/ 3 * 2) var(--transitionFunction) calc(var(--expand-transitionDuration)/ 3 * 1);transition:transform calc(var(--expand-transitionDuration)/ 3 * 2) var(--transitionFunction) calc(var(--expand-transitionDuration)/ 3 * 1);transition:transform calc(var(--expand-transitionDuration)/ 3 * 2) var(--transitionFunction) calc(var(--expand-transitionDuration)/ 3 * 1),-webkit-transform calc(var(--expand-transitionDuration)/ 3 * 2) var(--transitionFunction) calc(var(--expand-transitionDuration)/ 3 * 1);-webkit-transform:translateY(calc(2rem / 2)) scale(1);transform:translateY(calc(2rem / 2)) scale(1);-webkit-transform:translateY(var(--spacer-small)) scale(1);transform:translateY(var(--spacer-small)) scale(1)}:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);
4--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}.c-social-link{color:inherit}.c-social-icon{fill:currentColor;height:1.412rem;height:var(--fontSize-h2);width:1.412rem;width:var(--fontSize-h2)}:root{--color-dark:hsl(0, 0%, 8%);--color-dark-72:hsla(0, 0%, 8%, 0.72);--color-dark-dimmed:hsl(0, 0%, 4%);--color-dark-dimmed-transparent:hsla(0, 0%, 4%, 0);--color-dark-dimmed-more:hsl(0, 0%, 0%);--color-bright:hsl(0, 0%, 100%);--color-bright-72:hsl(0, 0%, 100%, 0.72);--color-bright-dimmed:hsl(0, 0%, 96%);--color-bright-dimmed-transparent:hsla(0, 0%, 96%, 0);--color-bright-dimmed-more:hsl(0, 0%, 92%);--color-brand:hsl(330, 100%, 45%);--color-brand-alt:hsl(210, 100%, 45%);--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72);--lineLength-maxWidth:35rem;--img-maxWidth:51rem;--fontSize-html:1.063rem;--fontSize-h2:1.412rem;--fontSize-h1:2rem;--lineHeight-body:1.647rem;--lineHeight-margin-xsmall:calc(var(--lineHeight-body) / 4 * 1);--lineHeight-margin-small:calc(var(--lineHeight-body) / 4 * 3);--lineHeight-margin-medium:calc(var(--lineHeight-body) / 4 * 6);--lineHeight-margin-large:calc(var(--lineHeight-body) / 4 * 9);--spacer-xsmall:calc(var(--fontSize-h1) / 4);--spacer-small:calc(var(--fontSize-h1) / 2);--spacer-medium:var(--fontSize-h1);--spacer-large:calc(var(--fontSize-h1) * 2);--stroke-xsmall:1px;--stroke-small:1px;--stroke-medium:2px;--stroke-large:4px;--stroke-large--unitLess:4;--stroke-xsmall--highRes:0.5px;--opacity-low:0.25;--opacity-mid:0.5;--opacity-high:0.95;--transitionDuration:0.3s;--transitionFunction:ease;--transition:var(--transitionDuration) var(--transitionFunction);--zIndex-nav:60;--zIndex-notification:50;--zIndex-modal:40;--zIndex-overlay:30;--zIndex-editorSettings:20;--zIndex-editor:10;--zIndex-githubCorner:1;--shadow1:0 2px 16px hsla(0, 0%, 0%, 0.08);--shadow2:0 0.25px 2px hsla(0, 0%, 0%, 0.16);--shadow1--hover:0 5px 40px hsla(0, 0%, 0%, 0.12);--shadow2--hover:0 1px 8px hsla(0, 0%, 0%, 0.08);--shadow:var(--shadow1),var(--shadow2),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0);--shadow--inset:0 5px 40px hsla(0, 0%, 0%, 0),0 1px 8px hsla(0, 0%, 0%, 0),inset 0 1px 8px hsla(0, 0%, 0%, 0.16),inset 0 0.25px 2px hsla(0, 0%, 0%, 0.32);--shadow--hover:var(--shadow1--hover),var(--shadow2--hover),inset 0 2px 16px hsla(0, 0%, 0%, 0),inset 0 0.25px 2px hsla(0, 0%, 0%, 0)}.theme-primary{--color-themed-bg:var(--color-dark);--color-themed-bg-dimmed:var(--color-dark-dimmed);--color-themed-bg-dimmed-more:var(--color-dark-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-dark-dimmed-transparent);--color-themed-fg:var(--color-bright);--color-themed-fg-72:var(--color-bright-72)}.theme-secondary{--color-themed-bg:var(--color-bright);--color-themed-bg-dimmed:var(--color-bright-dimmed);--color-themed-bg-dimmed-more:var(--color-bright-dimmed-more);--color-themed-bg-dimmed-transparent:var(--color-bright-dimmed-transparent);--color-themed-fg:var(--color-dark);--color-themed-fg-72:var(--color-dark-72)}@media (-webkit-min-device-pixel-ratio:1.9791666666666667),(min-resolution:190dpi){:root{--stroke-xsmall:var(--stroke-xsmall--highRes)}}@media (min-width:320px){:root{--fontSize-html:calc(1.009rem + 0.268vw);--fontSize-h2:calc(1.338rem + 0.392vw);--fontSize-h1:calc(1.781rem + 1.166vw);--lineHeight-body:calc(1.593rem + 0.288vw)}}@media (min-width:1440px){:root{--fontSize-html:1.25rem;--fontSize-h2:1.62rem;--fontSize-h1:2.62rem;--lineHeight-body:1.8rem}}.c-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;will-change:opacity;background-color:#141414;background-color:var(--color-themed-bg);transition:.3s ease;transition:var(--transition);z-index:30;z-index:var(--zIndex-overlay)}.c-overlay.is-visible{visibility:visible;opacity:.95;opacity:var(--opacity-high)}</style>
5  </head>
6  <body data-n-head="">
7    <div data-server-rendered="true" id="__nuxt"><div id="__layout"><div><div class="layout ie-check"><a href="https://github.com/larsenwork/larsenwork.github.io/" aria-label="View source on Github" class="c-githubCorner"><svg viewBox="0 0 250 250" aria-hidden="true" class="c-githubCorner-svg"><mask id="c-githubCorner-cat"><rect x="0" y="0" width="250" height="250" fill="#fff"></rect> <g fill="#000"><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" class="c-githubCorner-svg-arm"></path> <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 L120,135 Z"></path></g></mask> <path d="M0,0 L250,250 L250,0 Z" mask="url(#c-githubCorner-cat)"></path></svg></a> <div class="p-index theme-primary"><div class="hero"><div class="hero-gradient u-position-cover"></div> <img src="https://res.cloudinary.com/larsenwork/image/upload/w_1000/v1517138735/andreas.jpg" srcset="https://res.cloudinary.com/larsenwork/image/upload/w_500/v1517138735/andreas.jpg 500w, https://res.cloudinary.com/larsenwork/image/upload/w_1000/v1517138735/andreas.jpg 1000w, https://res.cloudinary.com/larsenwork/image/upload/w_1500/v1517138735/andreas.jpg 1500w, https://res.cloudinary.com/larsenwork/image/upload/w_2000/v1517138735/andreas.jpg 2000w" class="hero-img"></div> <section class="p-index-section u-lineLength u-container u-section"><h1>Hi, I'm Andreas</h1> <p>I'm an ambitious and humble healthcare professional turned developer + designer from Copenhagen, Denmark.</p> <p>I'm at LEO Innovation Lab helping people who live with chronic skin diseases. Before that I worked at/with e.g. Momondo, DR and Nationalmuseet.</p> <p>Here you'll find some of the open source tools, posts and projects I've done. One of them being this font Gidole after my hometown in Ethiopia where the እ letter is also from.</p> <p>
7I hope you find some of it relevant/useful and feel free to contact me. Iʼm always up for a beer or coffee.</p></section></div></div> <div class="ie-check"><!----> <nav class="c-navigation"><div class="c-navigation-links u-lineLength u-grid"><div class="c-navigation-links-column"><h3 class="c-navigation-links-header">
8        Me
9      </h3> <a href="/" class="c-navigation-link nuxt-link-exact-active nuxt-link-active">
10        About
11      </a> <a href="/projects" class="c-navigation-link">
12        Projects
13      </a></div> <div class="c-navigation-links-column"><h3 class="c-navigation-links-header">
14        Tools
15      </h3> <a href="/easing-gradients" class="c-navigation-link">
16        Easing Gradients
17      </a> <div class="c-navigation-link c-navigation-link--wip">
18        Fluid Scale
19      </div></div> <div class="c-navigation-links-column"><h3 class="c-navigation-links-header">
20        Ramblings
21      </h3> <a href="/blog" class="c-navigation-link">
22        Blog
23      </a> <a href="/talks" class="c-navigation-link">
24        Talks
25      </a></div> <div class="c-navigation-links-donate"><h3 class="c-navigation-links-header">
26        Pay it forward
27      </h3> <a href="https://www.crowdrise.com/larsenwork-paying-it-forward" class="c-navigation-link">
28        Donate to a charity
29      </a></div> <div class="c-navigation-links-social"><h3 class="c-navigation-links-header"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="65040b01170004162509041716000b120a170e4b060a08">[email&#160;protected]</a></h3> <div class="c-social"><a href="https://github.com/larsenwork/" class="c-social-link"><svg viewBox="0 0 800 800" class="c-social-icon"><title>Larsenwork on github</title> <path d="M400 139c144 0 260 116 260 260 0 115-75 213-178 247-9 3-17-2-17-13v-71c0-35-18-48-18-48 57-6 119-28 119-128 0-44-27-70-27-70s14-29-2-69c0 0-22-7-72 27-42-12-88-12-130 0-50-34-72-27-72-27-16 40-2 69-2 69s-27 26-27 70c0 100 62 122 119 128 0 0-14 10-17 35-15 7-53 18-76-22 0 0-13-25-39-27 0 0-26 0-2 16 0 0 17 8 29 38 0 0 16 51 88 35v44c0 11-9 16-18 13-103-34-178-132-178-247 0-144 116-260 260-260z"></path></svg></a> <a href="https://codepen.com/larsenwork/" class="c-social-link"><svg viewBox="0 0 800 800" class="c-social-icon"><title>Larsenwork on codepen</title> <path d="M140 482V320q0-10 10-18l238-158q12-8 24 0l238 158q9 6 10 19v158q0 10-10 19L412 656q-12 8-24 0L150 497q-9-6-10-15zm282-278v104l97 65 78-52zm-44 104V204L203 321l78 52zm-193 54v75l56-37zm193 234V492l-97-65-78 52zm22-143l79-53-79-53-79 53zm22 143l175-117-78-52-97 64v105zm193-159v-75l-56 38z"></path></svg></a> <a href="https://medium.com/@larsenwork" class="c-social-link"><svg viewBox="0 0 800 800" class="c-social-icon"><title>Larsenwork on Medium</title> <path d="M190.7 274c.7-6.6-1.8-13-6.7-17.5L133.8 196v-9h155.8L410 451.1 516 187h148.5v9l-42.9 41.2a12.5 12.5 0 0 0-4.7 12v302.3c-.8 4.5 1 9.2 4.7 12l42 41.1v9H452.6v-9l43.4-42.1c4.2-4.3 4.2-5.5 4.2-12V306L379.7 612.7h-16.3L222.8 306v205.5a28.3 28.3 0 0 0 7.8 23.6l56.5 68.4v9H127v-9l56.5-68.4c6-6.3 8.7-15 7.2-23.6V274z"></path></svg></a> <a href="https://dribbble.com/larsenwork" class="c-social-link"><svg viewBox="0 0 800 800" class="c-social-icon"><title>Larsenwork on Dribbble</title> <path d="M400 665c-146 0-265-119-265-265s119-265 265-265 265 119 265 265-119 265-265 265zm223-229s-69-22-140-9c30 81 43 161 43 161s82-49 97-152zM488 609s-15-90-48-172c-132 44-179 142-179 142s96 83 227 30zm-256-57c80-128 193-152 193-152s-12-27-19-39c-124 37-232 32-232 32s-8 87 58 159zm-54-198s102 2 210-28c-38-71-84-130-84-130-107 49-126 158-126 158zm169-174s50 65 85 134c84-31 118-83 118-83s-76-78-203-51zm102 167c6 11 20 44 20 44s64-11 157 7c0-85-51-141-51-141s-38 55-126 90z"></path></svg></a> <a href="https://twitter.com/larsenwork/" class="c-social-link"><svg viewBox="0 0 800 800" class="c-social-icon"><title>Follow larsenwork on twitter</title> <path d="M679 239s-21 34-55 57c7 156-107 329-314 329-103 0-169-50-169-50s81 17 163-45c-83-5-103-77-103-77s23 6 50-2c-93-23-89-110-89-110s23 14 50 14c-84-65-34-148-34-148s76 107 228 116c-22-121 117-177 188-101 37-6 71-27 71-27s-12 41-49 61c30-2 63-17 63-17z"></path></svg></a> <a href="https://www.linkedin.com/in/larsenwork" class="c-social-link"><svg viewBox="0 0 800 800" class="c-social-icon"><title>Andreas Larsen on LinkedIn</title> <path d="M268 629h-97V319h97zm157 0h-97V319h93v42h1q31-50 93-50 114 0 114 133v185h-96V466q0-70-49-70-59 0-59 69z"></path> <circle cx="219" cy="220" r="56"></circle></svg></a></div></div></div> <div class="c-navigation-toggle"><svg viewBox="0 0 86 86" class="c-navigation-toggle-bg"><use xlink:href="#logo-bg"></use></svg> <svg viewBox="0 0 86 86" class="c-navigation-toggle-logo"><path id="logo-bg" d="M13.5 41.65C13.5 25.48 18.9 12 35.07 12 52.59 12 75.5 25.48 75.5 43S53.93 74 36.41 74C18.9 74 13.5 59.17 13.5 41.65z"></path> <path d="M33.97 23.87c1.77 0 3.57 0 4.84 1.27.9.9 1.38 2.44.62 4.18h4.26l-1.75 4.55 5.12.02s-2.73 4.79-3.95 7.46c4.62 0 7.6 2.85 8.8 6.8.74 2.41 1.41 7 1.96 11.98H48.6c-.58-4.76-1.13-9.14-1.94-11.22-1-2.53-2.32-3.56-5.57-3.35-2.56 5.46-2.94 9.88-2.94 14.57h-5.27c0-9.8 2.04-14 7.1-23.8l-4.42-.02 2.01-5.34c-1.07.46-2.37.46-3.59.46.32-2.44.32-5.12 0-7.56z" fill="#fff" class="c-navigation-toggle-logo-a"></path></svg></div></nav> <div class="c-overlay"></div></div> <div class="ie-message">
30    Sorry, this is my playground where I test out new techniques so I don't support IE/Edge browsers right now. Try using Chrome or Firefox.
31  </div></div></div></div>
vendor: 108 bytes, line 31
31<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
31<script>window.__NUXT__=function(e,i,o,n,s,t){return{layout:"default",data:[{}],error:null,state:{navigationVisible:!1,overlayVisible:!1,parentBounding:{},notifications:[],mouseElement:"",presentation:{isLive:!1},gradient:{editorActive:"",cssOutput:"",direction:{deg:180,x:.5,y:.2},ease1:{x:.42,y:0},ease2:{x:.58,y:1},steps:{number:4,skip:"skip-none"},color1:{h:330,s:e,l:45,a:1,hsv:{s:e,v:90}},color2:{h:210,s:e,l:45,a:1,hsv:{s:e,v:90}},colorStopCoordinates:[],settings:{colorMode:"lrgb",easingFunction:"cubic-bezier"}}},serverRendered:!0}}(100)</script>
31<script src="/_nuxt/277536c975bfcb46dac6.js" defer></script>
31<script src="/_nuxt/147e323991e35d246084.js" defer></script>
31<script src="/_nuxt/ee7497f83fc0f9617d37.js" defer></script>
31<script src="/_nuxt/274ceadb6ed3bc84b174.js" defer></script>
31<script src="/_nuxt/ae7e967a3990fb2f1f5b.js" defer></script>
31
32  
32<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"982cf69c614343b3a902cd1f914edd32","r":1,"spa":2}' crossorigin="anonymous"></script>
32
33</body>
34</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.