1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{67801:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return t(98578)}])},86417:function(n,e,t){"use strict";var r=t(82729),l=t(85893),i=t(19521),o=t(3649),a=t(83782),s=t(67294);function _templateObject(){let n=(0,r._)(['\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .input-pixel-border {\n padding: 12px 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n\n background-color: #f8fafc;\n\n input {\n outline: none;\n border: none;\n background: none;\n padding: 0px;\n margin: 0px;\n box-shadow: none;\n flex: 1;\n\n color: #020617;\n font-family: "Mulish", sans-serif;\n\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n ::placeholder {\n color: #64748b;\n }\n }\n }\n\n .error {\n font-family: "Mulish", sans-serif;\n margin: 0px;\n display: flex;\n align-items: center;\n gap: 8px;\n font-size: 14px;\n }\n']);return _templateObject=function(){return n},n}let c=i.default.div.withConfig({componentId:"sc-92f50055-0"})(_templateObject());e.Z=function(n){let{borderColor:e="94A3B8",placeholder:t="Placeholder text",type:r="text",register:i=null,error:p=null,icon:d=null,iconAction:u=()=>{}}
1=n,[g,x]=(0,s.useState)(!1),f={critical:{borderColor:"F43F5E",textColor:"#9F1239",icon:(0,l.jsx)(a.Z,{})}},m=p&&f[null==p?void 0:p.type],h=m?m.borderColor:g?"14ADFF":e;return(0,l.jsxs)(c,{children:[(0,l.jsxs)(o.Z,{borderColor:h,className:"input-pixel-border",children:[(0,l.jsx)("input",{placeholder:t,type:r,...i,onFocus:function(){return x(!0)},onBlur:function(){return x(!1)}}),d&&(0,l.jsx)("span",{onClick:()=>u(),className:"nes-pointer",children:d})]}),p&&(0,l.jsxs)("p",{className:"error",style:{color:m.textColor},children:[m.icon,p.message]})]})}},66559:function(n,e,t){"use strict";var r=t(82729),l=t(85893),i=t(19521),o=t(78400),a=t(92152),s=t(41664),c=t.n(s),p=t(11163);function _templateObject(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n gap: 24px;\n min-width: 0;\n\n .blog-image {\n /* height: 207px; */\n width: auto;\n border-radius: 8px;\n object-fit: cover;\n aspect-ratio: 16 / 9;\n }\n\n .meta-info {\n display: flex;\n flex-direction: column;\n gap: 12px;\n\n .inner-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n label {\n color: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n a {\n text-decoration: none;\n color: ",";\n\n :hover {\n text-decoration: underline;\n }\n }\n }\n\n h2 {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n :hover {\n text-decoration: underline;\n }\n }\n }\n\n .tags-wrapper {\n display: flex;\n align-items: center;\n gap: 8px;\n\n p {\n padding: 5px 12px;\n border-radius: 100px;\n background-color: ",";\n color: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let d=i.default.div.withConfig({componentId:"sc-3af9ac7-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.text.secondary});e.Z=function(n){let{blog:e,setFilter:t=()=>{},redirectToBlogPage:r=!1}=n,i=(0,p.useRouter)();return(0,l.jsxs)(d,{children:[(0,l.jsx)(c(),{href:"/blog/".concat(null==e?void 0:e.link),children:(0,l.jsx)(a.Z,{src:null==e?void 0:e.seoImageLink,alt:"blog image",className:"blog-image"})}),(0,l.jsxs)("div",{className:"meta-info",children:[(0,l.jsxs)("div",{className:"inner-wrapper",children:[(0,l.jsxs)("label",{children:[(0,o.p)(null==e?void 0:e.dateCreated)," â¢"," ",(0,l.jsx)(c(),{href:"/@".concat(null==e?void 0:e.authorUsername),children:null==e?void 0:e.author})]}),(0,l.jsx)(c(),{href:"/blog/".concat(null==e?void 0:e.link),children:(0,l.jsx)("h2",{children:null==e?void 0:e.title})})]}),(0,l.jsx)("div",{className:"tags-wrapper",children:null==e?void 0:e.tags.map(n=>(0,l.jsx)("p",{onClick:()=>{r?i.push("/blog?filter=".concat(n)):t(n)},className:"nes-pointer",children:n},n))})]})]})}},78400:function(n,e,t){"use strict";t.d(e,{p:function(){return formatDate}});var r=t(82729),l=t(85893),i=t(19521),o=t(92152),a=t(73857),s=t(41664),c=t.n(s),p=t(46331);function _templateObject(){let n=(0,r._)(["\n display: flex;\n align-items: start;\n\n "," {\n flex-direction: column;\n gap: 24px;\n }\n\n "," {\n gap: 40px;\n flex-direction: row;\n }\n\n .feature-blog-image {\n flex-shrink: 0;\n object-fit: cover;\n border-radius: 8px;\n\n "," {\n width: 100%;\n height: auto;\n }\n\n "," {\n width: 666px;\n height: 375px;\n }\n }\n\n .feautred-info {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n .title-wrapper {\n display: flex;\n flex-direction: column;\n gap: 16px;\n label {\n color: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n\n a {\n text-decoration: none;\n color: ",";\n\n :hover {\n text-decoration: underline;\n }\n }\n }\n\n h2 {\n color: ",';
1\n font-family: "PixelGridM";\n font-size: 32px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n\n :hover {\n text-decoration: underline;\n }\n }\n }\n\n .description {\n color: ',";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n a {\n text-decoration: none;\n }\n\n button {\n .arrow-icon {\n transform: rotate(180deg);\n path {\n fill: ",";\n }\n }\n }\n\n .tags-wrapper {\n display: flex;\n align-items: center;\n gap: 8px;\n\n p {\n padding: 5px 12px;\n border-radius: 100px;\n background-color: ",";\n color: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let d=i.default.div.withConfig({componentId:"sc-b1320a3c-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.text.secondary});function formatDate(n){let e=new Date(n),t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][e.getMonth()],r=e.getDate(),l=e.getFullYear();return"".concat(t," ").concat(r,", ").concat(l)}e.Z=function(n){let{blog:e,setFilter:t}=n;return(0,l.jsxs)(d,{children:[(0,l.jsx)(c(),{href:"/blog/".concat(null==e?void 0:e.link),children:(0,l.jsx)(o.Z,{src:null==e?void 0:e.seoImageLink,alt:"blog image",className:"feature-blog-image"})}),(0,l.jsxs)("div",{className:"feautred-info",children:[(0,l.jsxs)("div",{className:"title-wrapper",children:[(0,l.jsxs)("label",{children:[formatDate(null==e?void 0:e.dateCreated)," â¢"," ",(0,l.jsx)(c(),{href:"/@".concat(null==e?void 0:e.authorUsername),children:null==e?void 0:e.author})]}),(0,l.jsx)(c(),{href:"/blog/".concat(null==e?void 0:e.link),children:(0,l.jsx)("h2",{children:null==e?void 0:e.title})})]}),(0,l.jsx)("p",{className:"description",children:e.description}),(0,l.jsx)(c(),{href:"/blog/".concat(null==e?void 0:e.link),children:(0,l.jsxs)(a.Z,{variant:"subtle",size:"small",children:["Read more ",(0,l.jsx)(p.Z,{className:"arrow-icon"})]})}),(0,l.jsx)("div",{className:"tags-wrapper",children:null==e?void 0:e.tags.map(n=>(0,l.jsx)("p",{onClick:()=>t(n),className:"nes-pointer",children:n},n))})]})]})}},39579:function(n,e,t){"use strict";t.d(e,{Z:function(){return projects_TagsAndSearch}});var r=t(82729),l=t(85893),i=t(19521),o=t(3649),a=t(49691),s=t(67294),c=t(33846);function _templateObject(){let n=(0,r._)(["\n padding: 5px 16px;\n display: flex;\n align-items: center;\n gap: 12px;\n\n input {\n flex: 1;\n font-size: 16px;\n background-color: transparent;\n outline: none;\n border: none;\n min-width: 0;\n font-weight: 500;\n line-height: 150%;\n color: ",";\n caret-color: ",";\n\n ::placeholder {\n color: ",";\n }\n }\n\n .clear-button {\n background: none;\n color: inherit;\n border: none;\n padding: 0;\n margin: 0px;\n font: inherit;\n cursor: pointer;\n outline: inherit;\n\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n padding: 8px;\n border-radius: 4px;\n\n :hover {\n background-color: ",";\n }\n }\n"]);
1return _templateObject=function(){return n},n}let p=(0,i.default)(o.Z).withConfig({componentId:"sc-d28447c3-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary});var atoms_SearchBar=function(n){let{search:e,setSearch:t,clearAction:r}=n,i=(0,s.useRef)(null),o=(0,s.useRef)(null),[d,u]=(0,s.useState)(!1);return(0,c.Z)(i,()=>u(!1)),(0,l.jsx)("div",{ref:i,onClick:()=>u(!0),children:(0,l.jsxs)(p,{borderColor:d?"14ADFF":null,children:[(0,l.jsx)(a.Z,{}),(0,l.jsx)("input",{ref:o,placeholder:"Search...",value:e,onChange:n=>t(n.target.value)}),(0,l.jsx)("button",{className:"clear-button nes-pointer",style:{opacity:e?"1":"0",cursor:!e&&"text"},onClick:()=>(function(){if(!e){var n;null===(n=o.current)||void 0===n||n.focus();return}r()})(),children:"Clear"})]})})},d=t(79044),u=t(73857);function ProjectTags_templateObject(){let n=(0,r._)(["\n flex: 1;\n min-width: 0;\n /* overflow: hidden; */\n position: relative;\n display: flex;\n align-items: center;\n\n .inner-wrapper {\n flex: 1;\n display: flex;\n gap: 8px;\n overflow: auto;\n\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .tags-nav-btn-wrapper {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 200px;\n display: flex;\n pointer-events: none;\n\n "," {\n width: 80px;\n }\n\n "," {\n width: 200px;\n }\n\n &.left {\n left: 0px !important;\n justify-content: start;\n background: ",";\n }\n\n &.right {\n right: 0px !important;\n justify-content: end;\n\n background: ",";\n }\n\n button {\n width: 44px;\n pointer-events: auto;\n\n svg {\n line-height: 1;\n\n path {\n fill: ",";\n }\n }\n }\n }\n"]);return ProjectTags_templateObject=function(){return n},n}let g=i.default.div.withConfig({componentId:"sc-6e63bbf0-0"})(ProjectTags_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>"light"===n.theme.mode?"linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)":"linear-gradient(90deg, #020617 0%, rgba(2, 6, 23, 0) 100%)",n=>"light"===n.theme.mode?"linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)":"linear-gradient(270deg, #020617 0%, rgba(2, 6, 23, 0) 100%)",n=>{let{theme:e}=n;return e.colors.text.primary});var projects_ProjectTags=function(n){let{filter:e,setFilter:t,clearSearch:r,tags:i}=n,o=(0,s.useRef)(null),[a,c]=(0,s.useState)(!1),[p,x]=(0,s.useState)(!1);function checkScrollPosition(){if(o.current){let{scrollLeft:n,scrollWidth:e,clientWidth:t}=o.current;c(n>0),x(n<e-t-1)}}function renderNavBtn(n){return(0,l.jsx)("div",{className:"tags-nav-btn-wrapper ".concat(n),children:(0,l.jsx)(u.Z,{variant:"subtle",onClick:()=>{o.current&&o.current.scrollBy({left:"right"===n?250:-250,behavior:"smooth"})},size:"small",children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"14",viewBox:"0 0 8 14",fill:"none",style:{transform:"left"===n?"rotate(180deg)":"none"},children:(0,l.jsx)("path",{d:"M8 8L8 6L6 6L6 8L8 8ZM6 6L6 4L4 4L4 6L6 6ZM6 10L6 8L4 8L4 10L6 10ZM4 4L4 2L2 2L2 4L4 4ZM4 12L4 10L2 10L2 12L4 12ZM2 2L2 -8.7421e-08L0 0L8.74228e-08 2L2 2ZM2 14L2 12L5.24538e-07 12L6.11959e-07 14L2 14Z",fill:"#020617"})})})})}return(0,s.useEffect)(()=>{checkScrollPosition();let n=o.current;if(n)return n.addEventListener("scroll",checkScrollPosition),window.addEventListener("resize",checkScrollPosition),()=>{n.removeEventListener("scroll",checkScrollPosition),window.removeEventListener("resize",checkScrollPosition)}},[i]),(0,l.jsxs)(g,{children:[a&&renderNavBtn("left"),(0,l.jsxs)("div",{className:"inner-wrapper",ref:o,children:[(0,l.jsx)(d.Z,{tag:"All",isSelected:"All"===e,displayName:"All",onToggle:t,sideAction:r},"all"),i.map(n=>(0,l.jsx)(d.Z,{tag:n,isSelected:n==e,displayName:n,onToggle:t,sideAction:r},n))]}),p&&renderNavBtn("right")]})},x=t(16244);
1function TagsAndSearch_templateObject(){let n=(0,r._)(['\n display: flex;\n font-family: "Mulish", sans-serif;\n\n '," {\n gap: 24px;\n }\n\n "," {\n gap: 16px;\n }\n\n "," {\n flex-direction: column;\n }\n\n "," {\n flex-direction: row;\n }\n\n .search-wrapper {\n transition-duration: 0.2s;\n\n "," {\n width: 100%;\n }\n\n "," {\n width: 202px;\n }\n }\n\n .expand-search {\n width: 410px;\n transition-duration: 0.2s;\n }\n\n .line {\n background-color: ",";\n\n "," {\n width: 100%;\n height: 2px;\n }\n\n "," {\n width: 2px;\n height: auto;\n }\n }\n"]);return TagsAndSearch_templateObject=function(){return n},n}let f=i.default.div.withConfig({componentId:"sc-3a5f642c-0"})(TagsAndSearch_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var projects_TagsAndSearch=function(n){let{filter:e,setFilter:t,setSearchResults:r,searchFunction:i,tags:o,clearDefaultTag:a="All"}=n,p=(0,s.useRef)(null),[d,u]=(0,s.useState)(!1),[g,m]=(0,s.useState)(""),h=(0,s.useCallback)(()=>{t(a),r(null),m("")},[t,r,a]),b=(0,s.useCallback)(()=>{r(null),m("")},[r]),j=(0,s.useCallback)(async()=>{g&&i({searchQuery:g})},[g,i]);return(0,x.Z)(j,700),(0,c.Z)(p,()=>u(!1)),(0,l.jsxs)(f,{className:"search-tags-wrapper",children:[(0,l.jsx)("div",{className:"search-wrapper ".concat(d&&"expand-search"),onClick:()=>u(!0),ref:p,children:(0,l.jsx)(atoms_SearchBar,{search:g,setSearch:m,clearAction:()=>h()})}),(0,l.jsx)("div",{className:"line"}),(0,l.jsx)(projects_ProjectTags,{filter:e,setFilter:t,clearSearch:b,tags:o})]})}},98578:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return F},default:function(){return blog}});var r=t(82729),l=t(85893),i=t(19521),o=t(99428);function _templateObject(){let n=(0,r._)(["\n padding: 59px 24px;\n width: 100%;\n\n display: flex;\n justify-content: center;\n align-content: center;\n\n img {\n width: 481px;\n height: 81px;\n aspect-ratio: 481/81;\n }\n\n h1 {\n margin: 0;\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n button {\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n }\n"]);return _templateObject=function(){return n},n}let a=i.default.div.withConfig({componentId:"sc-dcde233b-0"})(_templateObject());var blog_BlogHeader=function(n){let{setFilter:e}=n;return(0,l.jsxs)(a,{children:[(0,l.jsx)("h1",{children:"Cod\xe9dex Blog"}),(0,l.jsx)("img",{className:"nes-pointer",src:"images/blog/blog-title.png",alt:"Cod\xe9dex Blog",onClick:()=>e("All")})]})},s=t(62626),c=t(67294),p=t(39579),d=t(9473),u=t(99691),g=t(78400),x=t(66559);function LatestBlogs_templateObject(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n gap: 32px;\n\n .section-label {\n color: ",';\n font-family: "PixelGridS";\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n .blogs-list-wrapper {\n display: grid;\n gap: 32px 24px;\n\n '," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr 1fr;\n }\n }\n"]);return LatestBlogs_templateObject=function(){return n},n}let f=i.default.div.withConfig({componentId:"sc-a825ede5-0"})(LatestBlogs_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var blog_LatestBlogs=function(n){let{blogs:e,setFilter:t}=n;return(0,l.jsxs)(f,{children:[(0,l.jsx)("label",{className:"section-label",children:"Latest blog posts"}),(0,l.jsx)("div",{className:"blogs-list-wrapper",children:e.map(n=>(0,l.jsx)(x.Z,{blog:n,setFilter:t},n.link))})]})},m=t(92152),h=t(86417),b=t(73857),j=t(87536);
1function BlogEmailSignup_templateObject(){let n=(0,r._)(["\n padding: 32px 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 32px;\n\n background: linear-gradient(0deg, rgba(2, 6, 23, 0.6) 0%, rgba(2, 6, 23, 0.6) 100%);\n\n "," {\n padding: 32px 16px;\n flex-direction: column;\n }\n\n "," {\n padding: 32px 24px;\n flex-direction: row;\n }\n\n img {\n aspect-ratio: 60/53;\n\n "," {\n width: 200px;\n height: 176px;\n }\n\n ",' {\n width: 300px;\n height: 265px;\n }\n }\n\n .input-wrapper {\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n max-width: 600px;\n\n h3 {\n color: #fff;\n font-family: "PixelGridM";\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n p {\n color: #e2e8f0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n .input-action {\n display: flex;\n align-items: center;\n gap: 8px;\n\n .input-pixel-border {\n '," {\n width: auto;\n }\n\n "," {\n width: 300px;\n }\n }\n }\n }\n"]);return BlogEmailSignup_templateObject=function(){return n},n}let w=i.default.div.withConfig({componentId:"sc-8a8daf-0"})(BlogEmailSignup_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var blog_BlogEmailSignup=function(){let{register:n,handleSubmit:e,formState:{errors:t}}=(0,j.cI)();return(0,l.jsxs)(w,{children:[(0,l.jsx)(m.Z,{src:"/images/character_gifs/letter.gif",alt:"email image"}),(0,l.jsxs)("div",{className:"input-wrapper",children:[(0,l.jsx)("h3",{className:"",children:"Stay in the loop~"}),(0,l.jsx)("p",{children:"Join our newsletter for the latest in updates to our company, community events and stories, and more."}),(0,l.jsxs)("div",{className:"input-action",children:[(0,l.jsx)(h.Z,{placeholder:"[email protected]",register:{...n("email",{required:!0})}}),(0,l.jsx)(b.Z,{variant:"green",onClick:e(n=>{window.open("https://codedex.us13.list-manage.com/subscribe/post?u=b639c3d3c4e19a3fb3a9d94fe&id=6f897e29ff&MERGE0=".concat(n.email),"_blank","noopener,noreferrer")}),children:"Subscribe"})]})]})]})};function RemainingBlogs_templateObject(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n margin-bottom: -24px !important;\n\n .blogs-list-wrapper {\n display: grid;\n gap: 32px 24px;\n\n "," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr 1fr;\n }\n }\n"]);return RemainingBlogs_templateObject=function(){return n},n}let y=i.default.div.withConfig({componentId:"sc-b2dd2c2f-0"})(RemainingBlogs_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var blog_RemainingBlogs=function(n){let{blogs:e,setFilter:t}=n,[r,i]=(0,c.useState)(12),o=e.slice(0,r),a=r<e.length;return(0,l.jsxs)(y,{children:[(0,l.jsx)("div",{className:"blogs-list-wrapper",children:o.map(n=>(0,l.jsx)(x.Z,{blog:n,setFilter:t},n.link))}),a&&(0,l.jsx)(b.Z,{onClick:function(){i(n=>n+12)},children:"Load more"})]})},v=t(85673),k=t(41664),_=t.n(k),N=t(609);function BlogSocials_templateObject(){let n=(0,r._)(["\n padding: 32px 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 32px;\n background: linear-gradient(0deg, rgba(2, 6, 23, 0.6) 0%, rgba(2, 6, 23, 0.6) 100%);\n\n "," {\n flex-direction: column;\n }\n\n ",' {\n flex-direction: row;\n }\n\n .copy-wrapper {\n display: flex;\n flex-direction: column;\n gap: 32px;\n flex: 1;\n max-width: 500px;\n\n h3 {\n color: #fff;
1\n font-family: "PixelGridM";\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n p {\n color: #e2e8f0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n .social-logo-container {\n display: flex;\n gap: 32px;\n\n i {\n transition: transform 0.2s ease-in-out;\n\n :hover {\n transform: scale(2.2) translateX(-5%) translateY(-5%);\n }\n }\n }\n }\n\n .community-gif {\n aspect-ratio: 3/2;\n\n '," {\n width: 300px;\n height: 200px;\n }\n\n "," {\n width: 480px;\n height: 320px;\n }\n }\n"]);return BlogSocials_templateObject=function(){return n},n}let S=i.default.div.withConfig({componentId:"sc-91201be6-0"})(BlogSocials_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var blog_BlogSocials=function(){let n=(0,d.v9)(v.cM);return(0,d.v9)(N.nU),(0,l.jsxs)(S,{children:[(0,l.jsxs)("div",{className:"copy-wrapper",children:[(0,l.jsx)("h3",{children:"Give us a follow!"}),(0,l.jsx)("p",{children:"Follow Cod\xe9dex across the World Wide Web for content updates, community events, company news, relatable memes, and more."}),(0,l.jsxs)("div",{className:"social-logo-container",children:[n.map(n=>(0,l.jsx)(_(),{href:n.link,target:"_blank",children:(0,l.jsx)("i",{className:"nes-icon ".concat(n.name," icon-hover nes-pointer"),children:n.img&&(0,l.jsx)("img",{src:"/images/tiktok_logo.png",alt:"tiktok logo",style:{marginBottom:"0.5rem"}})})},n.name)),(0,l.jsx)(_(),{href:"https://open.spotify.com/show/2vM9NL2O8FanNcO4Y9nuTG?si=289f0227743b45cf",target:"_blank",children:(0,l.jsx)("i",{className:"nes-icon icon-hover nes-pointer",children:(0,l.jsx)("img",{src:"/images/Untitled (64 x 64 px).png",alt:"Spotify logo",style:{transform:"scale(1.05)"}})})}),(0,l.jsx)(_(),{href:"https://discord.gg/vSKEhP9fY2",target:"_blank",children:(0,l.jsx)("i",{className:"nes-icon icon-hover nes-pointer",children:(0,l.jsx)("img",{src:"/images/socials/discord.png",alt:"Discord logo",style:{marginBottom:"0.5rem",transform:"scale(1.3)"}})})})]})]})," ",(0,l.jsx)(m.Z,{src:"/images/community/ticket.gif",alt:"characters gif",className:"community-gif"})]})},O=t(86961);function BlogNoSearchResults_templateObject(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n width: 100%;\n color: ",";\n\n .top-copy {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n\n img {\n width: 140px;\n height: 140px;\n }\n\n p {\n font-size: 16px;\n font-weight: 500;\n line-height: 150%;\n text-align: center;\n\n span {\n font-weight: 700;\n }\n\n "," {\n br {\n display: none;\n }\n }\n\n "," {\n br {\n display: block;\n }\n }\n }\n }\n\n .outer-wrapper {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n .label-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 12px;\n\n .line {\n height: 2px;\n background-color: ",";\n flex: 1;\n }\n\n p {\n color: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n\n .blogs-wrapper {\n display: grid;\n gap: 32px 24px;\n\n "," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr 1fr;\n }\n }\n }\n"]);return BlogNoSearchResults_templateObject=function(){return n},n}let C=i.default.div.withConfig({componentId:"sc-56945cc3-0"}
1)(BlogNoSearchResults_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var blog_BlogNoSearchResults=function(n){let{search:e,fallbackBlogs:t,setFilter:r}=n;return(0,l.jsxs)(C,{children:[(0,l.jsxs)("div",{className:"top-copy",children:[(0,l.jsx)("img",{src:"/images/character_gifs/search.gif",alt:"search no result"}),(0,l.jsxs)("p",{children:["Oh no! We couldn't find anything for ",(0,l.jsx)("span",{children:'"'.concat(e,'"')}),". ",(0,l.jsx)("br",{}),"Try searching for something else, or explore recent blogs."]})]}),(0,l.jsxs)("div",{className:"outer-wrapper",children:[(0,l.jsxs)("div",{className:"label-wrapper",children:[(0,l.jsx)("div",{className:"line"}),(0,l.jsx)("p",{children:"Recent blogs"}),(0,l.jsx)("div",{className:"line"})]}),(0,l.jsx)("div",{className:"blogs-wrapper",children:t.map(n=>(0,l.jsx)(x.Z,{blog:n,setFilter:r},n))})]})]})};function ResultsView_templateObject(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n gap: 32px;\n\n .section-label {\n color: ",';\n font-family: "PixelGridS";\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n .search-label {\n color: ',";\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%;\n\n span {\n color: ",";\n\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n }\n }\n\n .blogs-list-wrapper {\n display: grid;\n gap: 32px 24px;\n\n "," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr;\n }\n\n "," {\n grid-template-columns: 1fr 1fr 1fr;\n }\n }\n"]);return ResultsView_templateObject=function(){return n},n}let L=i.default.div.withConfig({componentId:"sc-6af7bfdc-0"})(ResultsView_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var blog_ResultsView=function(n){let{blogs:e,labelCopy:t,forSearch:r=!1,searchQuery:i="",fallbackBlogs:o=[],setFilter:a}=n;return(0,l.jsxs)(L,{children:[!r&&(0,l.jsx)("label",{className:"section-label",children:t}),r&&(0,l.jsxs)("label",{className:"search-label",children:[e.length," results for ",(0,l.jsx)("span",{children:'"'.concat(i,'"')})]}),0===e.length&&(0,l.jsx)(blog_BlogNoSearchResults,{search:i,fallbackBlogs:o,setFilter:a}),(0,l.jsx)("div",{className:"blogs-list-wrapper",children:e.map(n=>(0,l.jsx)(x.Z,{blog:n,setFilter:a},null==n?void 0:n.link))})]})},Z=t(11163);function blog_templateObject(){let n=(0,r._)(['\n padding-top: 3.85rem;\n font-family: "Mulish", sans-serif;\n background-image: url("images/blog/blog-background.png");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n background-attachment: fixed;\n background-position: 0px 60px;\n\n * {\n margin: 0px;\n }\n\n .main-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: ',";\n\n "," {\n padding: 0px 16px;\n }\n\n "," {\n padding: 0px 24px;\n }\n\n .section {\n padding: 40px 0px;\n display: flex;\n flex-direction: column;\n gap: 40px;\n width: 100%;\n }\n\n .search-section {\n width: 100%;\n padding-top: 40px;\n }\n }\n\n .end-wrapper {\n padding-bottom: 64px;\n }\n"]);return blog_templateObject=function(){return n},n}let B=i.default.div.withConfig({componentId:"sc-f0b48b3e-0"})(blog_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.md});var F=!0,blog=function(n){let{blogs:e}=n,t=(0,Z.useRouter)(),r=(0,d.v9)(u.Ki),[i,a]=(0,c.useState)("All"),[x,f]=(0,c.useState)(null),m=null===x?"All"===i?"All":"filtered":"search",h="All"===i?e:e.filter(n=>n.tags&&n.tags.includes(i));(0,c.useEffect)(()=>{var n;let e=null==t?void 0:null===(n=t.query)||void 0===n?void 0:n.filter;e&&a(e)},[t]);let b=x?x.result.map(n=>e.find(e=>e.link===n)):[],j=(0,c.useCallback)(async n=>{let{searchQuery:e}=n;try{let n=await fetch("/api/blog/search",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({searchTerm:e})}),t=await n.json();t&&t.blogList?f({result:t.blogList,query:e}):f({result:[],query:e})}catch(n){console.log("failed to search projects: ".concat(n))}a(null)},[a,f]),w={All:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"main-wrapper",children:(0,l.jsxs)(s.Z,{className:"section",children:[(0,l.jsx)(g.Z,{blog:e[0],setFilter:a}),(0,l.jsx)(blog_LatestBlogs,{blogs:e.slice(1,7),setFilter:a})]})}),(0,l.jsx)(blog_BlogEmailSignup,{}),(0,l.jsx)("div",{className:"main-wrapper end-wrapper",children:(0,l.jsx)(s.Z,{className:"section",children:(0,l.jsx)(blog_RemainingBlogs,{blogs:e.slice(7),setFilter:a})})}),(0,l.jsx)(blog_BlogSocials,{})]}),filtered:(0,l.jsx)("div",{className:"main-wrapper end-wrapper",children:(0,l.jsx)(s.Z,{className:"search-section",children:(0,l.jsx)(blog_ResultsView,{labelCopy:"".concat(i," blog posts"),blogs:h,setFilter:a})})}),search:(0,l.jsx)("div",{className:"main-wrapper end-wrapper",children:(0,l.jsx)(s.Z,{className:"search-section",children:(0,l.jsx)(blog_ResultsView,{labelCopy:"".concat(i," blog posts"),blogs:b,forSearch:!0,searchQuery:null==x?void 0:x.query,fallbackBlogs:e.slice(0,3),setFilter:a})})})};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Z,{}),(0,l.jsxs)(B,{children:[(0,l.jsx)(blog_BlogHeader,{setFilter:a}),(0,l.jsx)("div",{className:"main-wrapper",children:(0,l.jsx)(s.Z,{className:"search-section",children:(0,l.jsx)(p.Z,{filter:i,setFilter:a,setSearchResults:f,searchFunction:j,tags:r})})}),w[m]]}),(0,l.jsx)(O.Z,{disableMarginTop:!0})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,7536,9428,6961,9774,2888,179],function(){return n(n.s=67801)}),_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.