"I love i am schulz"

2022-10-23 18:41:44

skip to contenti am schulzCodeTechVideoVideoArtArt@keyframes fade-in{0%{opacity:0;transform:translateY(var(--spacing-y))}100%{opacity:1;transform:translateY(0)}}.presentation__head{display:grid;place-items:center;min-height:calc(100vh - 16rem);grid-template-columns:repeat(auto-fill,minmax(21.25rem,1fr));margin:0 0 calc(var(--spacing-y) * 5)}.presentation__greeting{position:absolute;left:calc(50% - 10rem);background:var(--fg-color);color:var(--base-color);margin-top:calc(var(--spacing-y) * 2);padding:.4ch 1ch}@media(prefers-reduced-motion:no-preference){.presentation__greeting{opacity:0;animation:fade-in .6s forwards cubic-bezier(0.68,-0.55,0.585,1.65).4s}}.presentation__greeting::after{content:'';position:absolute;right:-.4rem;top:calc(50% - 0.4rem);display:block;width:.8rem;height:.8rem;background:var(--fg-color);transform:rotate(45deg)}.presentation__image{position:relative;width:80%;max-width:22rem;margin:auto;display:block}.presentation__image svg{width:100%;height:100%}body[data-state-color-scheme=dark] .presentation__image svg{background:radial-gradient(circle,var(--grey) 60%,transparent 60.1%)}@media(prefers-color-scheme:dark){body:not([data-state-color-scheme=light]) .presentation__image svg{background:radial-gradient(circle,var(--grey) 60%,transparent 60.1%)}}.presentation__image path{transition:fill 1s ease-out}@media(pointer:fine) and (prefers-reduced-motion:no-preference){.presentation__image path:hover{fill:var(--accent-color);transition:none}}.presentation__list{list-style:none;padding:0}@media(prefers-reduced-motion:no-preference){.presentation__list-entry{opacity:0;animation:fade-in .6s forwards cubic-bezier(0.68,-0.55,0.585,1.65)}}.presentation__list-entry:nth-child(1){animation-delay:.8s}.presentation__list-entry:nth-child(2){animation-delay:1s}.presentation__list-entry:nth-child(3){animation-delay:1.2s}.presentation__list-entry:nth-child(4){animation-delay:1.4s}.presentation__list-sub{color:var(--grey);font-size:calc(var(--base-font-size) * 0.8)}.presentation__networks{display:grid;grid-template-columns:repeat(auto-fill,minmax(1.4em,1fr));font-size:3em;padding:0;margin:0 0 var(--spacing-y);list-style:none}.presentation__references .icon{height:auto;width:auto;margin:0 .4ch;color:var(--fg-color)}.presentation__references .icon svg{max-width:6em;max-height:3em}@media(min-width:64rem){.presentation__head{margin-top:calc(var(--spacing-y) * 5)}.presentation__greeting{left:calc(50% - 11rem)}.presentation__image{max-width:40rem}}HiI code websites.I make videos.I do artsy stuff.I blog sometimes.Find me here:TwitterTwitterDEVDEVLinkedInLinkedInXingXingGitHubGitHubCodePenCodePenMastodonOr send me a Maillove letterKeyWorking on it:Right now I'm tricking websites into going fast atIn the past I've been working with Etribesand Der SpiegelHere's my latest article:11.10.2022enFrom Notion to EleventyStatic Site Generators are a great tool to generate a JAM Stack website from a data feed. That feed can be markdown files, or like in the case of Eleventy, an API endpoint that returns its data as an object. I thought It would be simple enough to attach Notion, as it makes an awesome CMS. The two seem like they could pair up really well, but getting them actually to play nice with each other takes some work.to articleArrow RightArrow RightArrow RightOpen the Javascript Console (F12 in most browsers) to play this website as a text adventure!© 2022 by me, plz don't stealIcons by Font AwesomeLegalRSSSource CodeDark Mode