1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6378],{45094:(e,s,a)=>{a.d(s,{A:()=>h});var t=a(37876),l=a(67070),i=a(24764),r=a(17998),c=a(93254),o=a(58004),n=a(48230),d=a.n(n),x=a(3550),m=a(390),p=a(61513);let h=({className:e="h-full",ratio:s="aspect-w-3 aspect-h-3 sm:aspect-h-4",post:a,hoverClass:n=""})=>{let{title:h,link:u,date:j,categories:f,excerpt:g,author:b,postFormats:v,featuredImage:N,ncPostMetaData:w,commentCount:k,uri:A,databaseId:y}=(0,x.$)(a);return(0,t.jsxs)("div",{className:`nc-Card9 group relative z-0 flex flex-col overflow-hidden rounded-3xl ${n} ${e}`,children:[(0,t.jsxs)("div",{className:"absolute inset-x-0 top-0 z-[-1] flex items-center justify-between p-3 opacity-0 transition-all duration-300 group-hover:z-10 group-hover:opacity-100",children:[(0,t.jsx)(i.A,{commentCount:k||0,linkToPost:A||"",likeCount:w?.likesCount||0,postDatabseId:y||0,className:"relative",viewCount:w?.viewsCount||0}),(0,t.jsx)(l.A,{readingTime:w?.readingTime||1,postDatabseId:y||0,hidenReadingTime:!0,className:"relative"})]}),(0,t.jsx)("div",{className:`relative flex w-full items-start ${s}`}),"audio"===v?(0,t.jsx)("div",{className:"absolute inset-0",children:(0,t.jsx)(o.A,{post:a})}):(0,t.jsxs)(d(),{prefetch:!1,href:A||"",children:[(0,t.jsx)(m.A,{fill:!0,alt:h||"",className:"h-full w-full rounded-3xl object-cover",src:N?.sourceUrl||"",sizes:"(max-width: 600px) 480px, 500px"}),(0,t.jsx)(c.A,{className:"absolute top-3 left-3 group-hover:hidden",postType:v,wrapSize:"w-7 h-7",iconSize:"w-4 h-4"}),(0,t.jsx)("span",{className:"absolute inset-0 bg-black/10 opacity-0 transition-opacity group-hover:opacity-100"})]}),(0,t.jsx)(d(),{prefetch:!1,href:A||"",className:"absolute inset-x-0 bottom-0 h-1/2 bg-linear-to-t from-black opacity-50"}),(0,t.jsxs)("div",{className:"absolute inset-x-0 bottom-0 flex grow flex-col p-4",children:[(0,t.jsx)(d(),{prefetch:!1,href:A||"",className:"absolute inset-0","aria-label":h||"Read post"}),(0,t.jsx)("div",{className:"mb-3",children:(0,t.jsx)(r.A,{categories:f?.nodes||[]})}),(0,t.jsx)("div",{className:"inline-flex items-center text-xs text-neutral-300",children:(0,t.jsxs)("div",{className:"block",children:[(0,t.jsx)("h2",{className:"block text-base font-semibold text-white sm:text-lg",children:(0,t.jsx)("span",{dangerouslySetInnerHTML:{__html:h},className:"line-clamp-2",title:h||""})}),(0,t.jsxs)(d(),{prefetch:!1,href:b?.uri||"",className:"relative mt-2.5 flex",children:[(0,t.jsx)("span",{className:"block truncate font-medium text-neutral-200 capitalize hover:text-white",children:b?.name}),(0,t.jsx)("span",{className:"mx-[6px] font-medium",children:"\xb7"}),(0,t.jsx)("span",{className:"truncate font-normal",children:(0,p.A)(j)})]})]})})]})]})}},46378:(e,s,a)=>{a.r(s),a.d(s,{default:()=>c});var t=a(37876),l=a(80026),i=a(45094),r=a(60604);let c=({posts:e,className:s=""})=>(0,t.jsx)("div",{className:`nc-SectionMagazine3 ${s}`,children:e.length?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"grid grid-cols-1 gap-6 lg:grid-cols-2",children:[e[0]&&(0,t.jsx)(l.A,{size:"large",post:e[0]}),(0,t.jsx)("div",{className:"grid grid-cols-1 gap-6 sm:grid-cols-2",children:e.filter((e,s)=>s<5&&s>=1).map(e=>(0,t.jsx)(i.A,{ratio:"aspect-w-3 aspect-h-3",post:e},e.databaseId))})]}),!!e[5]&&(0,t.jsx)("div",{className:"mt-6 grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",children:e.filter((e,s)=>s>=5).map(e=>(0,t.jsx)(i.A,{ratio:"aspect-w-3 aspect-h-3",post:e},e.databaseId))})]}):(0,t.jsx)(r.A,{})})}}]);
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.