https://schoenlaub.dev/

URL inviato:
https://schoenlaub.dev/
Report terminato:
LinkTesto
https://github.com/mschoenlaub
https://www.linkedin.com/mschoenlaub
https://gohugo.ioHugo
https://tailwindcss.comTailwindCSS

Variabili JavaScript · 3 trovate

NomeTipo
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Messaggi di log della console · 0 trovati

HTML

<!DOCTYPE html><html class="js light" lang="en-US" itemscope="" itemtype="https://schema.org/WebPage"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-cyrillic-ext-400-normal.woff2) format('woff2'),url(css/files/fira-sans-cyrillic-ext-400-normal.woff) format('woff');unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-cyrillic-400-normal.woff2) format('woff2'),url(css/files/fira-sans-cyrillic-400-normal.woff) format('woff');unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-greek-ext-400-normal.woff2) format('woff2'),url(css/files/fira-sans-greek-ext-400-normal.woff) format('woff');unicode-range:U+1F??}@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-greek-400-normal.woff2) format('woff2'),url(css/files/fira-sans-greek-400-normal.woff) format('woff');unicode-range:U+370-3FF}@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-vietnamese-400-normal.woff2) format('woff2'),url(css/files/fira-sans-vietnamese-400-normal.woff) format('woff');unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-latin-ext-400-normal.woff2) format('woff2'),url(css/files/fira-sans-latin-ext-400-normal.woff) format('woff');unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:fira sans;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-sans-latin-400-normal.woff2) format('woff2'),url(css/files/fira-sans-latin-400-normal.woff) format('woff');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:fira code;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-code-cyrillic-ext-400-normal.woff2) format('woff2'),url(css/files/fira-code-cyrillic-ext-400-normal.woff) format('woff');unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:fira code;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-code-cyrillic-400-normal.woff2) format('woff2'),url(css/files/fira-code-cyrillic-400-normal.woff) format('woff');unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:fira code;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-code-greek-ext-400-normal.woff2) format('woff2'),url(css/files/fira-code-greek-ext-400-normal.woff) format('woff');unicode-range:U+1F??}@font-face{font-family:fira code;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-code-greek-400-normal.woff2) format('woff2'),url(css/files/fira-code-greek-400-normal.woff) format('woff');unicode-range:U+370-3FF}@font-face{font-family:fira code;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-code-latin-ext-400-normal.woff2) format('woff2'),url(css/files/fira-code-latin-ext-400-normal.woff) format('woff');unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:fira code;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/fira-code-latin-400-normal.woff2) format('woff2'),url(css/files/fira-code-latin-400-normal.woff) format('woff');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/merriweather-cyrillic-ext-400-normal.woff2) format('woff2'),url(css/files/merriweather-cyrillic-ext-400-normal.woff) format('woff');unicode-range:U+460-52F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/merriweather-cyrillic-400-normal.woff2) format('woff2'),url(css/files/merriweather-cyrillic-400-normal.woff) format('woff');unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/merriweather-vietnamese-400-normal.woff2) format('woff2'),url(css/files/merriweather-vietnamese-400-normal.woff) format('woff');unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/merriweather-latin-ext-400-normal.woff2) format('woff2'),url(css/files/merriweather-latin-ext-400-normal.woff) format('woff');unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:merriweather;font-style:normal;font-display:swap;font-weight:400;src:url(css/files/merriweather-latin-400-normal.woff2) format('woff2'),url(css/files/merriweather-latin-400-normal.woff) format('woff');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button{text-transform:none}[type=button],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,hr{margin:0}ul{list-style:none;margin:0;padding:0}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}h1{position:relative;font-family:Fira Sans,ui-sans-serif,system-ui,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}body{font-family:Merriweather,ui-sans-serif,system-ui,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.feather{display:inline-block;position:relative;top:-.125rem}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.theme-switch{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.theme-switch{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}@media (prefers-color-scheme:dark){:where(html:not(.light)) .theme-switch{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:where(html:not(.light)) .theme-switch{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}}.theme-switch{--diameter:1.5em;--spacing:2px;inline-size:calc(var(--diameter) * 2 + var(--spacing) * 2);block-size:calc(var(--diameter) + var(--spacing) * 2);border:none;position:relative;border-radius:100vh;display:inline-flex;align-items:center;justify-content:space-around;width:var(--diameter);padding:1px}.theme-switch::before{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity));--offset:calc(100% - var(--diameter) - var(--spacing) * 2);content:'';position:absolute;inset-inline-start:var(--spacing);inset-block-start:var(--spacing);border-radius:100vh;inline-size:var(--diameter);block-size:var(--diameter)}.no-js .theme-switch{display:none}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.m-auto{margin:auto}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mt-4{margin-top:-1rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-10{height:2.5rem}.h-4{height:1rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-4{width:1rem}.w-48{width:12rem}.w-6{width:1.5rem}.w-full{width:100%}.flex-1{flex:1}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:1s infinite bounce}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:9999px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-accent-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.font-mono{font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace}.text-5xl{font-size:3rem;line-height:1}.font-bold{font-weight:700}.font-light{font-weight:300}.text-accent-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-blink{animation:1s step-end infinite blink}@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}.motion-safe\:animate-blink{animation:1s linear infinite blink}}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:mt-16{margin-top:4rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-auto{width:auto}.sm\:justify-around{justify-content:space-around}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}}@media (min-width:768px){.md\:mx-12{margin-left:3rem;margin-right:3rem}}@media (min-width:1024px){.lg\:mx-24{margin-left:6rem;margin-right:6rem}}@media (prefers-color-scheme:dark){:where(html:not(.light)) .dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}:where(html:not(.light)) .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:where(html:not(.light)) .dark\:stroke-current{stroke:currentColor}:where(html:not(.light)) .dark\:text-accent-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}:where(html:not(.light)) .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:where(html:not(.light)) .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}</style><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://schoenlaub.dev/#website","copyrightYear":"2022","creativeWorkStatus":"Published","dateCreated":"2020-02-21T00:00:00+00:00","dateModified":"2022-03-05T00:00:00+00:00","datePublished":"2020-02-21T00:00:00+00:00","inLanguage":"en-US","description":"","name":"Manuel Schönlaub","url":"https://schoenlaub.dev/"},{"@type":"WebPage","@id":"https://schoenlaub.dev/#webpage","breadcrumb":[],"inLanguage":"en-US","isPartOf":[{"@id":"https://schoenlaub.dev/#website"},{"@id":"https://schoenlaub.dev/#webcontent"}],"mainEntity":[{"@id":"https://schoenlaub.dev/#webpage"}],"mainEntityOfPage":[{"@id":"https://schoenlaub.dev/#webpage"},{"@id":"https://schoenlaub.dev/#webcontent"}],"name":"Manuel Schönlaub","url":"https://schoenlaub.dev/"}]}</script><title>Manuel Schönlaub</title><meta name="description" content=""><script>document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/g,"")+" js "</script><script src="/js/scroll.min.4de22bea26f1a6e62fa7b092013a8fa89d91b0ba8661ff9eecd62c74dfefc0ff.js" integrity="sha256-TeIr6ibxpuYvp7CSATqPqJ2RsLqGYf+e7NYsdN/vwP8=" defer=""></script>
<script>(()=>{function t({localStorageTheme:e,systemSettingDark:t}){return e!==null?e:t.matches?"dark":"light"}function n(e){return matchMedia(`${e}, not all and ${e}`).matches}function e(e){const t=document.querySelector("#theme-switch");t.setAttribute("aria-pressed",(e==="dark").toString()),t.disabled=!1,t.addEventListener("click",t=>e=s(t.currentTarget,e))}function s(e,t){const n=t==="dark"?"light":"dark";return document.documentElement.classList.remove(t),document.documentElement.classList.add(n),localStorage.setItem("theme",n),e.setAttribute("aria-pressed",n==="dark"),n}if(n("(prefers-color-scheme: dark)")){const s=localStorage.getItem("theme"),o=window.matchMedia("(prefers-color-scheme: dark)");let n=t({localStorageTheme:s,systemSettingDark:o});document.documentElement.classList.add(n),document.readyState==="loading"?addEventListener("DOMContentLoaded",()=>e(n)):e(n)}})()</script><link rel="canonical" href="https://schoenlaub.dev/"><link rel="alternate" hreflang="en" href="https://schoenlaub.dev/" title="English"><link rel="alternate" type="application/rss+xml" href="https://schoenlaub.dev/index.xml" title="Manuel Schönlaub"><link rel="stylesheet" href="/css/main.min.bfe3c6a621ec97f096b0af34f7af6663dd5112d79740f7ae2dcd2c824ee08bd8.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><link rel="authorization_endpoint" href="https://indieauth.com/auth"><link rel="token_endpoint" href="https://tokens.indieauth.com/token"><link rel="webmention" href="https://webmention.io/schoenlaub.dev/webmention"><link rel="pingback" href="https://webmention.io/schoenlaub.dev/xmlrpc"><meta name="generator" content="Hugo 0.119.0"><meta itemprop="name" content="Manuel Schönlaub"><meta itemprop="description" content=""><meta property="og:title" content="Manuel Schönlaub"><meta property="og:description" content=""><meta property="og:type" content="website"><meta property="og:url" content="https://schoenlaub.dev/"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Manuel Schönlaub"><meta name="twitter:description" content=""></head><body class="flex flex-col min-h-screen dark:bg-gray-900"><header class="w-full bg-gray-200 dark:bg-black border-t-2 border-accent-400 sticky top-0 transition-shadow duration-300 hover:shadow-lg z-10"><nav class="flex items-center sm:justify-around justify-between flex-wrap py-2 px-2"><a href="https://schoenlaub.dev/" class="flex items-center text-gray-700 dark:text-gray-200 font-mono font-bold">mschoenlaub@blog:~$
<span class="motion-safe:animate-blink font-mono font-bold text-accent-500">|</span></a>
<button class="theme-switch" type="button" aria-pressed="false" aria-label="Use Dark Mode" id="theme-switch"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M21 13A9 9 0 1111 3a7 7 0 0010 10z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="5"></circle><path d="M12 1v2m0 18v2M4 4l2 2m12 12 2 2M1 12h2m18 0h2M4 20l2-2M18 6l2-2"></path></svg></button>
<input id="nav-toggle" type="checkbox" class="hidden">
<label id="show-button" for="nav-toggle" class="flex items-center block sm:hidden text-gray-500 dark:text-gray-200 hover:text-accent-500"><svg class="fill-current h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu Open</title><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"></path></svg></label><label id="hide-button" for="nav-toggle" class="flex items-center hidden text-gray-500 dark:text-gray-200 hover:text-accent-400"><svg class="fill-current h-4 w-4" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><title>Menu Close</title><polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"></polygon></svg></label><ul id="nav-menu" class="sm:flex w-full sm:w-auto hidden sm:block mt-2 sm:mt-0 sm:space-x-2"><li><a href="/authors/mschoenlaub/" class="text-gray-500 transition-colors duration-200 dark:text-gray-200 font-mono hover:text-accent-400 mx-2">/About</a></li><li><a href="/blog/" class="text-gray-500 transition-colors duration-200 dark:text-gray-200 font-mono hover:text-accent-400 mx-2">/Blog</a></li></ul></nav></header><main class="flex-1 mx-4 md:mx-12 lg:mx-24 mt-4 sm:mt-16"><article class="text-center text-gray-700 dark:text-gray-200"><div class="flex flex-col h-screen -mt-4 sm:-mt-16"><div class="m-auto"><picture><source type="image/webp" srcset="/img/logo_hu762c9fcd9c61d0416e719cbd087f6198_23736_200x200_resize_q75_h2_box.webp"><source type="image/jpeg" srcset="/img/logo_hu762c9fcd9c61d0416e719cbd087f6198_23736_200x200_resize_q75_box.jpg"><img class="mx-auto mb-2 rounded-full h-48 w-48 object-cover border border-gray-200" decoding="async" src="/img/logo.jpg" title="img/logo.jpg" alt=""></picture><h1 class="font-light text-5xl text-gray-700 dark:text-gray-200">Manuel Schönlaub</h1><hr class="w-48 m-auto my-5 border-accent-400 border-2 rounded-sm"><div class="flex justify-center space-x-4"><a rel="me" href="https://github.com/mschoenlaub" title="github" class="text-gray-700 dark:text-gray-200 hover:text-accent-400 dark:text-accent-400 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather h-10 w-10 feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37.0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44.0 0020 4.77 5.07 5.07.0 0019.91 1S18.73.65 16 2.48a13.38 13.38.0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07.0 005 4.77 5.44 5.44.0 003.5 8.55c0 5.42 3.3 6.61 6.44 7A3.37 3.37.0 009 18.13V22"></path></svg></a><a rel="me" href="https://www.linkedin.com/mschoenlaub" title="linkedin" class="text-gray-700 dark:text-gray-200 hover:text-accent-400 dark:text-accent-400 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather h-10 w-10 feather-linkedin"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a rel="me" href="" title="rss" class="text-gray-700 dark:text-gray-200 hover:text-accent-400 dark:text-accent-400 transition-colors duration-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather h-10 w-10 feather-rss"><path d="M4 11a9 9 0 019 9"></path><path d="M4 4a16 16 0 0116 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></div></div><div class="mx-auto mb-10"><svg class="animate-bounce w-6 h-6 text-black dark:text-white cursor-pointer dark:stroke-current" id="bouncing-arrow" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentcolor"><path d="M19 14l-7 7m0 0-7-7m7 7V3"></path></svg></div></div><div id="featured-post" class="h-8"></div><div class="container mx-auto max-w-4xl"><h2 class="text-center font-light text-3xl mt-5">Recent Posts</h2><hr class="w-48 m-auto my-8 border-accent-400 border-2 rounded-sm"><div class="h-entry card featured-card"><div class="md:col-span-2 col-span-1"><a class="u-url" href="https://schoenlaub.dev/2022/03/yes-sir/" aria-label="Yes, sir!"><img src="/2022/03/yes-sir/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_552044_750x318_fill_q100_h2_box_smart1.webp" width="750" height="318" alt="turned on white YES LED signage, Julian Lonzano" class="rounded-t-lg md:h-full md:rounded-bl-lg md:rounded-tl-lg md:rounded-tr-none object-cover"></a></div><div class="p-5 h-full"><a href="https://schoenlaub.dev/2022/03/yes-sir/" aria-label="Yes, sir!"><h3 class="text-gray-900 dark:text-white font-bold text-2xl tracking-tight mb-2">Yes, sir!</h3><p class="text-gray-500 text-sm dark:text-gray-200">March 5, 2022</p><p class="font-normal text-gray-700 dark:text-gray-200 mb-3">A little story about the Unix command yes</p></a></div></div><div class="grid md:grid-cols-2 gap-4"><section class="card"><div><a href="https://schoenlaub.dev/2020/02/home-office-part-i/" aria-label="Home Office - Part I"><picture><source type="image/webp" srcset="/2020/02/home-office-part-i/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_839834_580x192_fill_q100_h2_box_smart1.c9608dda2d2894c8d90991eede15a3cb99f4e400fe5ed5ad0f7e6bf9f84a8fe3.webp"><source type="image/jpeg" srcset="/2020/02/home-office-part-i/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_839834_580x192_fill_q75_box_smart1.eb08c6855df6653268a78d1b029cafaa2677abfc6718d360875a247df6a27424.jpg"><img class="h-full rounded-t-lg object-cover" decoding="async" width="580" height="192" loading="lazy" src="/2020/02/home-office-part-i/cover_hu3d03a01dcc18bc5be0e67db3d8d209a6_839834_580x192_fill_q75_box_smart1.eb08c6855df6653268a78d1b029cafaa2677abfc6718d360875a247df6a27424.jpg" alt="Home Office" title="Home Office"></picture></a></div><a href="https://schoenlaub.dev/2020/02/home-office-part-i/"><div class="p-5"><h3 class="text-gray-900 dark:text-white font-bold text-2xl tracking-tight mb-2">Home Office - Part I</h3><p class="text-gray-500 text-sm dark:text-gray-200">February 21, 2020</p><p class="font-normal text-gray-700 dark:text-gray-200 mb-3">First part of a series on how to tackle challenges that come with homeoffice</p></div></a></section></div></div></article></main><footer class="bottom-0 w-full bg-gray-200 dark:bg-black p-4 text-xs text-center text-gray-700 dark:text-gray-200"><p>made with
<a href="https://gohugo.io" class="hover:text-accent-400">Hugo</a>
and
<a href="https://tailwindcss.com" class="hover:text-accent-400">TailwindCSS</a></p><p></p><div class="hidden"></div></footer></body></html>