1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1575],{21575:function(e,l,s){s.r(l),s.d(l,{default:function(){return d}});var a=s(85893),r=s(78790),t=s(21384),i=s(24465),n=s(7835),c=s(29515);function d(e){let{recommendPosts:l,siteInfo:s}=e,{locale:d}=(0,i.O)();return(0,t.JA)("MATERY_ARTICLE_RECOMMEND",null,c.default)&&l&&0!==l.length?(0,a.jsxs)("div",{className:"p-2",children:[(0,a.jsx)("div",{className:"mb-2 px-1 flex flex-nowrap justify-between",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("i",{className:"mr-2 fas fa-thumbs-up"}),d.COMMON.RELATE_POSTS]})}),(0,a.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:l.map(e=>{var l;let t=(null==e?void 0:e.pageCoverThumbnail)?e.pageCoverThumbnail:null==s?void 0:s.pageCover;return(0,a.jsx)(n.Z,{title:e.title,href:null==e?void 0:e.href,passHref:!0,className:"flex h-40 cursor-pointer overflow-hidden",children:(0,a.jsxs)("div",{className:"h-full w-full group",children:[(0,a.jsx)(r.Z,{src:t,className:"h-full w-full object-cover object-center group-hover:scale-110 transform duration-200"}),(0,a.jsx)("div",{className:"flex items-center justify-center bg-black bg-opacity-60 hover:bg-opacity-10 w-full h-full duration-300 ",children:(0,a.jsxs)("div",{className:"text-sm text-white text-center shadow-text",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("i",{className:"fas fa-calendar-alt mr-1"}),null===(l=e.date)||void 0===l?void 0:l.start_date]}),(0,a.jsx)("div",{className:"hover:underline",children:e.title})]})})]})},e.id)})})]}):(0,a.jsx)(a.Fragment,{})}}}]);
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.