https://www.awesomescreenshot.com/octopus/_next/static/chunks/pages/blog/[slug]-03b05968c2fbc756.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2492],{28165:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]",function(){return a(69654)}])},45970:function(e,t,a){"use strict";a.d(t,{Z:function(){return j}});var l=a(20567),r=a(14932),i=a(24043),n=a(85893),s=a(67294),c=a(1852),o=a(36671),x=a(41664),m=a.n(x),p=a(90874),d=a.n(p),u=a(25675),f=a.n(u),h=a(53740),_=a(27484),g=a.n(_),b=a(57023),N=a(51077),y=a.n(N),v=function(e){var t=e.title,a=e.cover,l=e.read_time,r=e.post_date,i=e.url,s=e.className,c=e.stat,o=e.summary;return(0,n.jsx)("div",{className:"w-full group ".concat(s),children:(0,n.jsxs)(m(),{href:"/blog/".concat(i),target:"_self",children:[(0,n.jsx)("div",{className:"relative w-full pb-[70.35%] rounded-[12px] overflow-hidden",children:(0,n.jsx)(f(),{fill:!0,unoptimized:!0,priority:!0,src:a,alt:t,className:"object-cover"})}),(0,n.jsx)(h.Z.Title,{level:3,ellipsis:{rows:2},className:"md:h-[2.8em] group-hover:underline",style:{marginTop:"15px",marginBottom:"6px",lineHeight:"28px",color:"rgba(0,0,0,0.8)",fontFamily:d().style.fontFamily,fontWeight:500,fontSize:"20px"},children:t}),(0,n.jsx)(h.Z.Paragraph,{className:"md:h-[3.6em]",ellipsis:{rows:3},style:{fontFamily:y().style.fontFamily,fontSize:"12px",lineHeight:"14px",fontWeight:300,color:"#505667"},children:o}),(0,n.jsxs)("div",{className:"mt-[34px] flex text-[rgba(80,86,103,0.6)] font-light text-[12px] leading-[14px]",children:[(0,n.jsxs)("div",{className:"flex items-center space-x-[6px]",children:[(0,n.jsx)("i",{className:"ri-eye-line ri-xl"}),(0,n.jsx)("span",{children:(0,b.normalizeViewCount)(c.pv)})]}),(0,n.jsxs)("div",{className:"ml-[16px] flex items-center space-x-[6px]",children:[(0,n.jsx)("i",{className:"ri-time-line ri-xl"}),(0,n.jsx)("span",{children:l})]}),(0,n.jsx)("div",{className:"flex-1 text-right",children:r&&g()(g().unix(r)).format("MMMM D, YYYY")})]})]})})},j=function(e){var t=e.title,a=e.url,x=e.articleList,p=e.showMore,u=e.className,f=(0,c.useMediaQuery)({query:"(min-width: 768px) and (max-width: 1023px)"}),h=(0,c.useMediaQuery)({query:"(min-width: 1024px)"}),_=(0,i._)((0,s.useState)(!0),2),g=_[0],b=_[1];return(0,s.useEffect)(function(){b(!1)},[]),(0,n.jsxs)("section",{className:u,children:[t&&(a?(0,n.jsx)(m(),{href:"/blog/".concat(a),children:(0,n.jsx)("h2",{className:"".concat(d().className," inline-block text-[24px] text-[rgba(0,0,0,0.8)] font-bold mb-[32px] ml-[13px] md:ml-0 tracking-wide hover:underline"),children:t.toUpperCase()})}):(0,n.jsx)("h2",{className:"".concat(d().className," inline-block text-[24px] text-[rgba(0,0,0,0.8)] font-bold mb-[32px] ml-[13px] md:ml-0 tracking-wide"),children:t.toUpperCase()})),x.length?(0,n.jsx)("div",{className:"flex flex-wrap ".concat(g?"space-x-[66px]":""),children:x.map(function(e,t){return(0,n.jsx)(v,(0,r._)((0,l._)({},e),{className:"mb-[62px] md:mb-[82px] md:w-[calc(50%-33px)] lg:w-[calc((100%-132px)/3)] ".concat(!g&&f&&t%2==0?"md:mr-[66px]":""," ").concat(!g&&h&&(t+1)%3!=0?"lg:mr-[66px]":"")}),e.title+t)})}):(0,n.jsx)(o.default,{description:"Empty"}),(void 0===p||p)&&a&&(0,n.jsx)("div",{className:"flex justify-center items-center mb-[62px] -translate-y-[20px]",children:(0,n.jsx)(m(),{href:"/blog/".concat(a),className:"middle center transition-all text-[16px] py-[16px] px-[37px] rounded-lg border border-primary text-primary hover:bg-[rgba(142,129,238,0.2)] active:bg-[rgba(142,129,238,0.4)] active:border-[#7D72D1]",children:"View All"})})]})}},69654:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return i},default:function(){return n}});var l=a(85893),r=a(24494),i=!0;function n(e){var t=e.category,a=e.categoryList,i=e.articleList,n=e.articleTotalNum;return(0,l.jsx)(r.Z,{currentPage:1,articleTotalNum:n,category:t,categoryList:a,articleList:i})}},51077:function(e){e.exports={style:{fontFamily:"'__Krub_0896c2', '__Krub_Fallback_0896c2'",fontWeight:400,fontStyle:"normal"},className:"__className_0896c2"}},90874:function(e){e.exports={style:{fontFamily:"'__League_Spartan_8ca94b', '__League_Spartan_Fallback_8ca94b'",fontStyle:"normal"},className:"__className_8ca94b",variable:"__variable_8ca94b"}}},function(e){e.O(0,[1849,9674,3246,1096,9538,8880,3104,5675,3740,8656,4494,9774,2888,179],function(){return e(e.s=28165)}),_N_E=e.O()}]);