https://www.barnman.cc/_next/static/chunks/6955.b3a639e4c0fe9863.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6955],{6955:function(e,l,t){t.r(l);var o=t(85893),r=t(73214),a=t(27134),s=t(69325),i=t(26964),n=t(41664),d=t.n(n),c=t(11163),u=t(67294),x=t(68632);function f(e){return(0,o.jsxs)("div",{id:"bannerGroup",className:"flex flex-col justify-between flex-1 mr-2 max-w-[42rem]",children:[(0,o.jsx)(h,{...e}),(0,o.jsx)(p,{})]})}function h(e){let l=(0,c.useRouter)(),{allNavPages:t}=e,a=(0,s.JA)("HEO_HERO_COVER_TITLE");return(0,o.jsxs)("div",{id:"banners",onClick:function(){let e=Math.floor(Math.random()*t.length),o=t[e];l.push("".concat((0,s.JA)("SUB_PATH",""),"/").concat(null==o?void 0:o.slug))},className:"hidden xl:flex xl:flex-col group h-full bg-white dark:bg-[#1e1e1e] rounded-xl border dark:border-gray-700 mb-3 relative overflow-hidden",children:[(0,o.jsxs)("div",{id:"banner-title",className:"z-10 flex flex-col absolute top-10 left-10",children:[(0,o.jsxs)("div",{className:"text-4xl font-bold mb-3  dark:text-white",children:[(0,s.JA)("HEO_HERO_TITLE_1",null,x.default),(0,o.jsx)("br",{}),(0,s.JA)("HEO_HERO_TITLE_2",null,x.default)]}),(0,o.jsx)("div",{className:"text-xs text-gray-600  dark:text-gray-200",children:(0,s.JA)("HEO_HERO_TITLE_3",null,x.default)})]}),(0,o.jsx)(v,{}),(0,o.jsx)("div",{id:"banner-cover",style:{backdropFilter:"blur(15px)"},className:"z-20 rounded-xl overflow-hidden opacity-0 group-hover:opacity-100 duration-300 transition-all bg-[#4259efdd] dark:bg-[#dca846] dark:text-white cursor-pointer absolute w-full h-full top-0 flex justify-start items-center",children:(0,o.jsxs)("div",{className:"ml-12 -translate-x-32 group-hover:translate-x-0 duration-300 transition-all ease-in",children:[(0,o.jsx)("div",{className:"text-7xl text-white font-extrabold",children:a}),(0,o.jsx)("div",{className:"-ml-3 text-gray-300",children:(0,o.jsx)(r.Hj,{className:"w-24 h-24 stroke-2"})})]})})]})}function v(){let e=(0,s.JA)("HEO_GROUP_ICONS",null,x.default);return e&&(e=e.concat(e)),(0,o.jsx)("div",{className:"tags-group-all flex -rotate-[30deg] h-full",children:(0,o.jsx)("div",{className:"tags-group-wrapper flex flex-nowrap absolute top-16",children:null==e?void 0:e.map((e,l)=>(0,o.jsxs)("div",{className:"tags-group-icon-pair ml-6 select-none",children:[(0,o.jsx)("div",{style:{background:e.color_1},className:"tags-group-icon w-28 h-28 rounded-3xl flex items-center justify-center text-white text-lg font-bold shadow-md",children:(0,o.jsx)(a.Z,{priority:!0,src:e.img_1,title:e.title_1,className:"w-2/3 hidden xl:block"})}),(0,o.jsx)("div",{style:{background:e.color_2},className:"tags-group-icon  mt-5 w-28 h-28 rounded-3xl flex items-center justify-center text-white text-lg font-bold shadow-md",children:(0,o.jsx)(a.Z,{priority:!0,src:e.img_2,title:e.title_2,className:"w-2/3 hidden xl:block"})})]},l))})})}function p(){var e,l,t,r,a,i;let n=(null===(e=(0,s.JA)("HEO_HERO_CATEGORY_1",{},x.default))||void 0===e?void 0:e.url)||"",c=(null===(l=(0,s.JA)("HEO_HERO_CATEGORY_1",{},x.default))||void 0===l?void 0:l.title)||"",u=(null===(t=(0,s.JA)("HEO_HERO_CATEGORY_2",{},x.default))||void 0===t?void 0:t.url)||"",f=(null===(r=(0,s.JA)("HEO_HERO_CATEGORY_2",{},x.default))||void 0===r?void 0:r.title)||"",h=(null===(a=(0,s.JA)("HEO_HERO_CATEGORY_3",{},x.default))||void 0===a?void 0:a.url)||"",v=(null===(i=(0,s.JA)("HEO_HERO_CATEGORY_3",{},x.default))||void 0===i?void 0:i.title)||"";return(0,o.jsxs)("div",{className:"h-[165px] select-none xl:h-20 flex flex-col justify-between xl:space-y-0 xl:flex-row w-28 lg:w-48 xl:w-full xl:flex-nowrap xl:space-x-3",children:[(0,o.jsxs)(d(),{href:n,className:"group relative overflow-hidden bg-gradient-to-r from-blue-500 to-blue-400 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in",children:[(0,o.jsxs)("div",{className:"font-bold lg:text-lg  pl-5 relative -mt-2",children:[c,(0,o.jsx)("span",{className:"absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"})]}),(0,o.jsx)("div",{className:"hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0",children:(0,o.jsx)("i",{className:"fa-solid fa-star text-4xl"})})]}),(0,o.jsxs)(d(),{href:u,className:"group relative overflow-hidden bg-gradient-to-r from-red-500 to-yellow-500 flex h-20 justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in",children:[(0,o.jsxs)("div",{className:"font-bold lg:text-lg pl-5 relative -mt-2",children:[f,(0,o.jsx)("span",{className:"absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"})]}),(0,o.jsx)("div",{className:"hidden lg:block absolute right-6  duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0",children:(0,o.jsx)("i",{className:"fa-solid fa-fire-flame-curved text-4xl"})})]}),(0,o.jsxs)(d(),{href:h,className:"group relative overflow-hidden bg-gradient-to-r from-teal-300 to-cyan-300 hidden h-20 xl:flex justify-start items-center text-white rounded-xl xl:hover:w-1/2 xl:w-1/3 transition-all duration-500 ease-in",children:[(0,o.jsxs)("div",{className:"font-bold text-lg pl-5 relative -mt-2",children:[v,(0,o.jsx)("span",{className:"absolute -bottom-0.5 left-5 w-5 h-0.5 bg-white rounded-full"})]}),(0,o.jsx)("div",{className:"absolute right-6 duration-700 ease-in-out transition-all scale-[2] translate-y-6 rotate-12 opacity-20 group-hover:opacity-80 group-hover:scale-100 group-hover:translate-y-0 group-hover:rotate-0",children:(0,o.jsx)("i",{className:"fa-solid fa-book-bookmark text-4xl "})})]})]})}function m(e){let{latestPosts:l,allNavPages:t,siteInfo:r}=e,{locale:n}=(0,i.O)(),c=(0,u.useRef)(),f=function(e){let{latestPosts:l,allNavPages:t}=e;if(!(0,s.JA)("HEO_HERO_RECOMMEND_POST_TAG",null,x.default)||""===(0,s.JA)("HEO_HERO_RECOMMEND_POST_TAG",null,x.default))return l;let o=[];o=JSON.parse((0,s.JA)("HEO_HERO_RECOMMEND_POST_SORT_BY_UPDATE_TIME",null,x.default))?Object.create(t).sort((e,l)=>{let t=new Date(null==e?void 0:e.lastEditedDate);return new Date(null==l?void 0:l.lastEditedDate)-t}):Object.create(t);let r=[];for(let e of o){var a;if(6===r.length)break;(null==e?void 0:null===(a=e.tags)||void 0===a?void 0:a.indexOf((0,s.JA)("HEO_HERO_RECOMMEND_POST_TAG",null,x.default)))>=0&&r.push(e)}return r}({latestPosts:l,allNavPages:t});return(0,o.jsxs)("div",{id:"hero-right-wrapper",onMouseLeave:function(){c.current.coverUp()},className:"flex-1 relative w-full",children:[(0,o.jsx)("div",{id:"top-group",className:"w-full flex space-x-3 xl:space-x-0 xl:grid xl:grid-cols-3 xl:gap-3 xl:h-[342px]",children:null==f?void 0:f.map((e,l)=>(0,o.jsx)(d(),{href:"".concat((0,s.JA)("SUB_PATH",""),"/").concat(null==e?void 0:e.slug),children:(0,o.jsxs)("div",{className:"cursor-pointer h-[164px] group relative flex flex-col w-52 xl:w-full overflow-hidden shadow bg-white dark:bg-black dark:text-white rounded-xl",children:[(0,o.jsx)(a.Z,{priority:0===l,className:"h-24 object-cover",alt:null==e?void 0:e.title,src:(null==e?void 0:e.pageCoverThumbnail)||(null==r?void 0:r.pageCover)}),(0,o.jsx)("div",{className:"group-hover:text-indigo-600 dark:group-hover:text-yellow-600 line-clamp-2 overflow-hidden m-2 font-semibold",children:null==e?void 0:e.title}),(0,o.jsx)("div",{className:"opacity-0 group-hover:opacity-100 -translate-x-4 group-hover:translate-x-0 duration-200 transition-all absolute -top-2 -left-2 bg-indigo-600 dark:bg-yellow-600  text-white rounded-xl overflow-hidden pr-2 pb-2 pl-4 pt-4 text-xs",children:n.COMMON.RECOMMEND_BADGES})]})},l))}),(0,o.jsx)(g,{cRef:c,siteInfo:r})]})}function g(e){let{cRef:l,siteInfo:t}=e,a=(0,c.useRouter)(),n=(0,s.JA)("HEO_HERO_TITLE_LINK",null,x.default),{locale:d}=(0,i.O)(),[f,h]=(0,u.useState)(!0);return(0,u.useImperativeHandle)(l,()=>({coverUp:()=>{h(!0)}})),(0,o.jsx)("div",{id:"today-card",className:"".concat(f?" ":"pointer-events-none"," overflow-hidden absolute hidden xl:flex flex-1 flex-col h-full top-0 w-full"),children:(0,o.jsxs)("div",{id:"card-body",onClick:function(e){a.push(n)},className:"".concat(f?"opacity-100 cursor-pointer":"opacity-0 transform scale-110 pointer-events-none"," shadow transition-all duration-200 today-card h-full bg-black rounded-xl relative overflow-hidden flex items-end"),children:[(0,o.jsxs)("div",{id:"today-card-info",className:"flex justify-between w-full relative text-white p-10 items-end",children:[(0,o.jsxs)("div",{className:"flex flex-col",children:[(0,o.jsx)("div",{className:"text-xs font-light",children:(0,s.JA)("HEO_HERO_TITLE_4",null,x.default)}),(0,o.jsx)("div",{className:"text-3xl font-bold",children:(0,s.JA)("HEO_HERO_TITLE_5",

1null,x.default)})]}),(0,o.jsxs)("div",{onClick:function(e){e.stopPropagation(),h(!1)},className:"'".concat(f?"":"hidden pointer-events-none"," z-10 group flex items-center px-3 h-10 justify-center  rounded-3xl\n            glassmorphism transition-colors duration-100 "),children:[(0,o.jsx)(r.GL,{className:"group-hover:rotate-180 duration-500 transition-all w-6 h-6 mr-2 bg-white rounded-full stroke-black"}),(0,o.jsx)("div",{id:"more",className:"select-none",children:d.COMMON.RECOMMEND_POSTS})]})]}),(0,o.jsx)("img",{src:null==t?void 0:t.pageCover,id:"today-card-cover",className:"".concat(f?"":" pointer-events-none"," hover:scale-110 duration-1000 object-cover cursor-pointer today-card-cover absolute w-full h-full top-0")})]})})}l.default=e=>{let l=(0,s.JA)("HEO_HERO_REVERSE",!1,x.default);return(0,o.jsx)("div",{id:"hero-wrapper",className:"recent-top-post-group w-full overflow-hidden select-none px-5 mb-4",children:(0,o.jsxs)("div",{id:"hero",style:{zIndex:1},className:"".concat(l?"xl:flex-row-reverse":"","\n           recent-post-top rounded-[12px] 2xl:px-5 recent-top-post-group max-w-[86rem] overflow-x-scroll w-full mx-auto flex-row flex-nowrap flex relative"),children:[(0,o.jsx)(f,{...e}),(0,o.jsx)("div",{className:"px-1.5 h-full"}),(0,o.jsx)(m,{...e})]})})}}}]);