https://johannapardo.de/assets/blog.index-BFEg-X7Y.js

1import{R as n,q as p,v as u,j as e,L as i}from"./index-CHfAEzh6.js";import{u as o}from"./useSuspenseQuery-2KxF4052.js";import"./useBaseQuery-Bttx1P4P.js";function N(){const{kategorie:r}=n.useSearch(),a=n.useNavigate(),c=o(p).data.categories,l=o(u(r)).data.posts;return e.jsxs("section",{className:"mx-auto max-w-6xl px-6 py-20 lg:px-10",children:[e.jsxs("header",{className:"mb-14",children:[e.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-[0.3em] text-plum-soft",children:"Blog"}),e.jsxs("h1",{className:"mt-3 font-display text-[2.75rem] font-extrabold uppercase leading-[0.95] tracking-tight text-bone break-words sm:text-6xl md:text-7xl",children:[e.jsx("span",{className:"block sm:inline",children:"GE"}),e.jsx("span",{className:"block sm:inline",children:"DANK"}),e.jsx("span",{className:"block sm:inline",children:"EN"}),e.jsx("span",{className:"text-plum-soft",children:"."})]}),e.jsx("p",{className:"mt-6 max-w-2xl text-base text-bone/70",children:"Texte, Recherchen, Podcast-Notizen. Zwischen Systemforschung, Bühne und Alltag."})]}),(()=>{const m="es-lag-nie-an-der-idee",s=r?void 0:l.find(t=>t.slug===m),x=s?l.filter(t=>t.id!==s.id):l;return l.length===0?e.jsx("p",{className:"rounded-xl border border-plum/30 bg-aubergine-hi px-6 py-16 text-center text-sm text-bone/70",children:"Noch keine Beiträge in dieser Kategorie."}):e.jsxs(e.Fragment,{children:[s&&e.jsxs(i,{to:"/blog/$slug",params:{slug:s.slug},className:"group mb-16 grid overflow-hidden rounded-xl border-2 border-plum-soft/60 bg-aubergine-hi transition hover:border-plum-soft md:grid-cols-2",children:[e.jsx("div",{className:"relative overflow-hidden",children:s.cover_image_url?e.jsx("img",{src:s.cover_image_url,alt:s.title?`Titelbild: ${s.title}`:"Blog-Titelbild",className:"block h-full w-full object-cover transition duration-700 group-hover:scale-[1.03]",loading:"eager"}):e.jsx("div",{className:"h-full min-h-[280px] w-full bg-gradient-to-br from-plum/50 to-aubergine-deep"})}),e.jsxs("div",{className:"flex flex-col justify-center p-8 md:p-12",children:[e.jsx("span",{className:"mb-4 w-fit bg-plum-soft px-3 py-1 text-[10px] font-bold uppercase tracking-widest text-aubergine-deep",children:"Einstieg"}),e.jsxs("div",{className:"flex items-center gap-3 text-[10px] uppercase tracking-[0.25em] text-bone/60",children:[s.category&&e.jsx("span",{className:"font-bold text-plum-soft",children:s.category.name}),s.category&&s.published_at&&e.jsx("span",{className:"text-bone/30",children:"·"}),s.published_at&&e.jsx("time",{dateTime:s.published_at,children:d(s.published_at)})]}),e.jsx("h2",{className:"mt-5 font-display text-3xl font-extrabold uppercase leading-[0.95] tracking-tight text-bone break-words sm:text-4xl",children:s.title}),s.teaser&&e.jsx("p",{className:"mt-5 text-base leading-relaxed text-bone/75",children:s.teaser}),e.jsxs("span",{className:"mt-8 inline-flex items-center gap-2 text-[11px] font-bold uppercase tracking-widest text-plum-soft",children:["Jetzt lesen",e.jsx("span",{className:"transition-transform group-hover:translate-x-1",children:"→"})]})]})]}),e.jsxs("div",{className:"mb-10 flex flex-wrap gap-2",children:[e.jsx("button",{onClick:()=>a({search:{kategorie:void 0}}),className:`rounded-full border px-4 py-2 text-[11px] font-bold uppercase tracking-widest transition ${r?"border-plum/40 text-bone/70 hover:border-plum-soft hover:text-bone":"border-plum-soft bg-plum-soft text-aubergine-deep"}`,children:"Alle"}),c.map(t=>e.jsx("button",{onClick:()=>a({search:{kategorie:t.slug}}),className:`rounded-full border px-4 py-2 text-[11px] font-bold uppercase tracking-widest transition ${r===t.slug?"border-plum-soft bg-plum-soft text-aubergine-deep":"border-plum/40 text-bone/70 hover:border-plum-soft hover:text-bone"}`,children:t.name},t.id))]}),e.jsx("div",{className:"grid gap-10 md:grid-cols-2 lg:grid-cols-3",children:x.map(t=>e.jsxs(i,{to:"/blog/$slug",params:{slug:t.slug},className:"group flex flex-col rounded-lg border border-plum/20 bg-aubergine-hi p-4 transition hover:border-plum/40 hover:bg-aubergine",children:[t.cover_image_url?e.jsx("div",{className:"overflow-hidden rounded",children:e.jsx("img",{src:t.cover_image_url,alt:t.title?`Titelbild: ${t.title}`:"Blog-Titelbild",className:"block h-auto w-full transition duration-700 group-hover:scale-[1.03]",loading:"lazy"})}):e.jsx("div",{className:"aspect-[4/5] rounded bg-gradient-to-br from-plum/40 to-aubergine-deep"}),e.jsxs("div",{className:"mt-5 flex items-center gap-3 text-[10px] uppercase tracking-[0.25em] text-bone/50",children:[t.category&&e.jsx("span",{className:"font-bold text-plum-soft",children:t.category.name}),t.category&&t.published_at&&e.jsx("span",{className:"text-bone/30",children:"·"}),t.published_at&&e.jsx("time",{dateTime:t.published_at,children:d(t.published_at)})]}),e.jsx("h2",{className:"mt-4 font-serif text-lg font-medium leading-snug tracking-normal text-bone md:text-xl",children:t.title}),t.teaser&&e.jsx("p",{className:"mt-3 line-clamp-2 text-sm leading-relaxed text-bone/65",children:t.teaser}),e.jsxs("span",{className:"mt-4 inline-flex items-center gap-2 text-[11px] font-bold uppercase tracking-widest text-plum-soft",children:["Weiterlesen",e.jsx("span",{className:"transition-transform group-hover:translate-x-1",children:"→"})]})]},t.id))})]})})()]})}const g=["Jan","Feb","Mär","Apr","Mai","Jun","Jul","Aug","Sep","Okt","Nov","Dez"];function d(r){const a=new Date(r);return isNaN(a.getTime())?"":`${String(a.getUTCDate()).padStart(2,"0")}. ${g[a.getUTCMonth()]} ${a.getUTCFullYear()}`}export{N as component};