PageSourceSearch

https://avaloniaui.net/assets/BlogCard-DNbVng7P.js

js avaloniaui.net collected 2026-10-02 02:41:10 UTC 2,289 bytes, 1 lines download raw bytes

1import{j as t}from"./jsx-runtime-u17CrQMm.js";import{b as n,L as l}from"./chunk-LFPYN7LY-BFxOW0GP.js";import{e as s,c}from"./MarketingLayout-DDrv-W3y.js";function d(e){return new Date(e).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}function g({post:e,className:a}){const r=n(),i=s[e.category]??{text:"#333"};return t.jsxs(l,{to:`/blog/${e.slug}`,className:c("group flex flex-col rounded-xl overflow-hidden bg-snow transition-all duration-300 hover:shadow-float hover:-translate-y-0.5",a),style:{border:"1px solid var(--color-neutral-30)"},children:[t.jsx("div",{className:"relative overflow-hidden",style:{aspectRatio:"16 / 9"},children:t.jsx("img",{src:e.coverImage,alt:e.title,className:"w-full h-full object-cover transition-transform duration-500 group-hover:scale-[1.03]",loading:"lazy"})}),t.jsxs("div",{style:{padding:"16px 16px 20px"},children:[t.jsx("span",{style:{fontSize:"11px",fontWeight:600,letterSpacing:"var(--letter-spacing-label)",color:i.text},children:e.category}),t.jsx("h3",{className:"text-obsidian mt-2 group-hover:text-brand-40 transition-colors",style:{fontSize:"17px",fontWeight:450,lineHeight:1.35,letterSpacing:"-0.2px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.title}),t.jsx("p",{className:"text-body-text mt-2",style:{fontSize:"14px",lineHeight:"22px",fontWeight:380,letterSpacing:"0.3px",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.excerpt}),t.jsxs("div",{role:"link",tabIndex:0,className:"flex items-center gap-2.5 transition-opacity hover:opacity-70 cursor-pointer",style:{marginTop:"14px",textDecoration:"none"},onClick:o=>{o.stopPropagation(),o.preventDefault(),r(`/blog/authors/${e.author.id}`)},onKeyDown:o=>{o.key==="Enter"&&(o.stopPropagation(),o.preventDefault(),r(`/blog/authors/${e.author.id}`))},children:[t.jsx("img",{src:e.author.avatar,alt:e.author.name,className:"rounded-full object-cover",style:{width:"28px",height:"28px"},loading:"lazy"}),t.jsxs("div",{children:[t.jsx("p",{style:{fontSize:"13px",fontWeight:500,color:"var(--color-obsidian)"},children:e.author.name}),t.jsx("p",{style:{fontSize:"11px",fontWeight:380,color:"var(--color-muted)"},children:d(e.publishedAt)})]})]})]})]})}export{g as B};

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.