1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{8312:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(6779)}])},1764:function(n,e,t){"use strict";t.d(e,{Z:function(){return m}});var r=t(2729),i=t(5944),o=t(1163);t(7294);let a={0:"rgb(186 230 253)",1:"rgb(254 205 211)",2:"rgb(245 208 254)",3:"rgb(221 214 254)",4:"rgb(191 219 254)",5:"rgb(204 251 241)",6:"rgb(187 247 208)",7:"rgb(254 249 195)",8:"rgb(186 230 253)",9:"rgb(254 202 202)",A:"rgb(231 229 228)",B:"rgb(226 232 240)",C:"rgb(252 231 243)",D:"rgb(233 213 255)",E:"rgb(199 210 254)",F:"rgb(209 250 229)"};var l=t(7366),c=t(8962);function d(){let n=(0,r._)(["\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n border-radius: 9999px;\n width: fit-content;\n font-size: 0.875rem;\n line-height: 1.25rem;\n opacity: 0.9;\n color: ",";\n"]);return d=function(){return n},n}let s=n=>{try{var e;let t=0;n.split("").forEach(n=>t+=n.charCodeAt(0));let r=null===(e=t.toString(16))||void 0===e?void 0:e[t.toString(16).length-1].toUpperCase();return a[r]}catch(n){return a[0]}};var m=n=>{let{readOnly:e=!1,children:t}=n,r=(0,o.useRouter)(),a=n=>{e||r.push("/?category=".concat(n))};return(0,i.tZ)(u,{onClick:()=>a(t),css:{backgroundColor:s(t),cursor:e?"default":"pointer"},children:t})};let u=l.Z.div(d(),c.O9.dark.gray1)},5836:function(n,e,t){"use strict";var r=t(5944),i=t(3964),o=t(9008),a=t.n(o);e.Z=n=>(0,r.BX)(a(),{children:[(0,r.tZ)("title",{children:n.title}),(0,r.tZ)("meta",{name:"robots",content:"follow, index"}),(0,r.tZ)("meta",{charSet:"UTF-8"}),(0,r.tZ)("meta",{name:"description",content:n.description}),(0,r.tZ)("meta",{property:"og:type",content:n.type}),(0,r.tZ)("meta",{property:"og:title",content:n.title}),(0,r.tZ)("meta",{property:"og:description",content:n.description}),(0,r.tZ)("meta",{property:"og:url",content:n.url}),i.CONFIG.lang&&(0,r.tZ)("meta",{property:"og:locale",content:i.CONFIG.lang}),n.image&&(0,r.tZ)("meta",{property:"og:image",content:n.image}),(0,r.tZ)("meta",{name:"twitter:title",content:n.title}),(0,r.tZ)("meta",{name:"twitter:description",content:n.description}),(0,r.tZ)("meta",{name:"twitter:card",content:"summary_large_image"}),n.image&&(0,r.tZ)("meta",{name:"twitter:image",content:n.image}),"Post"===n.type&&(0,r.BX)(r.HY,{children:[(0,r.tZ)("meta",{property:"article:published_time",content:n.date}),(0,r.tZ)("meta",{property:"article:author",content:i.CONFIG.profile.name})]})]})},5986:function(n,e,t){"use strict";var r=t(2729),i=t(5944),o=t(7366),a=t(1163);function l(){let n=(0,r._)(["\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n border-radius: 50px;\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 400;\n color: ",";\n background-color: ",";\n cursor: pointer;\n"]);return l=function(){return n},n}t(7294),e.Z=n=>{let{children:e}=n,t=(0,a.useRouter)(),r=n=>{t.push("/?tag=".concat(n))};return(0,i.tZ)(c,{onClick:()=>r(e),children:e})};let c=o.Z.div(l(),n=>{let{theme:e}=n;return e.colors.gray10},n=>{let{theme:e}=n;return e.colors.gray5})},5802:function(n,e,t){"use strict";function r(n,e){let t=new Date(n),r=t.toLocaleDateString(e,{year:"numeric",month:"short",day:"numeric"});return r}t.d(e,{p:function(){return r}})},6779:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return nZ},default:function(){return nw}});var r=t(5944),i=t(2729),o=t(7294),a=t(7366),l=t(8811);function c(){let n=(0,i._)(["\n margin-bottom: 1rem;\n\n @media (min-width: 768px) {\n margin-bottom: 2rem;\n }\n > .top {\n padding: 0.25rem;\n margin-bottom: 0.75rem;\n }\n > .mid {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n border-radius: 1rem;\n outline-style: none;\n width: 100%;\n background-color: ",";\n }\n"]);return c=function(){return n},n}var d=n=>{let{...e}=n;return(0,r.BX)(s,{children:[(0,r.BX)("div",{className:"top",children:[(0,r.tZ)(l.d,{children:"\uD83D\uDD0E"})," Search"]}),(0,r.tZ)("input",{className:"mid",type:"text",placeholder:"Search Keyword...",...e})]})};let s=a.Z.div(c(),n=>{let{theme:e}=n;return e.colors.gray4});var m=()=>{let n=(0,o.useRef)(null),[e,t]=(0,o.useState)(!1),r=e=>{n.current&&(!function(n){if(!n||!("nodeType"in n))throw Error("Node expected")}(e.target),!1===n.current.contains(e.target)&&t(!1))};return[n,e,()=>{t(!0),window.addEventListener("click",r)}]},u=t(1163),g=t(7165);let p="\uD83D\uDCC2 All";var h=t(7837),f=t(2192),b=()=>{let{data:n}=(0,h.a)({queryKey:f.E.posts(),initialData:[],enabled:!1});if(!n)throw Error("Posts data is not found");return n};function y(n,e){let t=e.filter(e=>null==e?void 0:e[n]),r=[...t.map(e=>e[n]).flat()],i={};return r.forEach(n=>
1{n&&(n in i?i[n]++:i[n]=1)}),i}let v=new Date,Z=new Date(v);Z.setDate(Z.getDate()+1),Z.setHours(0,0,0,0);let w=()=>{let n=b(),e=y("category",n);return{[p]:n.length,...e}};function N(){let n=(0,i._)(["\n position: relative;\n > .wrapper {\n display: flex;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n gap: 0.25rem;\n align-items: center;\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-weight: 700;\n cursor: pointer;\n }\n > .content {\n position: absolute;\n z-index: 40;\n padding: 0.25rem;\n border-radius: 0.75rem;\n background-color: ",";\n color: ",";\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n > .item {\n padding: 0.25rem;\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n border-radius: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n white-space: nowrap;\n cursor: pointer;\n\n :hover {\n background-color: ",";\n }\n }\n }\n"]);return N=function(){return n},n}var x=()=>{let n=(0,u.useRouter)(),e=w(),[t,i,o]=m(),a="".concat(n.query.category||"")||p,l=e=>{n.push({query:{...n.query,category:e}})};return(0,r.BX)(k,{children:[(0,r.BX)("div",{ref:t,className:"wrapper",onClick:o,children:[a," Posts ",(0,r.tZ)(g.Yc6,{})]}),i&&(0,r.tZ)("div",{className:"content",children:Object.keys(e).map((n,t)=>(0,r.tZ)("div",{className:"item",onClick:()=>l(n),children:"".concat(n," (").concat(e[n],")")},t))})]})};let k=a.Z.div(N(),n=>{let{theme:e}=n;return e.colors.gray2},n=>{let{theme:e}=n;return e.colors.gray10},n=>{let{theme:e}=n;return e.colors.gray4});function C(){let n=(0,i._)(["\n display: flex;\n gap: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n a {\n cursor: pointer;\n color: ",';\n\n &[data-active="true"] {\n font-weight: 700;\n\n color: ',";\n }\n }\n"]);return C=function(){return n},n}var O=()=>{let n=(0,u.useRouter)(),e="".concat(n.query.order||"")||"desc",t=e=>{n.push({query:{...n.query,order:e}})};return(0,r.BX)(_,{children:[(0,r.tZ)("a",{"data-active":"desc"===e,onClick:()=>t("desc"),children:"Desc"}),(0,r.tZ)("a",{"data-active":"asc"===e,onClick:()=>t("asc"),children:"Asc"})]})};let _=a.Z.div(C(),n=>{let{theme:e}=n;return e.colors.gray10},n=>{let{theme:e}=n;return e.colors.gray12});function B(){let n=(0,i._)(["\n display: flex;\n margin-bottom: 1rem;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ",";\n"]);return B=function(){return n},n}var X=()=>(0,r.BX)(F,{children:[(0,r.tZ)(x,{}),(0,r.tZ)(O,{})]});let F=a.Z.div(B(),n=>{let{theme:e}=n;return e.colors.gray6});var D=t(3964);function G(){let n=(0,i._)(["\n a {\n margin-top: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: ",";\n }\n"]);return G=function(){return n},n}let I=new Date,z=I.getFullYear(),E=+D.CONFIG.since;var q=n=>{let{className:e}=n;return(0,r.tZ)(j,{className:e,children:(0,r.BX)("a",{href:"https://github.com/".concat(D.CONFIG.profile.github),target:"_blank",rel:"noreferrer",children:["\xa9 ",D.CONFIG.profile.name," ",E!==z&&E?"".concat(E," - ").concat(z):z]})})};let j=a.Z.div(G(),n=>{let{theme:e}=n;return e.colors.gray10}),S=()=>{let n=b(),e=y("tags",n);return e};function P(){let n=(0,i._)(["\n .top {\n display: none;\n padding: 0.25rem;\n margin-bottom: 0.75rem;\n\n @media (min-width: 1024px) {\n display: block;\n }\n }\n\n .list {\n display: flex;\n margin-bottom: 1.5rem;\n gap: 0.25rem;\n overflow: scroll;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n ::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n @media (min-width: 1024px) {\n display: block;\n }\n\n a {\n display: block;\n padding: 0.25rem;\n padding-left: 1rem;\n padding-right: 1rem;\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n border-radius: 0.75rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: ",";\n flex-shrink: 0;\n cursor: pointer;\n\n :hover {\n background-color: ",';\n }\n &[data-active="true"] {\n color: ',";\n background-color: ",";\n\n :hover {\n background-color: ",";\n }\n }\n }\n }\n"]);return P=function(){return n},n}var R=()=>{let n=(0,u.useRouter)(),e=n.query.tag||void 0,t=S(),i=t=>{e===t?n.push({query:{...n.query,tag:void 0}}):n.push({query:{...n.query,tag:t}})};return(0,r.BX)(Y,{children:[(0,r.BX)("div",{className:"top",children:[(0,r.tZ)(l.d,{children:"\uD83C\uDFF7ï¸"})," Tags"]}),(0,r.tZ)("div",{className:"list",children:Object.keys(t).map(n=>(0,r.tZ)("a",{"data-active":n===e,onClick:()=>i(n),children:n},n))})]})};let Y=a.Z.div(P(),n=>{let{theme:e}=n;return e.colors.gray10},n=>{let{theme:e}=n;return e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray12},n=>{let{theme:e}=n;return e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray4});var A=t(5675),H=t.n(A);function T(){let n=(0,i._)(["\n display: block;\n\n @media (min-width: 1024px) {\n display: none;\n }\n\n > .top {\n padding: 0.25rem;\n margin-bottom: 0.75rem;\n }\n > .mid {\n padding: 0.5rem;\n margin-bottom: 1rem;\n border-radius: 1rem;\n background-color: ",";\n > .wrapper {\n display: flex;\n gap: 0.5rem;\n align-items: center;\n > .wrapper {\n height: fit-content;\n > .top {\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-style: italic;\n font-weight: 700;\n }\n > .mid {\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: ",";\n }\n > .btm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n }\n"]);return T=function(){return n},n}var L=()=>(0,r.BX)(K,{children:[(0,r.tZ)("div",{className:"top",children:"\uD83D\uDCBB Profile"}),(0,r.tZ)("div",{className:"mid",children:(0,r.BX)("div",{className:"wrapper",children:[(0,r.tZ)(H(),{src:D.CONFIG.profile.image,width:90,height:90,css:{position:"relative"},alt:"profile_image"}),(0,r.BX)("div",{className:"wrapper",children:[(0,r.tZ)("div",{className:"top",children:D.CONFIG.profile.name}),(0,r.tZ)("div",{className:"mid",children:D.CONFIG.profile.role}),(0,r.tZ)("div",{className:"btm",children:D.CONFIG.profile.bio})]})]})})]});let K=a.Z.div(T(),n=>{let{theme:e}=n;return"light"===e.scheme?"white":e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray11});function U(){let n=(0,i._)(["\n > .title {\n padding: 0.25rem;\n margin-bottom: 0.75rem;\n }\n > .content {\n margin-bottom: 2.25rem;\n border-radius: 1rem;\n width: 100%;\n background-color: ",';\n @media (min-width: 768px) {\n padding: 1rem;\n }\n @media (min-width: 1024px) {\n padding: 1rem;\n }\n .top {\n position: relative;\n width: 100%;\n &:after {\n content: "";\n display: block;\n padding-bottom: 100%;\n }\n }\n .mid {\n display: flex;\n padding: 0.5rem;\n flex-direction: column;\n align-items: center;\n .name {\n font-size: 1.25rem;\n line-height: 1.75rem;\n font-style: italic;\n font-weight: 700;\n }\n .role {\n margin-bottom: 1rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: ',";\n }\n .bio {\n margin-bottom: 0.5rem;\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n }\n"]);return U=function(){return n},n}var J=()=>(0,r.BX)(W,{children:[(0,r.BX)("div",{className:"title",children:[(0,r.tZ)(l.d,{children:"\uD83D\uDCBB"})," Profile"]}),(0,r.BX)("div",{className:"content",children:[(0,r.tZ)("div",{className:"top",children:(0,r.tZ)(H(),{src:D.CONFIG.profile.image,fill:!0,alt:""})}),(0,r.BX)("div",{className:"mid",children:[(0,r.tZ)("div",{className:" name",children:D.CONFIG.profile.name}),(0,r.tZ)("div",{className:"role",children:D.CONFIG.profile.role}),(0,r.tZ)("div",{className:"text-sm mb-2",children:D.CONFIG.profile.bio})]})]})]});let W=a.Z.div(U(),n=>{let{theme:e}=n;return"light"===e.scheme?"white":e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray11});var M=t(8193);function Q(){let n=(0,i._)(["\n padding: 0.25rem;\n margin-bottom: 0.75rem;\n"]);return Q=function(){return n},n}function V(){let n=(0,i._)(["\n display: flex;\n padding: 0.25rem;\n margin-bottom: 2.25rem;\n flex-direction: column;\n border-radius: 1rem;\n background-color: ",";\n > a {\n display: flex;\n padding: 0.75rem;\n gap: 0.75rem;
1\n align-items: center;\n border-radius: 1rem;\n color: ",";\n cursor: pointer;\n\n :hover {\n color: ",";\n background-color: ",";\n }\n .icon {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n .name {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n"]);return V=function(){return n},n}var $=()=>D.CONFIG.projects?(0,r.BX)(r.HY,{children:[(0,r.BX)(nn,{children:[(0,r.tZ)(l.d,{children:"\uD83C\uDF1F"})," Service"]}),(0,r.tZ)(ne,{children:D.CONFIG.projects.map((n,e)=>(0,r.BX)("a",{href:"".concat(n.href),rel:"noreferrer",target:"_blank",children:[(0,r.tZ)(M.mq_,{className:"icon"}),(0,r.tZ)("div",{className:"name",children:n.name})]},e))})]}):null;let nn=a.Z.div(Q()),ne=a.Z.div(V(),n=>{let{theme:e}=n;return"light"===e.scheme?"white":e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray11},n=>{let{theme:e}=n;return e.colors.gray12},n=>{let{theme:e}=n;return e.colors.gray5});function nt(){let n=(0,i._)(["\n padding: 0.25rem;\n margin-bottom: 0.75rem;\n"]);return nt=function(){return n},n}function nr(){let n=(0,i._)(["\n display: flex;\n padding: 0.25rem;\n flex-direction: column;\n border-radius: 1rem;\n background-color: ",";\n a {\n display: flex;\n padding: 0.75rem;\n gap: 0.75rem;\n align-items: center;\n border-radius: 1rem;\n color: ",";\n cursor: pointer;\n\n :hover {\n color: ",";\n background-color: ",";\n }\n .icon {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n .name {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n }\n"]);return nr=function(){return n},n}var ni=()=>(0,r.BX)(r.HY,{children:[(0,r.BX)(no,{children:[(0,r.tZ)(l.d,{children:"\uD83D\uDCAC"})," Contact"]}),(0,r.BX)(na,{children:[D.CONFIG.profile.github&&(0,r.BX)("a",{href:"https://github.com/".concat(D.CONFIG.profile.github),rel:"noreferrer",target:"_blank",children:[(0,r.tZ)(M.idJ,{className:"icon"}),(0,r.tZ)("div",{className:"name",children:"github"})]}),D.CONFIG.profile.instagram&&(0,r.BX)("a",{href:"https://www.instagram.com/".concat(D.CONFIG.profile.instagram),rel:"noreferrer",target:"_blank",children:[(0,r.tZ)(M.Bpw,{className:"icon"}),(0,r.tZ)("div",{className:"name",children:"instagram"})]}),D.CONFIG.profile.email&&(0,r.BX)("a",{href:"mailto:".concat(D.CONFIG.profile.email),rel:"noreferrer",target:"_blank",css:{overflow:"hidden"},children:[(0,r.tZ)(M.Dme,{className:"icon"}),(0,r.tZ)("div",{className:"name",children:"email"})]}),D.CONFIG.profile.linkedin&&(0,r.BX)("a",{href:"https://www.linkedin.com/in/".concat(D.CONFIG.profile.linkedin),rel:"noreferrer",target:"_blank",children:[(0,r.tZ)(M._iD,{className:"icon"}),(0,r.tZ)("div",{className:"name",children:"linkedin"})]})]})]});let no=a.Z.div(nt()),na=a.Z.div(nr(),n=>{let{theme:e}=n;return"light"===e.scheme?"white":e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray11},n=>{let{theme:e}=n;return e.colors.gray12},n=>{let{theme:e}=n;return e.colors.gray5});var nl=t(1664),nc=t.n(nl),nd=t(5802),ns=t(5986),nm=t(1764);function nu(){let n=(0,i._)(["\n article {\n overflow: hidden;\n position: relative;\n margin-bottom: 1.5rem;\n border-radius: 1rem;\n background-color: ",";\n transition-property: box-shadow;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 300ms;\n\n @media (min-width: 768px) {\n margin-bottom: 2rem;\n }\n\n :hover {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n > .category {\n position: absolute;\n top: 1rem;\n left: 1rem;\n z-index: 10;\n }\n\n > .thumbnail {\n position: relative;\n width: 100%;\n background-color: ",';\n padding-bottom: 66%;\n\n @media (min-width: 1024px) {\n padding-bottom: 50%;\n }\n }\n > .content {\n padding: 1rem;\n\n &[data-thumb="false"] {\n padding-top: 3.5rem;\n }\n &[data-category="false"] {\n padding-top: 1.5rem;\n }\n > .top {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n @media (min-width: 768px) {\n flex-direction: row;\n align-items: baseline;\n }\n h2 {\n margin-bottom: 0.5rem;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 500;\n\n cursor: pointer;\n\n @media (min-width: 768px) {\n font-size: 1.25rem;\n line-height: 1.75rem;\n }\n }\n }\n > .date {\n display: flex;\n margin-bottom: 1rem;\n gap: 0.5rem;\n align-items: center;\n .content {\n font-size: 0.875rem;\n line-height: 1.25rem;\n color: ',";\n @media (min-width: 768px) {\n margin-left: 0;\n }\n }\n }\n > .summary {\n margin-bottom: 1rem;\n p {\n display: none;\n line-height: 2rem;\n color: ",";\n\n @media (min-width: 768px) {\n display: block;\n }\n }\n }\n > .tags {\n display: flex;\n gap: 0.5rem;\n }\n }\n }\n"]);return nu=function(){return n},n}var ng=n=>{var e,t;let{data:i}=n,o=i.category&&(null===(e=i.category)||void 0===e?void 0:e[0])||void 0;return(0,r.tZ)(np,{href:"/".concat(i.slug),children:(0,r.BX)("article",{children:[o&&(0,r.tZ)("div",{className:"category",children:(0,r.tZ)(nm.Z,{children:o})}),i.thumbnail&&(0,r.tZ)("div",{className:"thumbnail",children:(0,r.tZ)(H(),{src:i.thumbnail,fill:!0,alt:i.title,css:{objectFit:"cover"}})}),(0,r.BX)("div",{"data-thumb":!!i.thumbnail,"data-category":!!o,className:"content",children:[(0,r.tZ)("header",{className:"top",children:(0,r.tZ)("h2",{children:i.title})}),(0,r.tZ)("div",{className:"date",children:(0,r.tZ)("div",{className:"content",children:(0,nd.p)((null==i?void 0:null===(t=i.date)||void 0===t?void 0:t.start_date)||i.createdTime,D.CONFIG.lang)})}),(0,r.tZ)("div",{className:"summary",children:(0,r.tZ)("p",{children:i.summary})}),(0,r.tZ)("div",{className:"tags",children:i.tags&&i.tags.map((n,e)=>(0,r.tZ)(ns.Z,{children:n},e))})]})]})})};let np=(0,a.Z)(nc())(nu(),n=>{let{theme:e}=n;return"light"===e.scheme?"white":e.colors.gray4},n=>{let{theme:e}=n;return e.colors.gray2},n=>{let{theme:e}=n;return e.colors.gray10},n=>{let{theme:e}=n;return e.colors.gray11});var nh=n=>{let{q:e}=n,t=(0,u.useRouter)(),i=b(),[a,l]=(0,o.useState)(i),c="".concat(t.query.tag||"")||void 0,d="".concat(t.query.category||"")||p,s="".concat(t.query.order||"")||"desc";return(0,o.useEffect)(()=>
1{l(()=>{let n=i;return n=n.filter(n=>{let t=n.tags?n.tags.join(" "):"",r=n.title+n.summary+t;return r.toLowerCase().includes(e.toLowerCase())}),c&&(n=n.filter(n=>n&&n.tags&&n.tags.includes(c))),d!==p&&(n=n.filter(n=>n&&n.category&&n.category.includes(d))),"desc"!==s&&(n=n.reverse()),n})},[e,c,d,s,l]),(0,r.tZ)(r.HY,{children:(0,r.BX)("div",{className:"my-2",children:[!a.length&&(0,r.tZ)("p",{className:"text-gray-500 dark:text-gray-300",children:"Nothing! \uD83D\uDE3A"}),a.map(n=>(0,r.tZ)(ng,{data:n},n.id))]})})};function nf(){let n=(0,i._)(["\n grid-template-columns: repeat(12, minmax(0, 1fr));\n\n padding: 2rem 0;\n display: grid;\n gap: 1.5rem;\n\n @media (max-width: 768px) {\n display: block;\n padding: 0.5rem 0;\n }\n\n > .lt {\n display: none;\n overflow: scroll;\n position: sticky;\n grid-column: span 2 / span 2;\n top: ","px;\n\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n @media (min-width: 1024px) {\n display: block;\n }\n }\n\n > .mid {\n grid-column: span 12 / span 12;\n\n @media (min-width: 1024px) {\n grid-column: span 7 / span 7;\n }\n\n > .tags {\n display: block;\n\n @media (min-width: 1024px) {\n display: none;\n }\n }\n\n > .footer {\n padding-bottom: 2rem;\n @media (min-width: 1024px) {\n display: none;\n }\n }\n }\n\n > .rt {\n scrollbar-width: none;\n -ms-overflow-style: none;\n &::-webkit-scrollbar {\n display: none;\n }\n\n display: none;\n overflow: scroll;\n position: sticky;\n top: ","px;\n\n @media (min-width: 1024px) {\n display: block;\n grid-column: span 3 / span 3;\n }\n\n .footer {\n padding-top: 1rem;\n }\n }\n"]);return nf=function(){return n},n}var nb=()=>{let[n,e]=(0,o.useState)("");return(0,r.BX)(ny,{children:[(0,r.tZ)("div",{className:"lt",css:{height:"calc(100vh - ".concat(73,"px)")},children:(0,r.tZ)(R,{})}),(0,r.BX)("div",{className:"mid",children:[(0,r.tZ)(L,{}),(0,r.tZ)(d,{value:n,onChange:n=>e(n.target.value)}),(0,r.tZ)("div",{className:"tags",children:(0,r.tZ)(R,{})}),(0,r.tZ)(X,{}),(0,r.tZ)(nh,{q:n}),(0,r.tZ)("div",{className:"footer",children:(0,r.tZ)(q,{})})]}),(0,r.BX)("div",{className:"rt",css:{height:"calc(100vh - ".concat(73,"px)")},children:[(0,r.tZ)(J,{}),(0,r.tZ)($,{}),(0,r.tZ)(ni,{}),(0,r.tZ)("div",{className:"footer",children:(0,r.tZ)(q,{})})]})]})};let ny=a.Z.div(nf(),63,63);var nv=t(5836),nZ=!0,nw=()=>{let n={title:D.CONFIG.blog.title,description:D.CONFIG.blog.description,type:"website",url:D.CONFIG.link};return(0,r.BX)(r.HY,{children:[(0,r.tZ)(nv.Z,{...n}),(0,r.tZ)(nb,{})]})}},8357:function(n,e,t){"use strict";t.d(e,{w_:function(){return c}});var r=t(7294),i={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},o=r.createContext&&r.createContext(i),a=function(){return(a=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}).apply(this,arguments)},l=function(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&0>e.indexOf(r)&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,r=Object.getOwnPropertySymbols(n);i<r.length;i++)0>e.indexOf(r[i])&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]]);return t};function c(n){return function(e){return r.createElement(d,a({attr:a({},n.attr)},e),function n(e){return e&&e.map(function(e,t){return r.createElement(e.tag,a({key:t},e.attr),n(e.child))})}(n.child))}}function d(n){var e=function(e){var t,i=n.attr,o=n.size,c=n.title,d=l(n,["attr","size","title"]),s=o||e.size||"1em";return e.className&&(t=e.className),n.className&&(t=(t?t+" ":"")+n.className),r.createElement("svg",a({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},e.attr,i,d,{className:t,style:a(a({color:n.color||e.color},e.style),n.style),height:s,width:s,xmlns:"http://www.w3.org/2000/svg"}),c&&r.createElement("title",null,c),n.children)};return void 0!==o?r.createElement(o.Consumer,null,function(n){return e(n)}):e(i)}}},function(n){n.O(0,[228,617,959,774,888,179],function(){return n(n.s=8312)}
1),_N_E=n.O()}]);
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.