1import{h as n,j as e,L as l,k as d,i as x,f as m}from"./index-D0ytri6Z.js";import{A as o}from"./arrow-left-Do6ZUn1z.js";function t(){return e.jsxs("div",{className:"flex gap-6 py-8 border-b border-white/10 animate-pulse",children:[e.jsx("div",{className:"hidden md:block w-48 h-48 flex-shrink-0 rounded-xl bg-white/10"}),e.jsxs("div",{className:"flex-1 space-y-3",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("div",{className:"h-5 w-16 rounded-full bg-white/10"}),e.jsx("div",{className:"h-5 w-20 rounded-full bg-white/10"})]}),e.jsx("div",{className:"h-7 w-3/4 rounded bg-white/10"}),e.jsx("div",{className:"h-4 w-full rounded bg-white/10"}),e.jsx("div",{className:"h-4 w-5/6 rounded bg-white/10"}),e.jsxs("div",{className:"flex gap-4 mt-4",children:[e.jsx("div",{className:"h-4 w-24 rounded bg-white/10"}),e.jsx("div",{className:"h-4 w-20 rounded bg-white/10"})]})]})]})}function c(a){return new Date(a).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"})}function p(){const{data:a=[],isLoading:r}=n({queryKey:["/api/articles/published"]});return e.jsxs("div",{className:"min-h-screen bg-slate-950 text-white",children:[e.jsx("header",{className:"sticky top-0 z-50 border-b border-white/10 bg-slate-950/95 backdrop-blur-sm",children:e.jsxs("div",{className:"max-w-5xl mx-auto px-6 h-14 flex items-center justify-between",children:[e.jsxs(l,{href:"/",className:"flex items-center gap-2 text-sm text-slate-400 hover:text-white transition-colors",children:[e.jsx(o,{className:"w-4 h-4"}),"Back to portfolio"]}),e.jsx("span",{className:"text-sm font-medium text-slate-300",children:"Lehner Digital"})]})}),e.jsxs("main",{className:"max-w-5xl mx-auto px-6 py-16",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"w-7 h-px bg-indigo-500"}),e.jsx("span",{className:"text-[11px] tracking-[0.14em] uppercase text-indigo-400 font-medium",children:"Writing"})]}),e.jsxs("h1",{className:"font-['Lora'] text-[clamp(32px,4vw,52px)] font-semibold leading-tight mb-4",children:["Ideas, insights, and"," ",e.jsx("em",{className:"text-indigo-400 not-italic",children:"articles"})]}),e.jsx("p",{className:"text-lg text-slate-400 mb-16 max-w-2xl",children:"Thoughts on AI automation, digital infrastructure, and building systems that scale."}),r?e.jsxs("div",{children:[e.jsx(t,{}),e.jsx(t,{}),e.jsx(t,{})]}):a.length===0?e.jsx("div",{className:"text-center py-24 text-slate-500",children:"No articles published yet."}):e.jsx("div",{children:a.map(s=>e.jsx(l,{href:`/article/${s.id}`,children:e.jsxs("div",{"data-testid":`article-card-${s.id}`,className:"flex gap-6 py-8 border-b border-white/10 cursor-pointer hover:bg-white/[0.02] rounded-xl px-4 -mx-4 transition-colors group",children:[s.heroImageUrl?e.jsx("div",{className:"hidden md:block w-48 h-48 flex-shrink-0 rounded-xl overflow-hidden bg-slate-800",children:e.jsx("img",{src:s.heroImageUrl,alt:s.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"})}):e.jsx("div",{className:"hidden md:block w-48 h-48 flex-shrink-0 rounded-xl bg-gradient-to-br from-indigo-900/40 to-slate-800/40 border border-white/10"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[s.tags&&s.tags.length>0&&e.jsx("div",{className:"flex flex-wrap gap-1.5 mb-3",children:s.tags.map(i=>e.jsx("span",{className:"inline-block text-[10px] tracking-[0.1em] uppercase font-medium px-2 py-0.5 rounded-full bg-indigo-500/15 text-indigo-400 border border-indigo-500/20",children:i},i))}),e.jsx("h2",{className:"font-['Lora'] text-[clamp(18px,2vw,24px)] font-semibold mb-2 text-white group-hover:text-indigo-300 transition-colors leading-snug line-clamp-2",children:s.title}),s.subtitle&&e.jsx("p",{className:"text-slate-300 text-sm mb-1 font-medium",children:s.subtitle}),s.summary&&e.jsx("p",{className:"text-slate-400 text-sm leading-relaxed line-clamp-3 mb-4",children:s.summary}),e.jsxs("div",{className:"flex items-center gap-4 text-xs text-slate-500",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(d,{className:"w-3.5 h-3.5"}),c(s.createdAt.toString())]}),s.readTimeMinutes&&e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(x,{className:"w-3.5 h-3.5"}),s.readTimeMinutes," min read"]}),e.jsxs("span",{className:"ml-auto flex items-center gap-1 text-indigo-400 font-medium text-xs group-hover:gap-2 transition-all",children:["Read article ",e.jsx(m,{className:"w-3.5 h-3.5"})]})]})]})]})},s.id))})]})]})}export{p as default};
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.