https://www.zackrw.com/_next/static/chunks/pages/cbz-7e8cfade94f86718.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[789],{9899:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cbz",function(){return n(8810)}])},6091:function(e,t){"use strict";t.Z={src:"/_next/static/media/cbz-banner.22a8a9dd.png",height:642,width:1212,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAG1BMVEX////p6OgaGh4NDhJ3d3nMzM3y8vMlJSlvb3FmRWJZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVR4nBXGyREAMAwCsQV8pP+KM9ZLABJn1K0ByrupS+w8PgRDAEwv3NcmAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:4}},9537:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var r=n(5893),s=n(1664),i=n.n(s),a=n(6010);function c(e){return(0,r.jsx)("svg",{viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",...e,children:(0,r.jsx)("path",{d:"M6.75 5.75 9.25 8l-2.5 2.25",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function l(e){let{as:t="div",className:n,children:s}=e;return(0,r.jsx)(t,{className:(0,a.Z)(n,"group relative flex flex-col items-start"),children:s})}l.Link=function(e){let{children:t,...n}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"absolute -inset-x-4 -inset-y-6 z-0 scale-95 bg-zinc-50 opacity-0 transition group-hover:scale-100 group-hover:opacity-50 dark:bg-zinc-800/50 sm:-inset-x-6 sm:rounded-2xl"}),(0,r.jsxs)(i(),{...n,children:[(0,r.jsx)("span",{className:"absolute -inset-x-4 -inset-y-6 z-20 sm:-inset-x-6 sm:rounded-2xl"}),(0,r.jsx)("span",{className:"relative z-10",children:t})]})]})},l.Title=function(e){let{as:t="h2",href:n,children:s}=e;return(0,r.jsx)(t,{className:"text-base font-semibold tracking-tight text-zinc-800 dark:text-zinc-100",children:n?(0,r.jsx)(l.Link,{href:n,children:s}):s})},l.Description=function(e){let{children:t}=e;return(0,r.jsx)("p",{className:"relative z-10 mt-2 text-sm text-zinc-600 dark:text-zinc-400",children:t})},l.Cta=function(e){let{children:t}=e;return(0,r.jsxs)("div",{"aria-hidden":"true",className:"relative z-10 mt-4 flex items-center text-sm font-bold text-blue-500",children:[t,(0,r.jsx)(c,{className:"ml-1 h-4 w-4 stroke-current"})]})},l.Eyebrow=function(e){let{as:t="p",decorate:n=!1,className:s,children:i,...c}=e;return(0,r.jsxs)(t,{className:(0,a.Z)(s,"relative z-10 order-first mb-3 flex items-center text-sm text-zinc-400 dark:text-zinc-500",n&&"pl-3.5"),...c,children:[n&&(0,r.jsx)("span",{className:"absolute inset-y-0 left-0 flex items-center","aria-hidden":"true",children:(0,r.jsx)("span",{className:"h-4 w-0.5 rounded-full bg-zinc-200 dark:bg-zinc-500"})}),i]})}},5803:function(e,t,n){"use strict";n.d(t,{X:function(){return i}});var r=n(5893),s=n(5649);function i(e){let{title:t,intro:n,children:i}=e;return(0,r.jsxs)(s.W,{className:"mt-16 sm:mt-32",children:[(0,r.jsxs)("header",{className:"max-w-2xl",children:[(0,r.jsx)("h1",{className:"text-4xl font-bold tracking-tight text-zinc-800 dark:text-zinc-100 sm:text-5xl",children:t}),(0,r.jsx)("p",{className:"mt-6 text-base text-zinc-600 dark:text-zinc-400",children:n})]}),(0,r.jsx)("div",{className:"mt-16 sm:mt-20",children:i})]})}},3652:function(e,t,n){"use strict";function r(e){return new Date(`${e}T00:00:00Z`).toLocaleDateString("en-US",{day:"numeric",month:"long",year:"numeric",timeZone:"UTC"})}n.d(t,{p:function(){return r}})},8810:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return m},default:function(){return x}});var r=n(5893),s=n(9008),i=n.n(s),a=n(9537),c=n(5803),l=n(3652),d=n(6091);function o(e){let{article:t}=e;return(0,r.jsxs)("article",{className:"md:grid md:grid-cols-4 md:items-baseline",children:[(0,r.jsxs)(a.Z,{className:"md:col-span-3",children:[(0,r.jsx)(a.Z.Title,{href:`/cbz/${t.slug}`,children:t.title}),(0,r.jsx)(a.Z.Eyebrow,{as:"time",dateTime:t.date,className:"md:hidden",decorate:!0,children:(0,l.p)(t.date)}),(0,r.jsx)(a.Z.Description,{children:t.description}),(0,r.jsx)(a.Z.Cta,{children:"Read article"})]}),(0,r.jsx)(a.Z.Eyebrow,{as:"time",dateTime:t.date,className:"mt-1 hidden md:block",children:(0,l.p)(t.date)})]})}var m=!0;function x(e){let{articles:t}=e,n="https://www.zackrw.com";return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(i(),{children:[(0,r.jsx)("title",{children:"Code by Zack"}),(0,r.jsx)("meta",{name:"description",content:"Where I periodically share web development tips and tricks as I learn."}),(0,r.jsx)("meta",{property:"og:url",content:"https://www.zackrw.com/cbz"}),(0,r.jsx)("meta",{property:"og:type",content:"website"}),(0,r.jsx)("meta",{property:"og:title",content:"Code by Zack"}),(0,r.jsx)("meta",{property:"og:description",content:`
2          Where I periodically share web development tips and tricks as I learn.
3        `}),(0,r.jsx)("meta",{property:"og:image",content:`${n||""}${d.Z.src}`}),(0,r.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.jsx)("meta",{property:"twitter:domain",content:"zackrw.com"}),(0,r.jsx)("meta",{property:"twitter:url",content:"https://www.zackrw.com/cbz"}),(0,r.jsx)("meta",{name:"twitter:title",content:"Code by Zack"}),(0,r.jsx)("meta",{name:"twitter:description",content:`
4          Where I periodically share web development tips and tricks as I learn.
5        `}),(0,r.jsx)("meta",{name:"twitter:image",content:`${n||""}${d.Z.src}`})]}),(0,r.jsx)(c.X,{title:"Code by Zack",intro:"I periodically share web development tips and tricks as I learn.",children:(0,r.jsx)("div",{className:"md:border-l md:border-zinc-100 md:pl-6 md:dark:border-zinc-700/40",children:(0,r.jsx)("div",{className:"flex max-w-3xl flex-col space-y-16",children:t.map(e=>(0,r.jsx)(o,{article:e},e.slug))})})})]})}},9008:function(e,t,n){e.exports=n(2636)}},function(e){e.O(0,[774,888,179],function(){return e(e.s=9899)}),_N_E=e.O()}]);