1<!doctype html> 2<html lang="fr"> 3<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Recherche</title><base href="/search/">
3<script><!-- inlined for all pages --> 4(()=>{var p=Object.defineProperty;var u=(c,t,e)=>t in c?p(c,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):c[t]=e;var s=(c,t,e)=>u(c,typeof t!="symbol"?t+"":t,e);var r=class r extends HTMLElement{constructor(){super(),this.ready=new Promise(t=>{this.readyResolve=t})}static getParents(t,e=!1){let a=[];for(;t;){if(t.matches&&t.matches(r.tagName)){if(e&&t===e)break;d.hasConditions(t)&&a.push(t)}t=t.parentNode}return a}static async ready(t,e){if(e||(e=r.getParents(t)),e.length===0)return;let a=await Promise.all(e.map(i=>i.wait()));if(a.length)return a[0]}forceFallback(){window.Island&&Object.assign(r.fallback,window.Island.fallback);for(let t in r.fallback){let e=Array.from(this.querySelectorAll(t)).reverse();for(let a of e){if(!a.isConnected)continue;let i=r.getParents(a);if(i.length===1){let o=r.ready(a,i);r.fallback[t](o,a,r.prefix)}}}}wait(){return this.ready}async connectedCallback(){d.hasConditions(this)&&this.forceFallback(),await this.hydrate()}getTemplates(){return this.querySelectorAll(`template[${r.attr.template}]`)}replaceTemplates(t){for(let e of t){if(r.getParents(e,this).length>0)continue;let a=e.getAttribute(r.attr.template);if(a==="replace"){let i=Array.from(this.childNodes);for(let o of i)this.removeChild(o);this.appendChild(e.content);break}else{let i=e.innerHTML;if(a==="once"&&i){if(r.onceCache.has(i)){e.remove();return}r.onceCache.set(i,!0)}e.replaceWith(e.content)}}}async hydrate(){let t=[];this.parentNode&&t.push(r.ready(this.parentNode));let e=d.getConditions(this);for(let a in e)d.map[a]&&t.push(d.map[a](e[a],this));await Promise.all(t),this.replaceTemplates(this.getTemplates());for(let a of r.onReady.values())await a.call(this,r);this.readyResolve(),this.setAttribute(r.attr.ready,""),this.querySelectorAll(`[${r.attr.defer}]`).forEach(a=>a.removeAttribute(r.attr.defer))}};s(r,"tagName","is-land"),s(r,"prefix","is-land--"),s(r,"attr",{template:"data-island",ready:"ready",defer:"defer-hydration"}),s(r,"onceCache",new Map),s(r,"onReady",new Map),s(r,"fallback",{":not(is-land,:defined,[defer-hydration])":(t,e,a)=>{let i=document.createElement(a+e.localName);for(let n of e.getAttributeNames())i.setAttribute(n,e.getAttribute(n));let o=e.shadowRoot;if(!o){let n=e.querySelector(":scope > template:is([shadowrootmode], [shadowroot])");if(n){let m=n.getAttribute("shadowrootmode")||n.getAttribute("shadowroot")||"closed";o=e.attachShadow({mode:m}),o.appendChild(n.content.cloneNode(!0))}}return o&&i.attachShadow({mode:o.mode}).append(...o.childNodes),i.append(...e.childNodes),e.replaceWith(i),t.then(()=>{i.shadowRoot&&e.shadowRoot.append(...i.shadowRoot.childNodes),e.append(...i.childNodes),i.replaceWith(e)})}});var f=r,l=class l{static hasConditions(t){return Object.keys(l.getConditions(t)).length>0}static getConditions(t){let e={};for(let a of Object.keys(l.map))t.hasAttribute(`on:${a}`)&&(e[a]=t.getAttribute(`on:${a}`));return e}static visible(t,e){if("IntersectionObserver"in window)return new Promise(a=>{let i=new IntersectionObserver(o=>{let[n]=o;n.isIntersecting&&(i.unobserve(n.target),a())});i.observe(e)})}static idle(){let t=new Promise(e=>{document.readyState!=="complete"?window.addEventListener("load",()=>e(),{once:!0}):e()});return"requestIdleCallback"in window?Promise.all([new Promise(e=>{requestIdleCallback(()=>{e()})}),t]):t}static interaction(t,e){let a=["click","touchstart"];return t&&(a=(t||"").split(",").map(i=>i.trim())),new Promise(i=>{function o(n){i();for(let m of a)e.removeEventListener(m,o)}for(let n of a)e.addEventListener(n,o,{once:!0})})}static media(t){let e={matches:!0};if(t&&"matchMedia"in window&&(e=window.matchMedia(t)),!e.matches)return new Promise(a=>{e.addListener(i=>{i.matches&&a()})})}static saveData(t){if(!(!("connection"in navigator)||navigator.connection.saveData===(t!=="false")))return new Promise(()=>{})}};s(l,"map",{visible:l.visible,idle:l.idle,interaction:l.interaction,media:l.media,"save-data":l.saveData});var d=l;"customElements"in window&&(window.customElements.define(f.tagName,f),window.Island=f);var y=f.ready;var h=class{};s(h,"attr",{autoInitType:"autoinit",import:"import"}),s(h,"types",{"petite-vue":function(t){t.createApp().mount(this)},vue:function(t){t.createApp().mount(this)},svelte:function(t){new t.default({target:this})},"svelte-ssr":function(t){new t.default({target:this,hydrate:!0})},preact:function(t){t.default(this)}});Island.onReady.set("import-autoinit",async function(c){let t,e=this.getAttribute(h.attr.import);
4if(e&&(t=await import(e)),t){let a=h.types[this.getAttribute(h.attr.autoInitType)||e];a&&await a.call(this,t)}});})(); 5 6(()=>{var a="theme-preference",l={dark:"#1F1D19",light:"#F4EFE6"},t={value:n()};r();window.onload=()=>{let e=document.querySelector("#theme-toggle");e&&(r(),o(),e.addEventListener("click",()=>{t.value=t.value==="dark"?"light":"dark",c()}),e.setAttribute("aria-pressed",t.value==="dark"))};window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",({matches:e})=>{localStorage.getItem(a)||(t.value=e?"dark":"light",r(),o())});function n(){return localStorage.getItem(a)||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light")}function c(){localStorage.setItem(a,t.value),r(),o();let e=document.querySelector("#theme-toggle");e&&e.setAttribute("aria-pressed",t.value==="dark")}function r(){document.firstElementChild.setAttribute("data-theme",t.value)}function o(){let e=document.querySelector('meta[name="theme-color"]');e&&e.setAttribute("content",t.value==="dark"?l.dark:l.light)}})();</script>
6<script type="application/ld+json">{ 7 "@context": "https://schema.org", 8 "@graph": [ 9 { 10 "@type": "WebSite", 11 "@id": "https://www.cestpasdujdr.fr#website", 12 "url": "https://www.cestpasdujdr.fr", 13 "name": "C'est pas du JDR", 14 "description": "Blog amateur sur les jeux d'imaginaire â solos, avec ou sans meneur, queer, cozy, pour les kids, etc..", 15 "inLanguage": "fr_FR" 16 } 17 ] 18 }</script>
18<style>@layer tailwindBase{.transform{--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}.filter{--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: }}@layer reset{*,:after,:before{box-sizing:border-box}*{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}[role=list]{padding:0}a{-webkit-text-decoration-skip:ink;color:currentColor;text-decoration-skip-ink:auto}canvas,img,picture,svg{background-repeat:no-repeat;background-size:cover;block-size:auto;font-style:italic;max-inline-size:100%;shape-margin:.75rem;vertical-align:middle}picture{display:block}button{all:unset}button,input,select,textarea{color:inherit;font:inherit}textarea{resize:vertical;resize:block}textarea:not([rows]){min-height:10em}[role=button],[role=option],button,label,select,summary{cursor:pointer}:target{scroll-margin-block-start:2ex}:focus{scroll-margin-block-end:8vh}dialog{max-height:unset;max-width:unset}[popover],dialog{background:none;border:none;inset:unset}[popover]{color:inherit}[popover]:not(:popover-open),dialog:not([open],[popover]){display:none!important}html:has(dialog[open]:modal){overflow:hidden}@media (prefers-reduced-motion:reduce){:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@view-transition{navigation:auto}}@layer fonts{@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;src:local(""),url(/assets/fonts/atkinson/atkinson-hyperlegible-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;src:local(""),url(/assets/fonts/atkinson/atkinson-hyperlegible-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;src:local(""),url(/assets/fonts/atkinson/atkinson-hyperlegible-bold.woff2) format("woff2")}@font-face{font-display:swap;
18font-family:Fraunces;font-style:normal;font-weight:100 900;src:local(""),url(/assets/fonts/fraunces/fraunces-normal.woff2) format("woff2-variations")}@font-face{font-display:swap;font-family:Fraunces;font-style:italic;font-weight:100 900;src:local(""),url(/assets/fonts/fraunces/fraunces-italic.woff2) format("woff2-variations")}@font-face{font-display:swap;font-family:Fraunces Wonk;font-style:italic;font-weight:100 900;src:local(""),url(/assets/fonts/fraunces/fraunces-wonk-italic.woff2) format("woff2-variations")}}@layer tailwindComponents{:root{--color-gray-100:#f4efe6;--color-gray-200:#e8e1d3;--color-gray-300:#c9c0ae;--color-gray-400:#8a8479;--color-gray-500:#5c5750;--color-gray-600:#3d3934;--color-gray-700:#2b2823;--color-gray-800:#1f1d19;--color-gray-900:#1a1814;--color-pink:#ff4d8b;--color-pink-subdued:#f25c92;--color-blue:#0042ff;--color-blue-subdued:#3960e8;--color-gold:#f5d547;--color-gold-subdued:#e8c940;--border-radius-small:0.1875rem;--border-radius-medium:0.3rem;--space-3xs:clamp(0.125rem,0.11rem + 0.10vw,0.1875rem);--space-2xs:clamp(0.1875rem,0.15rem + 0.19vw,0.3125rem);--space-xs:clamp(0.3125rem,0.27rem + 0.19vw,0.4375rem);--space-s:clamp(0.625rem,0.55rem + 0.38vw,0.875rem);--space-m:clamp(0.875rem,0.74rem + 0.67vw,1.3125rem);--space-l:clamp(1.1875rem,0.96rem + 1.15vw,1.9375rem);--space-xl:clamp(2.375rem,2.03rem + 1.73vw,3.5rem);--space-2xl:clamp(3.5625rem,3.04rem + 2.60vw,5.25rem);--space-3xl:clamp(5.9375rem,5.07rem + 4.33vw,8.75rem);--space-xs-s:clamp(0.3125rem,0.14rem + 0.87vw,0.875rem);--space-s-m:clamp(0.625rem,0.41rem + 1.06vw,1.3125rem);--space-m-l:clamp(0.875rem,0.55rem + 1.63vw,1.9375rem);--space-l-xl:clamp(1.1875rem,0.48rem + 3.56vw,3.5rem);--space-l-2xl:clamp(1.1875rem,-0.06rem + 6.25vw,5.25rem);--space-xl-2xl:clamp(2.375rem,1.49rem + 4.42vw,5.25rem);--space-2xl-3xl:clamp(3.5625rem,1.97rem + 7.98vw,8.75rem);--size-step-min-2:clamp(0.8125rem,0.75rem + 0.29vw,1rem);--size-step-min-1:clamp(1rem,0.88rem + 0.58vw,1.375rem);--size-step-0:clamp(1.1875rem,1.01rem + 0.87vw,1.75rem);--size-step-1:clamp(1.4375rem,1.21rem + 1.15vw,2.1875rem);--size-step-2:clamp(1.6875rem,1.36rem + 1.63vw,2.75rem);--size-step-3:clamp(2.0625rem,1.64rem + 2.12vw,3.4375rem);--size-step-4:clamp(2.5rem,1.96rem + 2.69vw,4.25rem);--size-step-5:clamp(2.9375rem,2.19rem + 3.75vw,5.375rem);--size-step-6:clamp(3.5rem,2.52rem + 4.90vw,6.6875rem);--leading-flat:1;--leading-fine:1.2;--leading-standard:1.4;--font-display:Atkinson Hyperlegible,system-ui,sans-serif;--font-display-wonk:Atkinson Hyperlegible,system-ui,sans-serif;--font-base:Atkinson Hyperlegible,system-ui,sans-serif;--font-mono:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-regular:400;--font-bold:700;--font-extra-bold:900}}@layer variables{:root{--gutter:var(--space-m-l);--transition-duration:250ms;--transition-timing:ease;--wrapper-width:85rem;--tracking:-0.04ch;--tracking-s:-0.075ch;--tracking-wide:0.04ch;--stroke:1px solid var(--color-bg-accent);--gradient-rainbow:linear-gradient(90deg,#cf4662 10%,#fbbe25 30%,#62c95c 50%,#08bccb 75%,#a977d5 90%);--gradient-conic:conic-gradient(var(--color-primary) 0 28%,var(--color-secondary) 0 67%,var(--color-tertiary) 0 100%);--gradient-stripes:linear-gradient(45deg,var(--color-gray-900) 0 75%,var(--color-primary) 0 85%,var(--color-secondary) 0 92%,var(--color-tertiary) 0 100%);--color-light:var(--color-gray-100);--color-dark:var(--color-gray-900);--color-mid:var(--color-gray-400);--rule-dashed-soft:1px dashed var(--color-gray-400);--pill-fg-on-pink:#1a1814;--pill-fg-on-blue:#f4efe6;--pill-fg-on-gold:#1a1814}:root,:root[data-theme=light]{--link-color:var(--color-blue);--link-color-visited:var(--color-pink);--billboard-bg:var(--color-bg-accent);--billboard-gradient:conic-gradient(var(--color-pink) 0 28%,var(--color-blue) 0 67%,var(--color-gold) 0 100%);--billboard-sub-color:var(--color-text-accent);--billboard-outline:-1.5px -1.5px 0 #1a1814,1.5px -1.5px 0 #1a1814,-1.5px 1.5px 0 #1a1814,1.5px 1.5px 0 #1a1814,-1.5px 0 0 #1a1814,1.5px 0 0 #1a1814,0 -1.5px 0 #1a1814,0 1.5px 0 #1a1814}@media (prefers-color-scheme:dark){:root{--link-color:var(--color-pink-subdued);--link-color-visited:var(--color-gold-subdued);--billboard-bg:var(--color-gray-900);
18--billboard-gradient:var(--gradient-conic);--billboard-sub-color:color-mix(in oklab,var(--color-gray-100) 80%,transparent);--billboard-outline:none}}:root[data-theme=dark]{--link-color:var(--color-pink-subdued);--link-color-visited:var(--color-gold-subdued);--billboard-bg:var(--color-gray-900);--billboard-gradient:var(--gradient-conic);--billboard-sub-color:color-mix(in oklab,var(--color-gray-100) 80%,transparent);--billboard-outline:none}:root,:root[data-theme=light]{--color-text:var(--color-gray-800);--color-bg:var(--color-gray-100);--color-primary:var(--color-pink);--color-secondary:var(--color-blue);--color-tertiary:var(--color-gold);--color-text-accent:var(--color-gray-700);--color-bg-accent:var(--color-gray-200);--color-bg-accent-2:var(--color-gray-300);--color-paper:var(--color-bg);--color-paper-alt:var(--color-bg-accent);--color-ink:var(--color-text);--color-ink-soft:var(--color-text-accent)}@media (prefers-color-scheme:dark){:root{--color-text:var(--color-gray-100);--color-bg:var(--color-gray-800);--color-primary:var(--color-pink-subdued);--color-secondary:var(--color-blue-subdued);--color-tertiary:var(--color-gold-subdued);
18--color-text-accent:var(--color-gray-300);--color-bg-accent:var(--color-gray-700);--color-bg-accent-2:var(--color-gray-600);--color-paper:var(--color-bg);--color-paper-alt:var(--color-bg-accent);--color-ink:var(--color-text);--color-ink-soft:var(--color-text-accent)}}:root[data-theme=dark]{--color-text:var(--color-gray-100);--color-bg:var(--color-gray-800);--color-primary:var(--color-pink-subdued);--color-secondary:var(--color-blue-subdued);--color-tertiary:var(--color-gold-subdued);--color-text-accent:var(--color-gray-300);--color-bg-accent:var(--color-gray-700);--color-bg-accent-2:var(--color-gray-600);--color-paper:var(--color-bg);--color-paper-alt:var(--color-bg-accent);--color-ink:var(--color-text);--color-ink-soft:var(--color-text-accent)}}@layer global{html{color-scheme:light dark}body{accent-color:var(--color-primary);background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-base);font-size:var(--size-step-0);font-size-adjust:from-font;font-weight:var(--font-regular);letter-spacing:var(--tracking);line-height:var(--leading-standard)}main{flex:auto}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:var(--tracking);line-height:var(--leading-fine)}h1{font-size:var(--size-step-6)}h2{font-size:var(--size-step-4)}blockquote,h3{font-size:var(--size-step-2)}blockquote{border-inline-start:.5rem solid var(--color-primary);padding:var(--space-m-l)}blockquote>*+*{margin-block-start:var(--space-m-l)}blockquote :last-child{font-family:var(--font-base);font-size:var(--size-step-1);font-style:normal}input,textarea{caret-color:var(--color-primary)}svg{block-size:.6lh;flex:none;inline-size:auto}b,strong{font-weight:var(--font-bold)}hr{background-color:var(--color-bg-accent-2);border:none;height:1px;margin-block:var(--flow-space,var(--space-m-l));margin-inline-start:0;width:10%}figcaption{font-size:var(--size-step-min-1);margin-block-start:var(--space-s);padding-block-end:var(--space-xs);text-align:center}figcaption:after{border-block:var(--stroke);content:"";display:block;inline-size:50%;margin-block:var(--space-xs);margin-inline:auto;opacity:.8}a{text-decoration-thickness:.15ex;text-underline-offset:.2ch}a:not([class]):hover{text-decoration:none}:focus{outline:none}:focus-visible{outline:3px solid var(--focus-color,currentColor);outline-offset:var(--focus-offset,.3ch)}@supports (-moz-appearance:none){:root{--focus-offset:0.08em}}::-moz-selection{background-color:var(--color-text);color:var(--color-bg)}::selection{background-color:var(--color-text);color:var(--color-bg)}.preload-transitions *{transition:none!important}@media (scripting:none){.require-js{display:none}}}@layer compositions{.cluster{align-items:var(--cluster-vertical-alignment,center);display:flex;flex-direction:var(--cluster-direction,row);flex-wrap:var(--cluster-wrap,wrap);gap:var(--gutter,var(--space-s-l));justify-content:var(--cluster-horizontal-alignment,flex-start)}.flow>*+*{margin-block-start:var(--flow-space,1em)}.grid{display:grid;gap:var(--gutter,var(--space-s-m));grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}.grid[data-rows=masonry]{align-items:start;grid-template-rows:masonry}.grid[data-layout="50-50"]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,50vw,28rem)}.grid[data-layout=thirds]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,33%,20rem)}.repel{align-items:var(--repel-vertical-alignment,center);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l));justify-content:space-between}.repel[data-nowrap]{flex-wrap:nowrap}.sidebar{display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l))}.sidebar:not([data-direction])>:first-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar:not([data-direction])>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min-width,50%)}.sidebar[data-direction=rtl]>:last-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar[data-direction=rtl]>:first-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min-width,50%)}.wrapper{--gap:clamp(1rem,6vw,3rem);--full:minmax(var(--gap),1fr);--content:min(var(--wrapper-width,85rem),100% - var(--gap) * 2);--popout:minmax(0,2rem);--feature:minmax(0,5rem);display:grid;grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end]}.wrapper>*{grid-column:content}.prose-wrapper{--wrapper-width:64rem}.popout{grid-column:popout}.feature{grid-column:feature}.full{grid-column:full}}@layer blocks{.button{--button-bg:var(--color-text);--button-color:color-mix(in oklab,var(--button-bg) 10%,var(--color-bg));--button-hover-bg:color-mix(in oklab,var(--button-bg) 90%,var(--color-bg));--button-hover-color:var(--button-color);--button-border-width:var(--border-thickness);--button-border-style:solid;--button-border-color:color-mix(in oklab,var(--button-bg) 80%,var(--color-text));--button-radius:var(--border-radius-small);--button-gap:var(--space-2xs);--button-padding:var(--space-xs) var(--space-m);--button-font-family:var(--font-body);--button-font-weight:var(--font-regular);--button-font-size:var(--size-step-0);--button-text-transform:none;--button-tracking:normal;align-items:center;background:var(--button-bg);border-color:var(--button-border-color);border-radius:var(--button-radius);border-style:var(--button-border-style);border-width:var(--button-border-width);color:var(--button-color);display:inline-flex;font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);gap:var(--button-gap);letter-spacing:var(--button-tracking);line-height:var(--leading-flat);padding:var(--button-padding);text-box-edge:cap alphabetic;text-box-trim:trim-both;text-decoration:none;text-transform:var(--button-text-transform)}.button svg{block-size:var(--button-icon-size,1.2cap)}.button:hover,.button[aria-current=page],.button[aria-pressed=true],.button[data-state=active]{background:var(--button-hover-bg);color:var(--button-hover-color)}.button:active{transform:scale(99%)}.button[data-button-variant=primary]{--button-bg:var(--color-primary);--button-color:var(--color-light);--button-color:color-mix(in oklab,var(--color-primary) 5%,var(--color-light))}.button[data-button-variant=secondary]{--button-bg:var(--color-secondary);--button-color:var(--color-light);--button-color:color-mix(in oklab,var(--color-secondary) 5%,var(--color-light))}.button[data-button-variant=tertiary]{--button-bg:var(--color-tertiary);--button-color:var(--color-dark);--button-color:color-mix(in oklab,var(--color-tertiary) 10%,var(--color-dark))}.button[data-ghost-button]{--button-bg:var(--color-bg);--button-border-color:var(--color-text);--button-color:var(--color-text);--button-hover-color:var(--color-bg)}.button[data-ghost-button]:hover{--_ghost-hover-bg:var(--color-bg);--_ghost-hover-bg:color-mix(in oklab,var(--button-bg) 95%,var(--color-dark));background:var(--_ghost-hover-bg);color:var(--button-color)}.button[data-small-button]{--button-border-width:2px;--button-radius:var(--border-radius-small);--button-font-size:var(--size-step-min-2);--button-padding:var(--space-2xs) var(--space-s) var(--space-3xs) var(--space-s);--button-text-transform:uppercase;--button-tracking:var(--tracking-wide)}.button[data-button-radius=hard]{--button-radius:0}.button[data-icon]{--button-padding:var(--space-2xs);--button-bg:var(--color-bg);--button-border-color:var(--color-bg);--button-color:var(--color-text);--button-hover-color:var(--color-primary);--button-radius:50%;aspect-ratio:1;display:inline-grid;place-items:center}:root{--color-code-orange:#e09952;--color-code-blue:var(--color-secondary);--color-code-indigo:#7d59c5;--color-code-violet:#e052bf;--color-code-pink:#e05269;--color-code-gray:#949494;--color-code-bg:color-mix(in oklab,var(--color-bg) 92%,#000)}code,pre{background-color:var(--color-code-bg);border-radius:var(--border-radius-medium);font-family:var(--font-mono);font-size:var(--size-step-min-1)}code[class*=language-],pre[class*=language-]{white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;hyphens:none}pre{grid-column:popout!important;overflow-x:auto;padding:var(--space-s) var(--space-l)}
18:where(:not(pre))>code{padding:.1em .4em;position:relative;top:-.05em}pre[class*=language-]{overflow:auto;position:relative}[class*=language-] .namespace{opacity:.7}.token.atrule{color:var(--color-code-pink)}.token.attr-name{color:var(--color-code-orange)}.token.attr-value{color:var(--color-text-accent)}.token.attribute{color:var(--color-code-blue)}.token.boolean{color:var(--color-code-pink)}.token.builtin,.token.cdata,.token.char,.token.class,.token.class-name,.token.color{color:var(--color-code-orange)}.token.comment{color:var(--color-code-gray)}.token.constant,.token.deleted{color:var(--color-code-pink)}.token.doctype{color:var(--color-code-orange)}.token.entity,.token.function{color:var(--color-code-pink)}.token.hexcode{color:var(--color-code-orange)}.token.id,.token.important{color:var(--color-code-pink);font-weight:var(--font-bold)}.token.inserted{color:var(--color-code-orange)}.token.keyword{color:var(--color-code-pink);font-style:italic}.token.number{color:var(--color-text-accent)}.token.operator{color:var(--color-code-gray)}.token.prolog,.token.property{color:var(--color-code-orange)}.token.pseudo-class,.token.pseudo-element{color:var(--color-code-blue)}.token.punctuation{color:var(--color-code-gray)}.token.regex{color:var(--color-code-orange)}.token.selector{color:var(--color-code-pink)}.token.string{color:var(--color-text-accent)}.token.symbol,.token.tag,.token.unit{color:var(--color-code-pink)}.token.url{color:var(--color-code-violet)}.token.variable{color:var(--color-code-pink)}.codepen a{--icon-size:1.2em;align-items:center;display:flex;gap:var(--space-2xs)}.prose .cp_embed_wrapper,.prose .cp_embed_wrapper+script+:not(h2){--flow-space:var(--space-l)}.cp_embed_wrapper{display:grid;grid-column:popout;grid-template-areas:"container";overflow:auto;place-items:center;position:relative;resize:horizontal}.cp_embed_wrapper iframe{grid-area:container;width:100%}.indicator,a[href^=http]:not([href*="localhost:8080"]):not([href*="eleventy-excellent.netlify.app"]):not(.button):not(.no-indicator){padding-inline-end:.8em}.indicator:after,a[href^=http]:not([href*="localhost:8080"]):not([href*="eleventy-excellent.netlify.app"]):not(.no-indicator):after{background-image:url(/assets/images/template/external.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;block-size:1em;content:"(external link)";display:inline-block;inline-size:1em;overflow:hidden;position:absolute;text-indent:1em;white-space:nowrap}body:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:200px 200px;content:"";inset:0;mix-blend-mode:multiply;opacity:.04;pointer-events:none;position:fixed;z-index:1000}@media (prefers-color-scheme:dark){body:before{mix-blend-mode:screen;opacity:.06}}[data-small-button]{background-color:var(--color-primary);border:1px solid var(--color-ink);border-radius:.25rem;color:var(--pill-fg-on-pink);display:inline-block;font-family:var(--font-base);font-size:var(--size-step-min-2);font-weight:var(--font-bold);letter-spacing:.04em;padding-block:.05em;padding-inline:var(--space-2xs);text-transform:lowercase}[data-small-button]:nth-child(2n){background-color:var(--color-secondary);color:var(--pill-fg-on-blue)}[data-small-button]:nth-child(3n){background-color:var(--color-tertiary);color:var(--pill-fg-on-gold)}hr{background:none;border:none;border-block-start:var(--rule-dashed-soft);height:0;margin-block:var(--space-l);width:100%}custom-card[clickable]:focus-within,custom-card[clickable]:hover{box-shadow:4px 4px 0 var(--color-ink)}custom-card{transition:box-shadow .2s ease}.fanzine-hero{background-color:var(--color-primary);border-block-end:4px solid var(--color-ink);color:var(--color-paper);padding-block:var(--space-l) var(--space-xl)}.fanzine-hero h1{color:var(--color-paper);font-size:var(--size-step-6);text-shadow:3px 3px 0 var(--color-ink)}.fanzine-hero__sub{color:var(--color-paper);font-size:var(--size-step-1);margin-block-start:var(--space-s);margin-inline:auto;max-inline-size:50ch}.fanzine-hero--billboard{background-color:var(--billboard-bg)}.fanzine-hero--billboard h1{background-clip:text;-webkit-background-clip:text;background-image:var(--billboard-gradient);background-size:22% 100%;color:transparent;text-shadow:var(--billboard-outline)}.fanzine-hero--billboard .fanzine-hero__sub{color:var(--billboard-sub-color)}blockquote{background-color:var(--color-paper-alt);border-inline-start:4px solid var(--color-secondary);position:relative}blockquote:before{background:var(--color-paper);color:var(--color-primary);content:"â¦";font-size:1.5em;font-style:normal;left:.5em;padding-inline:.3em;position:absolute;top:-.5em}.article-number{color:var(--color-primary);font-family:var(--font-display);font-size:var(--size-step-3);font-weight:700;letter-spacing:var(--tracking);opacity:.7}.mainnav{--nav-list-timing-function:cubic-bezier(0.68,-0.55,0.27,1.55);inset-inline-end:0;position:var(--nav-position,absolute)}.mainnav:has([data-drawer-toggle][aria-expanded=true]){--nav-position:fixed;inset-inline-end:var(--gap)}.mainnav ul{--gutter:var(--space-xs);--cluster-vertical-alignment:normal;--cluster-wrap:wrap;--cluster-direction:column;--nav-list-background:var(--color-bg);--nav-list-shadow:-5px 0 11px 0 rgba(0,0,0,.2);--nav-list-height:100dvh;--nav-list-padding-block:var(--space-2xl);--nav-list-padding-inline:var(--space-s);--nav-list-position:fixed;
18--nav-list-width:min(18rem,100vw);--nav-list-visibility:hidden;--nav-list-opacity:0;background:var(--nav-list-background);block-size:var(--nav-list-height);box-shadow:var(--nav-list-shadow);inline-size:var(--nav-list-width);inset-block-start:0;inset-inline-end:0;list-style:none;margin:0;opacity:var(--nav-list-opacity);padding-block:var(--nav-list-padding-block);padding-inline:var(--nav-list-padding-inline);position:var(--nav-list-position);transition:opacity .3 var(--nav-list-timing-function),visibility .3s ease-in-out;visibility:var(--nav-list-visibility)}.mainnav ul[data-no-flash]{transition:none}@media (prefers-reduced-motion:no-preference){.mainnav>ul{--nav-list-transform:translateX(100%);--nav-list-opacity:1;transform:var(--nav-list-transform);transition:transform .5s var(--nav-list-timing-function),visibility .3s linear}.mainnav svg{transition:transform .4s var(--nav-list-timing-function)}}.mainnav [data-drawer-toggle]{--gutter:var(--space-2xs);--cluster-vertical-alignment:center;background:var(--color-bg);display:var(--nav-button-display,inline-flex);line-height:var(--leading-flat);padding:var(--space-2xs) 0;position:relative;z-index:2}.mainnav [data-drawer-toggle][aria-expanded=true]+ul{--cluster-wrap:nowrap;--nav-list-visibility:visible;--nav-list-transform:translateX(0);--nav-list-opacity:1;overflow-y:auto}body:has([data-drawer-toggle][aria-expanded=true]){overflow:hidden}.mainnav span{font-family:var(--font-display);font-size:var(--size-step-min-1);font-weight:var(--font-bold);text-transform:uppercase}.mainnav svg{block-size:.9em;color:var(--color-text);stroke-width:3}.mainnav [aria-expanded=true] svg{transform:rotate(45deg)}.mainnav :is(a,[data-submenu-toggle]){--nav-item-background:transparent;--nav-item-text-color:var(--color-text);--nav-item-padding:var(--space-xs) var(--space-2xs);--nav-item-decoration-color:transparent;--nav-item-font-size:var(--size-step-0);--nav-item-font-weight:var(--font-bold);background:var(--nav-item-background);border-radius:var(--border-radius-medium);color:var(--nav-item-text-color);display:block;font-size:var(--nav-item-font-size);padding:var(--nav-item-padding);text-decoration-color:var(--nav-item-decoration-color);text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:.2em}.mainnav:has(.nav-sublist) :is(a,[data-submenu-toggle]){font-weight:var(--nav-item-font-weight)}.mainnav [data-submenu-toggle]{align-items:center;display:flex;gap:var(--space-2xs);inline-size:100%;justify-content:space-between}.mainnav [data-submenu-toggle] svg{margin-inline-end:calc(var(--gap) - var(--nav-list-padding-inline))}.mainnav :is(a,[data-submenu-toggle]):hover{--nav-item-background:transparent;--nav-item-text-color:var(--color-text);--nav-item-decoration-color:var(--color-bg-accent-2)}.mainnav [aria-current=page],.mainnav [data-state=active]{--nav-item-background:var(--color-bg);--nav-item-text-color:var(--color-primary);--nav-item-decoration-color:var(--color-primary)}li:has(ul a[aria-current=page])>[data-submenu-toggle]{--nav-item-background:var(--color-bg);--nav-item-text-color:var(--color-text);--nav-item-decoration-color:var(--color-text)}.mainnav [data-submenu-toggle][aria-expanded=false]+ul{display:none}.mainnav .nav-sublist{--gutter:0;--cluster-direction:column;--nav-sublist-position:relative;--nav-sublist-background:var(--color-bg);--nav-sublist-width:100%;--nav-list-visibility:visible;--nav-list-opacity:1;--nav-list-padding-block:0 var(--space-m);--nav-list-padding-inline:0;background:var(--nav-sublist-background);block-size:auto;box-shadow:none;inline-size:var(--nav-sublist-width);position:var(--nav-sublist-position);z-index:2}.mainnav .nav-sublist a{--nav-item-font-weight:var(--font-regular)}@media (min-width:662px){.mainnav{--nav-position:static;--nav-button-display:none}.mainnav :is(a,[data-submenu-toggle]){--nav-item-font-weight:var(--font-regular)}.mainnav ul{--cluster-direction:row;--nav-list-position:static;--nav-list-padding-block:0;--nav-list-padding-inline:0;--nav-list-height:auto;--nav-list-width:100%;--nav-list-shadow:none;--nav-list-visibility:visible;--nav-list-transform:translateX(0);--nav-list-opacity:1}.mainnav [aria-current=page],.mainnav [data-state=active],li:has(ul a[aria-current=page])>[data-submenu-toggle]{--nav-item-background:transparent;--nav-item-text-color:var(--color-primary);--nav-item-decoration-color:var(--color-primary)}.mainnav [data-submenu-toggle]{inline-size:auto}.mainnav [data-submenu-toggle] svg{margin-inline-end:0}.mainnav .nav-sublist{--nav-sublist-position:absolute;--nav-sublist-background:var(--color-bg);--nav-sublist-border:var(--color-text);--nav-sublist-width:max-content;--nav-list-padding-block:var(--space-xs);--nav-list-padding-inline:var(--space-xs);border:3px solid var(--nav-sublist-border);inset-block-start:var(--space-xl);inset-inline-start:var(--space-2xs)}}.mainnav ul:first-child{--cluster-direction:row;--nav-list-position:static;--nav-list-padding-block:0;--nav-list-padding-inline:0;--nav-list-height:auto;--nav-list-width:100%;--nav-list-shadow:none;--nav-list-visibility:visible;--nav-list-transform:translateX(0);--nav-list-opacity:1}.mainnav ul:first-child [aria-current=page],.mainnav ul:first-child [data-state=active]{--nav-item-background:transparent;--nav-item-text-color:var(--color-primary);--nav-item-decoration-color:var(--color-primary)}.mainnav:has(ul:first-child){--nav-position:relative}@media (scripting:none){.mainnav ul:first-child ul.nav-sublist{--cluster-direction:row;--cluster-wrap:wrap}@media (min-width:662px){.mainnav ul:first-child ul.nav-sublist{--cluster-direction:column}}}@media (min-width:662px){.mainnav>ul{--gutter:var(--space-s)}}.prose{--flow-space:var(--space-m-l);--wrapper-width:64rem}.prose :is(pre,pre+*,figure,picture){--flow-space:var(--space-m-l)}.prose :is(figure+*,picture+*){--flow-space:var(--space-xl)}.prose :is(img,video){border:var(--stroke)}.prose :is(h2,h3,h4){--flow-space:1.5em;hyphens:auto;overflow-wrap:anywhere}@media (min-width:1000px){.prose :is(h1,h2,h3){hyphens:unset;overflow-wrap:unset}}
18.prose :is(h1,h2,h3,h4)+:not([class]):not(figure){--flow-space:var(--space-l)}.prose :is(p,li,dl,blockquote){max-inline-size:60ch;text-wrap:pretty}.prose .heading-anchor:where(:hover,:focus){text-decoration:none}.heading-anchor{text-decoration:none}.prose mark{background-color:var(--color-tertiary);color:var(--color-dark)}.prose :is(ul,ol):not([class]) li+li,.prose :is(ul,ol):not([class]) li>:is(ol,ul){padding-block-start:var(--space-s)}.prose :is(ul:not([class]):not([role=list])) li::marker{color:var(--color-primary);content:"â "}.prose ul:not([class]){padding-inline-start:1.3ch}.prose ol:not([class]){padding-inline-start:1.7ch}.prose ol li::marker{color:var(--color-primary)}.prose img{border-radius:var(--border-radius-medium)}@media (max-width:640px){.prose a,.prose>*{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;word-break:break-word}}.section>.divider:first-child{transform:rotate(180deg) translateY(-1px)}.section__inner{background-color:var(--spot-color,var(--color-bg-accent));color:var(--color-text)}.section blockquote{font-size:var(--size-step-4);font-weight:var(--font-bold);letter-spacing:var(--tracking-s);line-height:1}.section :is(h1,h2,h3,blockquote){opacity:95%}.divider{block-size:3.5em;display:block;fill:var(--spot-color,var(--color-bg));inline-size:100%}.divider>.divider{transform:translateY(-1px)}.site-footer{--cluster-horizontal-alignment:center}.site-footer a:not(.creator a){padding:var(--space-xs)}.site-footer .creator a:hover{-webkit-background-clip:text;background-clip:text;background-image:var(--gradient-rainbow);background-repeat:repeat;background-size:100%;color:transparent}.site-footer .creator a:hover svg{color:var(--color-primary)}.logo{--gutter:var(--space-xs);font-size:var(--size-step-0);padding:var(--space-s) 0;text-decoration:none}.skip-link{clip:rect(1px,1px,1px,1px);block-size:1px;display:block;inline-size:1px;left:1rem;overflow:hidden;position:absolute;top:1rem;z-index:999}.skip-link:focus{clip:auto;background-color:var(--color-text);block-size:auto;border-radius:var(--border-radius-medium);color:var(--color-bg);inline-size:auto;line-height:1;overflow:visible;padding:var(--space-xs) var(--space-s-m)}.skip-link:not(:focus){border:0;clip:rect(0 0 0 0);block-size:auto;inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.gradient-text{background-image:var(--gradient-conic);background-size:50%;padding:.6rem 0}.gradient-text,.gradient-text-linear{-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text-linear{background-image:var(--gradient-rainbow);background-repeat:repeat;background-size:100%}.theme-switch h2{font-family:var(--font-base);font-size:var(--size-step-min-1)}.theme-switch .button[aria-pressed=true]{--_color-contrast:var(--color-tertiary);--button-bg:var(--_color-contrast);--button-color:var(--color-dark);--button-hover-color:var(--color-dark);--button-border-color:var(--_color-contrast);--focus-color:var(--_color-contrast)}is-land:not(:defined) .theme-switch{display:none}}@layer tailwindUtilities{.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.my-s-m{margin-bottom:clamp(.625rem,.41rem + 1.06vw,1.3125rem);margin-top:clamp(.625rem,.41rem + 1.06vw,1.3125rem)}.mt-l-xl{margin-top:clamp(1.1875rem,.48rem + 3.56vw,3.5rem)}.mt-xl{margin-top:clamp(2.375rem,2.03rem + 1.73vw,3.5rem)}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.justify-center{justify-content:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-gray-100{background-color:#f4efe6}.p-s-m{padding:clamp(.625rem,.41rem + 1.06vw,1.3125rem)}.text-center{text-align:center}.font-display{font-family:Atkinson Hyperlegible,system-ui,sans-serif}.text-step-0{font-size:clamp(1.1875rem,1.01rem + .87vw,1.75rem)}.text-step-1{font-size:clamp(1.4375rem,1.21rem + 1.15vw,2.1875rem)}
18.text-step-2{font-size:clamp(1.6875rem,1.36rem + 1.63vw,2.75rem)}.text-step-min-1{font-size:clamp(1rem,.88rem + .58vw,1.375rem)}.capitalize{text-transform:capitalize}.text-gray-900{color:#1a1814}.text-pink{color:#ff4d8b}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.flow-space-m{--flow-space:clamp(0.875rem,0.74rem + 0.67vw,1.3125rem)}.region-space-l{--region-space:clamp(1.1875rem,0.96rem + 1.15vw,1.9375rem)}.gutter-2xs{--gutter:clamp(0.1875rem,0.15rem + 0.19vw,0.3125rem)}.gutter-xs{--gutter:clamp(0.3125rem,0.27rem + 0.19vw,0.4375rem)}.gutter-s{--gutter:clamp(0.625rem,0.55rem + 0.38vw,0.875rem)}.gutter-xs-s{--gutter:clamp(0.3125rem,0.14rem + 0.87vw,0.875rem)}.region{--region-space-fallback:var(--region-space,var(--space-l-xl));padding-block-end:var(--region-space-bottom,var(--region-space-fallback));padding-block-start:var(--region-space-top,var(--region-space-fallback))}.spin{animation:spin 30s linear infinite}@media (prefers-reduced-motion:no-preference){@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:0;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}} 19/* Site header â pure-CSS responsive nav (no JS). 20 Mobile: [hamburger â¡] [logo] [theme] then nav drawer below when checked. 21 Desktop: [logo] [nav inline] [theme] on a single row. */ 22 23 .site-header { 24 display: grid; 25 gap: var(--space-s) var(--space-m); 26 padding-block: var(--space-s); 27 padding-inline: var(--space-m); 28 align-items: center; 29 } 30 31 /* Hide the checkbox itself; the label is the visible UI. */ 32 .site-header__toggle { 33 position: absolute; 34 width: 1px; height: 1px; 35 overflow: hidden; 36 clip: rect(0 0 0 0); 37 } 38 39 /* Hamburger button (label triggers checkbox). 3 stacked bars. */ 40 .site-header__hamburger { 41 display: inline-flex; 42 flex-direction: column; 43 justify-content: center; 44 gap: 4px; 45 width: 2.2rem; height: 2.2rem; 46 padding: 0.4rem; 47 border: 1px solid var(--color-text); 48 border-radius: 0.25rem; 49 cursor: pointer; 50 background: transparent; 51 } 52 .site-header__hamburger-bar { 53 display: block; 54 height: 2px; 55 background: var(--color-text); 56 border-radius: 1px; 57 } 58 59 /* ---------- Mobile (default) ---------- */ 60 .site-header { 61 grid-template-columns: auto 1fr auto; 62 grid-template-areas: 63 "hamburger logo theme" 64 "nav nav nav"; 65 } 66 .site-header__hamburger { grid-area: hamburger; } 67 .site-header__logo { grid-area: logo; } 68 .site-header__theme { grid-area: theme; } 69 .site-header__nav { grid-area: nav; } 70 71 /* Drawer hidden by default on mobile, opens when checkbox is checked. */ 72 .site-header__nav { display: none; } 73 .site-header__toggle:checked ~ .site-header__nav { display: block; } 74 75 /* ---------- Desktop (⥠60rem) ---------- */ 76 @media (min-width: 60rem) { 77 .site-header { 78 grid-template-columns: auto 1fr auto; 79 grid-template-areas: "logo nav theme"; 80 } 81 .site-header__hamburger { display: none; } 82 .site-header__nav { display: block !important; } 83 } 84 85 /* Theme toggle â single sun/moon button. Shows the icon for the OPPOSITE 86 theme (moon in light mode = "click to go dark"). Default state assumes 87 light; `[data-theme='dark']` flips visibility. `prefers-color-scheme` 88 handles the initial render before JS hydrates. */ 89 .theme-toggle { 90 --button-bg: transparent; 91 --button-border-color: var(--color-text); 92 --button-color: var(--color-text); 93 /* Keep icon color stable in hover/pressed states â the button is 94 permanently aria-pressed (tracks theme), so don't invert. */ 95 --button-hover-color: var(--color-text); 96 --button-hover-bg: var(--color-bg-accent); 97 --button-padding: var(--space-3xs); 98 cursor: pointer; 99 } 100 .theme-toggle svg { 101 block-size: 1.2em; 102 inline-size: 1.2em; 103 } 104 .theme-toggle__icon { display: none; } 105 .theme-toggle__icon--moon { display: inline-flex; } 106 107 :root[data-theme='dark'] .theme-toggle__icon--moon { display: none; } 108 :root[data-theme='dark'] .theme-toggle__icon--sun { display: inline-flex; } 109 110 @media (prefers-color-scheme: dark) { 111 :root:not([data-theme='light']) .theme-toggle__icon--moon { display: none; } 112 :root:not([data-theme='light']) .theme-toggle__icon--sun { display: inline-flex; } 113 } 114 115 /* Show the right hidden label so screen readers announce the action, 116 not the current state. */ 117 .theme-toggle__when-dark { display: none; } 118 :root[data-theme='dark'] .theme-toggle__when-light { display: none; } 119 :root[data-theme='dark'] .theme-toggle__when-dark { display: inline; } 120 @media (prefers-color-scheme: dark) { 121 :root:not([data-theme='light']) .theme-toggle__when-light { display: none; } 122 :root:not([data-theme='light']) .theme-toggle__when-dark { display: inline; } 123 }</style><style>.search-intro{color:var(--color-text-accent);font-size:var(--size-step-1);margin-block-end:var(--space-l);max-inline-size:60ch}.search-cpdj{--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-bg);--pagefind-ui-border:var(--color-bg-accent-2);--pagefind-ui-tag:var(--color-bg-accent);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:0.25rem;--pagefind-ui-image-border-radius:0.25rem;--pagefind-ui-image-box-ratio:16/9;--pagefind-ui-font:var(--font-base);--pagefind-ui-scale:1}.search-cpdj input.pagefind-ui__search-input{background-color:var(--color-bg-accent);border:2px solid var(--color-ink);font-family:var(--font-base);font-size:var(--size-step-1);font-weight:var(--font-bold)}.search-cpdj input.pagefind-ui__search-input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.search-cpdj .pagefind-ui__result-title a{color:var(--link-color);font-family:var(--font-base);font-weight:var(--font-bold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2ex}.search-cpdj .pagefind-ui__result-title a:visited{color:var(--link-color-visited)}.search-cpdj .pagefind-ui__result-title a:focus-visible,.search-cpdj .pagefind-ui__result-title a:hover{background-color:var(--link-color);color:var(--color-bg);text-decoration:none}.search-cpdj .pagefind-ui__result-tags .pagefind-ui__result-tag{background-color:transparent;border:none;color:var(--color-secondary);font-weight:var(--font-bold);padding:0;text-transform:lowercase}.search-cpdj .pagefind-ui__result-tags .pagefind-ui__result-tag:before{color:var(--color-text-accent);content:"["}.search-cpdj .pagefind-ui__result-tags .pagefind-ui__result-tag:after{color:var(--color-text-accent);content:"]"}.search-cpdj .pagefind-ui__result{border-block-end:1px dashed var(--color-bg-accent-2);padding-block:var(--space-s)}.search-cpdj .pagefind-ui__result-thumb{display:none}.search-cpdj .pagefind-ui__result-excerpt mark{background-color:var(--color-tertiary);color:var(--color-ink);padding-inline:.2em}.search-noscript{background-color:var(--color-bg-accent);border-left:4px solid var(--color-tertiary);border-radius:.25rem;padding:var(--space-m)}</style><link rel="preload" href="/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/assets/fonts/atkinson/atkinson-hyperlegible-regular.woff2" as="font" type="font/woff2" crossorigin><meta name="description" content="Cherche dans les 214 articles du blog C&#39;est pas du JDR."><meta name="theme-color" content="#1F1D19" media="(prefers-color-scheme: dark)"><meta name="theme-color" content="#F4EFE6" media="(prefers-color-scheme: light)"><meta name="robots" content="index,follow"><meta name="googlebot" content="index,follow"><meta name="generator" content="Eleventy v3.1.5"><meta name="format-detection" content="telephone=no"><meta name="color-scheme" content="light dark"><link rel="canonical" href="https://www.cestpasdujdr.fr/search/"><link rel="author" href="humans.txt"><meta property="og:url" content="https://www.cestpasdujdr.fr/search/"><meta property="og:type" content="website"><meta property="og:title" content="Recherche"><meta property="og:image" content="https://www.cestpasdujdr.fr/assets/images/template/opengraph-default.jpg"><meta property="og:image:alt" content="Visible content: An Eleventy starter with CUBE CSS, Cube CSS, Every Layout, Design Tokens and Tailwind for uitility classes. A workflow for building modern and resilient websites, introduced by Andy Bell's project buildexcellentwebsit.es">
123<meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:description" content="Cherche dans les 214 articles du blog C&#39;est pas du JDR."><meta property="og:site_name" content="C'est pas du JDR"><meta property="og:locale" content="fr_FR"><meta property="article:author" content="Matthieu"><link rel="alternate" type="application/atom+xml" title="Flux RSS: C'est pas du JDR" href="/feed.xml"><link rel="alternate" type="application/json" title="Flux JSON: C'est pas du JDR" href="/feed.json"><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" href="/favicon.svg" type="image/svg+xml"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"></head><body class="base"><header class="site-header wrapper"><a href="#main" class="skip-link">Aller au contenu principal</a> <input type="checkbox" id="nav-toggle" class="site-header__toggle"> <label for="nav-toggle" aria-label="Menu" class="site-header__hamburger"><span aria-hidden="true" class="site-header__hamburger-bar"></span> <span aria-hidden="true" class="site-header__hamburger-bar"></span> <span aria-hidden="true" class="site-header__hamburger-bar"></span></label> <a href="/" class="site-header__logo logo | cluster"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="#dd4462" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433z" clip-rule="evenodd"></path></svg> <span class="font-display">C'est pas du JDR</span></a><div class="site-header__theme"><is-land on:idle><button type="button" id="theme-toggle" data-icon data-theme-switcher aria-label="Theme" class="theme-toggle | button"><span aria-hidden="true" class="theme-toggle__icon theme-toggle__icon--sun"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"></path></svg> </span><span aria-hidden="true" class="theme-toggle__icon theme-toggle__icon--moon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" viewBox="0 0 24 24"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79"></path></svg> </span><span class="visually-hidden theme-toggle__state"><span class="theme-toggle__when-light">dark</span> <span class="theme-toggle__when-dark">light</span></span></button></is-land></div><div class="site-header__nav"><nav id="mainnav" aria-label="Main" class="mainnav"><ul role="list" data-no-flash class="cluster"><li><a href="/blog/">Articles</a></li><li><a href="/tags/">Tags</a></li><li><a href="/search/" aria-current="page" data-state="active"><span class="nav-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.2" aria-hidden="true" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"></circle><path d="m21 21-4.5-4.5"></path></svg></span>Recherche</a></li><li><a href="/webring/">WebRing</a></li><li><a href="https://entraide.cestpasdujdr.fr/">Forum</a></li><li><a href="https://ludotheque-imaginaire.fr/">Ludothèque</a></li><li><a href="https://www.forthedrama.com/">For the Drama</a></li></ul></nav></div></header><main id="main" class="flow"><div class="region"><div class="wrapper flow"><h1>Recherche</h1><p class="search-intro">Recherche sur l'ensemble des 214 articles.</p><link rel="stylesheet" href="/pagefind/pagefind-ui.css"><div id="search-cpdj" class="search-cpdj"></div><noscript><p class="search-noscript">La recherche nécessite JavaScript. Tu peux aussi naviguer par <a href="/tags/">tags</a> ou <a href="/blog/">parcourir la liste complète</a>.</p></noscript>
123<script src="/pagefind/pagefind-ui.js" defer></script>
123<script>window.addEventListener('DOMContentLoaded', function () { 124 new PagefindUI({ 125 element: '#search-cpdj', 126 showImages: false, 127 showSubResults: true, 128 showEmptyFilters: false, 129 translations: { 130 placeholder: 'Tape un mot-cléâ¦', 131 clear_search: 'Effacer', 132 load_more: 'Voir plus de résultats', 133 search_label: 'Recherche dans le blog', 134 filters_label: 'Filtres', 135 zero_results: 'Aucun résultat pour [SEARCH_TERM]', 136 many_results: '[COUNT] résultats pour [SEARCH_TERM]', 137 one_result: '1 résultat pour [SEARCH_TERM]', 138 alt_search: 'Aucun résultat pour [SEARCH_TERM]. Suggestions :', 139 search_suggestion: 'Aucun résultat pour [SEARCH_TERM]. Essaie lâune de ces recherches :', 140 searching: 'Recherche [SEARCH_TERM]â¦' 141 } 142 }); 143 });</script>
143</div></div></main><footer class="site-footer mt-l-xl p-s-m"><div class="wrapper"><div class="cluster gutter-xs"><nav aria-label="Complementary" class="cluster text-step-0">© 2026 <a href="/"><span class="font-display">C'est pas du JDR</span> </a><a href="/feed.xml">Flux RSS</a></nav><nav aria-label="Platforms" class="cluster"><a href="/feed.xml" rel="alternate" type="application/atom+xml" data-icon class="button"><span class="visually-hidden">Flux RSS</span> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a></nav></div><aside class="creator | cluster gutter-2xs text-step-min-1 mt-xl">Made with <span class="visually-hidden">love</span> <span><svg width="1em" height="1em" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 3C4.239 3 2 5.216 2 7.95c0 2.207.875 7.445 9.488 12.74a.99.99 0 0 0 1.024 0C21.125 15.395 22 10.157 22 7.95 22 5.216 19.761 3 17 3s-5 3-5 3-2.239-3-5-3"></path></svg></span>and <a href="https://www.11ty.dev/" class="no-indicator"><span class="visually-hidden">Eleventy</span> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 29 29" aria-hidden="true"><path fill="currentColor" d="M9.156 22.425q-.324 0-.324-.878V7.08q0-.419-.168-.394l-1.035.263q-.284.026-.284-.576V5.116q0-.523.31-.588l3.415-.89a.5.5 0 0 1 .116-.012q.284 0 .283.615V21.55q0 .878-.336.877zm8.846.027q-.518 0-.899-.073a2.4 2.4 0 0 1-.795-.328 2 2 0 0 1-.68-.7q-.265-.446-.432-1.245t-.168-1.899v-6.714q0-.263-.142-.263h-.802q-.324 0-.324-.627v-.708q0-.64.324-.641h.803q.14 0 .141-.353l.233-5.093q.039-.693.336-.693h1.295q.324 0 .324.693v5.093q-.001.354.156.353h1.65q.324 0 .324.641v.708q0 .627-.324.627h-1.655q-.09 0-.122.046-.032.045-.031.217v6.756q0 .759.096 1.264.097.504.283.739.188.235.375.313.188.08.459.078h.917q.349.001.348.484v.785q0 .537-.374.537zm4.964 1.57q.296 0 .516-.49.22-.493.221-1.396 0-.211-.26-1.454l-2.536-10.67a2 2 0 0 1-.026-.29q0-.47.195-.47h1.566q.18 0 .297.123.12.124.18.503l1.681 9.008q.051.157.065.158.052-.002.053-.144l1.319-8.983q.052-.392.16-.53a.34.34 0 0 1 .28-.138h1.085q.22 0 .22.51 0 .118-.026.302l-2.303 12.138q-.271 1.506-.595 2.305-.324.798-.726 1.086a1.85 1.85 0 0 1-1.061.302h-.13q-1.048 0-1.422-.564-.104-.118-.103-.603 0-.97.31-.97.026 0 .466.131.445.138.574.136M2.648 22.45q-.324.001-.324-.877V7.105q0-.42-.169-.394l-1.035.262Q.836 7 .837 6.397V5.14q0-.521.31-.588l3.417-.892a.5.5 0 0 1 .116-.012q.284 0 .283.615v17.309q0 .878-.336.877z"></path></svg> </a>by <a href="https://mateline.fr/">Matthieu</a></aside></div></footer>
143<script type="module" src="/assets/scripts/components/custom-easteregg.js"></script>
143<custom-easteregg></custom-easteregg></body> 144</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.