https://holmes.id.vn/_next/static/chunks/0zq2zg3s76fpc.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,77774,e=>{"use strict";var t=e.i(91398);e.s(["default",0,({children:e,className:r=""})=>(0,t.jsx)("div",{className:`w-full h-full inline-block z-0 bg-light p-32 dark:bg-dark xl:p-24 lg:p-16 md:p-12 sm:p-8 ${r}`,children:e})])},91956,e=>{"use strict";var t=e.i(91788),r=e.i(68429),l=e.i(12600),s=e.i(57126);e.s(["useMotionValue",0,function(e){let i=(0,s.useConstant)(()=>(0,r.motionValue)(e)),{isStatic:a}=(0,t.useContext)(l.MotionConfigContext);if(a){let[,r]=(0,t.useState)(e);(0,t.useEffect)(()=>i.on("change",r),[])}return i}])},68154,e=>{"use strict";var t=e.i(91398),r=e.i(83380),l=e.i(77774),s=e.i(49741),i=e.i(26251),a=e.i(11829),n=e.i(91956),o=e.i(58678),c=e.i(26019),d=e.i(41158),m=e.i(91788);let x=`${s.SITE_URL}/articles`,u=`Flutter & Clean Architecture Articles | ${s.SITE_NAME}`,p=`Technical articles on Flutter, clean architecture, boilerplate structure, starter projects, React Native, and software engineering by ${s.SITE_AUTHOR}.`,h=(0,i.getKeywords)(["Flutter articles","clean architecture articles","Flutter boilerplate guide","starter project guide","clean code Flutter"]),g=(0,i.getBreadcrumbJsonLd)([{name:"Home",url:s.SITE_URL},{name:"Articles",url:x}]),j=(0,a.motion)(c.default),f=({title:e,img:r,link:l})=>{let s=(0,n.useMotionValue)(0),i=(0,n.useMotionValue)(0),a=(0,m.useRef)(null);return(0,t.jsxs)(d.default,{href:l,onMouseMove:e=>{a.current&&(a.current.style.opacity=1,s.set(e.pageX),i.set(-10))},onMouseLeave:()=>{a.current&&(a.current.style.opacity=0,s.set(0),i.set(0))},className:"relative",children:[(0,t.jsx)("h2",{className:"text-xl font-semibold hover:underline",children:e}),(0,t.jsx)(j,{ref:a,src:r,alt:e,width:320,height:200,style:{x:s,y:i},initial:{opacity:0}

1,className:"pointer-events-none absolute z-10 w-80 rounded-lg"})]})},w=({cover:e,title:r,date:l,slug:s})=>(0,t.jsxs)(a.motion.li,{initial:{y:200},whileInView:{y:0,transition:{duration:.5,ease:"easeInOut"}},viewport:{once:!0},className:"relative w-full p-4 py-6 my-4 rounded-xl flex items-center justify-between bg-light text-dark first:mt-0 border border-solid border-dark border-r-4 border-b-4 dark:border-light dark:bg-dark dark:text-light",children:[(0,t.jsx)(f,{title:r,img:e,link:`/articles/${s}`}),(0,t.jsx)("span",{className:"text-primary dark:text-primaryDark font-semibold pl-4",children:l})]}),b=({cover:e,title:r,time:l,summary:s,slug:i})=>(0,t.jsxs)("li",{className:"relative col-span-1 w-full p-4 bg-light border border-solid border-dark rounded-2xl dark:bg-dark dark:border-light shadow-[8px_8px_0px_0px_#333333] dark:shadow-[8px_8px_0px_0px_#F2E7D5]",children:[(0,t.jsx)(d.default,{href:`/articles/${i}`,className:"w-full inline-block cursor-pointer overflow-hidden rounded-lg",children:(0,t.jsx)(j,{src:e,alt:r,width:800,height:400,className:"w-full h-auto",whileHover:{scale:1},transition:{duration:.2},priority:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 50vw"})}),(0,t.jsx)(d.default,{href:`/articles/${i}`,children:(0,t.jsx)("h2",{className:"capitalize text-2xl font-bold my-2 mt-4 hover:underline",children:r})}),(0,t.jsx)("p",{className:"text-sm mb-2",children:s}),(0,t.jsx)("span",{className:"text-primary dark:text-primaryDark font-semibold",children:l})]});e.s(["__N_SSG",0,!0,"default",0,({articles:e})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(o.default,{children:[(0,t.jsx)("title",{children:u}),(0,t.jsx)("meta",{name:"description",content:p}),(0,t.jsx)("meta",{name:"keywords",content:h}),(0,t.jsx)("meta",{name:"robots",content:"index,follow,max-image-preview:large"}),(0,t.jsx)("link",{rel:"canonical",href:x}),(0,t.jsx)("meta",{property:"og:type",content:"website"}),(0,t.jsx)("meta",{property:"og:url",content:x}),(0,t.jsx)("meta",{property:"og:title",content:u}),(0,t.jsx)("meta",{property:"og:description",content:p}),(0,t.jsx)("meta",{property:"og:site_name",content:s.SITE_NAME}),(0,t.jsx)("meta",{property:"og:image",content:s.SITE_OG_IMAGE}),(0,t.jsx)("meta",{property:"og:image:width",content:"800"}),(0,t.jsx)("meta",{property:"og:image:height",content:"800"}),(0,t.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,t.jsx)("meta",{name:"twitter:site",content:s.SITE_TWITTER}),(0,t.jsx)("meta",{name:"twitter:title",content:u}),(0,t.jsx)("meta",{name:"twitter:description",content:p}),(0,t.jsx)("meta",{name:"twitter:image",content:s.SITE_OG_IMAGE}),(0,t.jsx)("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(g)}})]}),(0,t.jsx)("main",{className:"w-full mb-16 flex flex-col items-center justify-center overflow-hidden dark:text-light",children:(0,t.jsxs)(l.default,{className:"pt-16",children:[(0,t.jsx)(r.default,{text:"Articles",className:"mb-16 lg:!text-7xl sm:mb-8 sm:!text-6xl xs:!text-4xl"}),(0,t.jsx)("ul",{className:"grid grid-cols-2 gap-16 md:grid-cols-1",children:e.map(e=>(0,t.jsx)(b,{...e},e.slug))}),(0,t.jsx)("h2",{className:"font-bold text-4xl w-full text-center my-16 mt-32",children:"All Articles"}),(0,t.jsx)("ul",{children:e.map(e=>(0,t.jsx)(w,{...e},e.slug))})]})})]})])},33534,(e,t,r)=>{let l="/articles";(window.__NEXT_P=window.__NEXT_P||[]).push([l,()=>e.r(68154)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([l])})},48761,e=>{e.v(t=>Promise.all(["static/chunks/1ae-9ft5cgojf.js"].map(t=>e.l(t))).then(()=>t(93594)))},28805,e=>{e.v(t=>Promise.all(["static/chunks/0h0r_q6xa9qr_.js"].map(t=>e.l(t))).then(()=>t(79466)))}]);