1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5576],{31920:function(e,s,t){var a=t(85893);t(67294);var l=t(47106),o=t(86541),i=t(71294),c=t(39189),n=t(48117),r=t(41664),d=t.n(r),x=t(61192),m=t(63776),p=t(86769);s.Z=e=>{let{className:s="h-full",ratio:t="aspect-w-3 aspect-h-3 sm:aspect-h-4",post:r,hoverClass:h=""}=e,{title:u,link:f,date:j,categories:b,excerpt:v,author:N,postFormats:g,featuredImage:w,ncPostMetaData:k,commentCount:y,uri:Z,databaseId:z}=(0,x.Q)(r);return(0,a.jsxs)("div",{className:"nc-Card9 relative flex flex-col group rounded-3xl overflow-hidden z-0 ".concat(h," ").concat(s),children:[(0,a.jsxs)("div",{className:"absolute inset-x-0 top-0 p-3 flex items-center justify-between transition-all opacity-0 z-[-1] group-hover:opacity-100 group-hover:z-10 duration-300",children:[(0,a.jsx)(o.Z,{commentCount:y||0,linkToPost:Z||"",likeCount:(null==k?void 0:k.likesCount)||0,postDatabseId:z||0,className:"relative"}),(0,a.jsx)(l.Z,{postDatabseId:z||0,hidenReadingTime:!0,className:"relative"})]}),(0,a.jsx)("div",{className:"flex items-start relative w-full ".concat(t)}),"audio"===g?(0,a.jsx)("div",{className:"absolute inset-0",children:(0,a.jsx)(n.Z,{post:r})}):(0,a.jsxs)(d(),{href:Z||"",children:[(0,a.jsx)(m.Z,{fill:!0,alt:u||"",className:"object-cover w-full h-full rounded-3xl",src:(null==w?void 0:w.sourceUrl)||"",sizes:"(max-width: 600px) 480px, 500px"}),(0,a.jsx)(c.Z,{className:"absolute top-3 left-3 group-hover:hidden",postType:g,wrapSize:"w-7 h-7",iconSize:"w-4 h-4"}),(0,a.jsx)("span",{className:"absolute inset-0 bg-black bg-opacity-10 opacity-0 group-hover:opacity-100 transition-opacity"})]}),(0,a.jsx)(d(),{href:Z||"",className:"absolute bottom-0 inset-x-0 h-1/2 bg-gradient-to-t from-black opacity-50"}),(0,a.jsxs)("div",{className:"absolute bottom-0 inset-x-0 p-4 flex flex-col flex-grow",children:[(0,a.jsx)(d(),{href:Z||"",className:"absolute inset-0"}),(0,a.jsx)("div",{className:"mb-3",children:(0,a.jsx)(i.Z,{categories:b||[]})}),(0,a.jsx)("div",{className:"inline-flex items-center text-xs text-neutral-300",children:(0,a.jsxs)("div",{className:"block ",children:[(0,a.jsx)("h2",{className:"block text-base sm:text-lg font-semibold text-white ",children:(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:u},className:"line-clamp-2",title:u||""})}),(0,a.jsxs)(d(),{href:"/author/".concat(null==N?void 0:N.databaseId)||0,className:"flex mt-2.5 relative",children:[(0,a.jsx)("span",{className:"block text-neutral-200 hover:text-white font-medium truncate capitalize",children:null==N?void 0:N.name}),(0,a.jsx)("span",{className:"mx-[6px] font-medium",children:"\xb7"}),(0,a.jsx)("span",{className:"font-normal truncate",children:(0,p.Z)(j)})]})]})})]})]})}},95576:function(e,s,t){t.r(s),t.d(s,{default:function(){return p}});var a=t(85893);t(67294);var l=t(71294),o=t(39189),i=t(41664),c=t.n(i),n=t(61192),r=t(63776),d=e=>{let{className:s="h-full",post:t}=e,{title:i,link:d,date:x,categories:m,excerpt:p,author:h,postFormats:u,featuredImage:f,ncPostMetaData:j,commentCount:b,uri:v,databaseId:N}=(0,n.Q)(t);return(0,a.jsxs)("div",{className:"nc-Card8 group relative rounded-3xl overflow-hidden z-0 ".concat(s),children:[(0,a.jsxs)(c(),{href:v||"",className:"block w-full h-0 pt-[100%] sm:pt-[55%] rounded-xl overflow-hidden z-0",children:[(0,a.jsx)(r.Z,{className:"object-cover",src:(null==f?void 0:f.sourceUrl)||"",alt:i||"",fill:!0,sizes:"(max-width: 600px) 480px, 800px"}),(0,a.jsx)(o.Z,{className:"absolute top-4 left-4",postType:u,wrapSize:"w-8 h-8",iconSize:"w-4 h-4"})]}),(0,a.jsx)(c(),{href:v||"",className:"absolute inset-x-0 bottom-0 top-1/3 hover:top-5 bg-gradient-to-t from-black opacity-60 group-hover:opacity-70 transition-opacity"}),(0,a.jsxs)("div",{className:"absolute inset-x-0 bottom-0 p-4 sm:p-6 flex flex-col",children:[(0,a.jsx)(c(),{href:v||"",className:"absolute inset-0"}),(0,a.jsx)(l.Z,{categories:m||[]}),(0,a.jsx)("h2",{className:"mt-3 relative block font-semibold text-neutral-50 text-lg sm:text-2xl",children:(0,a.jsx)(c(),{dangerouslySetInnerHTML:{__html:i},href:v||"",className:"line-clamp-3",title:i||""})}),(0,a.jsx)("div",{className:"hidden sm:block mt-2",children:(0,a.jsx)("div",{className:"text-neutral-300 text-sm",dangerouslySetInnerHTML:{__html:p||""}})})]})]})},x=t(31920),m=t(23040),p=e=>{let{posts:s,className:t=""}=e;return(0,a.jsx)("div",{className:"nc-SectionMagazine4 ".concat(t),children:s.length?(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6",children:[s[0]&&(0,a.jsx)(d,{className:"sm:col-span-2",post:s[0]}),s.filter((e,s)=>s<3&&s>=1).map(e=>(0,a.jsx)(x.Z,{post:e},e.databaseId)),s.filter((e,s)=>s<5&&s>=3).map(e=>(0,a.jsx)(x.Z,{post:e},e.databaseId)),s[5]&&(0,a.jsx)(d,{className:"sm:col-span-2",post:s[5]}),s.filter((e,s)=>s>=6).map(e=>(0,a.jsx)(x.Z,{post:e},e.databaseId))]}):(0,a.jsx)(m.Z,{})})}}}]);
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.