1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[275,307,613],{5147:(e,l,t)=>{Promise.resolve().then(t.bind(t,6963)),Promise.resolve().then(t.t.bind(t,2619,23))},6963:(e,l,t)=>{"use strict";t.d(l,{default:()=>m});var s=t(5155),i=t(2115),r=t(2619),a=t.n(r),c=t(6983),n=t(508),o=t(1169),h=t(6485),d=t(2746),u=t(843);function x(e){let{selectedTag:l,onTagChange:t}=e,i=["All",...d.O_];return(0,s.jsxs)("div",{className:"w-full flex flex-col gap-3 justify-center items-center mb-12",children:[(0,s.jsx)("label",{htmlFor:"tagFilter",className:"block text-sm font-semibold text-ii-light-blue-300 mb-3",children:"Filter by Tag"}),(0,s.jsx)("select",{id:"tagFilter",value:l,onChange:e=>t(e.target.value),className:"form-select w-full md:w-1/2 lg:w-1/3 py-4 bg-white/10 backdrop-blur-lg border border-white/20 rounded-2xl text-white focus:border-ii-light-blue-400 focus:outline-none focus:ring-2 focus:ring-ii-light-blue-400/50",name:"tagFilter",children:i.map(e=>(0,s.jsx)("option",{value:e,children:e},e))})]})}var g=t(5704);function m(e){let{category:l,tag:t,author:r}=e,[m,b]=(0,i.useState)("All"),f=l&&"All"!==l?u.Y.filter(e=>e.category===l):u.Y,p="true"===g.env.NEXT_PUBLIC_SHOW_FUTURE_POSTS,j=new Date,N=p?f:f.filter(e=>e.publishDate<=j),v=r?N.filter(e=>e.authors.includes(r)):N,w=t?v.filter(e=>e.tags.includes(t)):"All"===m?v:v.filter(e=>e.tags.includes(m));return(0,s.jsxs)(s.Fragment,{children:[!t&&!r&&(0,s.jsx)(x,{selectedTag:m,onTagChange:b}),(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-20",children:w.map(e=>{let l=e.icon,t=d.Al[e.color];return(0,s.jsx)(a(),{href:"/resources/blog/".concat(e.slug),className:"group relative bg-white/5 backdrop-blur-lg border border-white/10 rounded-3xl overflow-hidden hover:border-white/30 transition-all duration-500 hover:-translate-y-2 hover:shadow-ii-3xl cursor-pointer block",children:(0,s.jsxs)("div",{className:"p-8",children:[(0,s.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,s.jsx)("div",{className:"p-2 rounded-lg bg-linear-to-br ".concat(t),children:(0,s.jsx)(l,{className:"w-4 h-4 text-white"})}),(0,s.jsx)("span",{className:"px-3 py-1 bg-ii-light-blue-600/20 text-ii-light-blue-400 rounded-full text-xs font-bold",children:e.category}),(0,s.jsxs)("span",{className:"flex items-center text-ii-light-blue-300 text-sm",children:[(0,s.jsx)(c.A,{className:"mr-1",size:14}),e.readTime]})]}),(0,s.jsx)("h3",{className:"text-2xl font-bold text-white mb-4 group-hover:text-ii-light-blue-200 transition-colors line-clamp-2",children:e.title}),(0,s.jsx)("p",{className:"text-ii-light-blue-200 mb-6 leading-relaxed line-clamp-3",children:e.excerpt}),(0,s.jsxs)("div",{className:"flex items-center justify-between pt-6 border-t border-white/10",children:[(0,s.jsxs)("div",{className:"flex items-center",children:[1===e.authors.length?(0,s.jsx)(n.A,{className:"text-ii-light-blue-400 mr-2",size:16}):(0,s.jsx)(o.A,{className:"text-ii-light-blue-400 mr-2",size:16}),(0,s.jsx)("span",{className:"text-sm text-ii-light-blue-300",children:1===e.authors.length?e.authors[0]:e.authors[0]+" & ".concat(e.authors.length-1," more")})]}),(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)(h.A,{className:"text-ii-light-blue-400 mr-2",size:16}),(0,s.jsx)("span",{className:"text-sm text-ii-light-blue-300",children:"".concat(e.publishDate.getUTCMonth()+1,"/").concat(e.publishDate.getUTCDate(),"/").concat(e.publishDate.getUTCFullYear())})]})]})]})},e.slug)})})]})}}},e=>{e.O(0,[619,517,774,208,441,255,358],()=>e(e.s=5147)),_N_E=e.O()}]);
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.