1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4727],{10674:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/30-nites-of-code",function(){return t(66244)}])},44510:function(n,e,t){"use strict";var l=t(67294),i=t(11163);e.Z=function(n){let{community:e,filter:t,refreshTrigger:o=null}=n,r=(0,i.useRouter)(),[s,a]=(0,l.useState)([]),[c,d]=(0,l.useState)(!1),[p,f]=(0,l.useState)(1);return(0,l.useEffect)(()=>{async function getCommunityPosts(){let n="".concat(e,"-").concat(t.internalName,"-").concat(o),l=JSON.parse(sessionStorage.getItem(n));if((null==l?void 0:l.posts)||(l={}),l.posts)a(null==l?void 0:l.posts),f(null==l?void 0:l.currentPage),(null==l?void 0:l.posts.length)===0&&d(!0);else{let i=t.api,o=await fetch(i),r=await o.json(),s=r.posts;l={posts:[...s],currentPage:"leaderboards"===e?null==r?void 0:r.lastUserId:1},sessionStorage.setItem(n,JSON.stringify({...l})),a(s),f(1),0===s.length&&d(!0)}}a([]),getCommunityPosts()},[e,null==t?void 0:t.api,null==t?void 0:t.internalName,o]),(0,l.useEffect)(()=>{function logScrollPosition(){let n="".concat(e,"-").concat(t.internalName,"-").concat(o,"-scroll");0!=window.scrollY&&sessionStorage.setItem(n,JSON.stringify(window.scrollY))}return window.addEventListener("scroll",logScrollPosition),()=>{window.removeEventListener("scroll",logScrollPosition)}},[r.asPath,e,t.internalName,o]),{posts:s,noMorePosts:c,currentPage:p}}},12402:function(n,e,t){"use strict";var l=t(82729),i=t(85893),o=t(19521),r=t(41664),s=t.n(r),a=t(609),c=t(9473);function _templateObject(){let n=(0,l._)(["\n padding: 16px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 16px;\n\n p,\n span {\n margin: 0px;\n }\n\n p {\n color: ",';\n font-family: "Mulish", sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n span {\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-underline-offset: 2px;\n }\n']);return _templateObject=function(){return n},n}let d=o.default.div.withConfig({componentId:"sc-772acdac-0"})(_templateObject(),n=>{let{theme:e}=n;return"dark"==e.mode?e.colors.palette.grey["50"]:e.colors.palette.grey["950"]});e.Z=function(n){let{type:e,includeLink:t="",textContent:l}=n,o=(0,c.v9)(a.o4)||"dark",r="dark"===o,p={incomplete:(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:[(0,i.jsx)("rect",{width:"2",height:"2",transform:"matrix(1 0 0 -1 11.5 9)",fill:"#64748B"}),(0,i.jsx)("rect",{width:"2",height:"6",transform:"matrix(1 0 0 -1 11.5 17)",fill:"#64748B"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.5 3H7.5V5H5.5V7H3.5V17H5.5V19H7.5V21H17.5V19H19.5V17H21.5V7H19.5V5H17.5V3ZM17.5 5V7H19.5V17H17.5V19H7.5V17H5.5V7H7.5V5H17.5Z",fill:"#64748B"})]}),pending:(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:[(0,i.jsx)("rect",{width:"2",height:"2",transform:"matrix(1 0 0 -1 11.5 9)",fill:"#EAB308"}),(0,i.jsx)("rect",{width:"2",height:"6",transform:"matrix(1 0 0 -1 11.5 17)",fill:"#EAB308"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.5 3H7.5V5H5.5V7H3.5V17H5.5V19H7.5V21H17.5V19H19.5V17H21.5V7H19.5V5H17.5V3ZM17.5 5V7H19.5V17H17.5V19H7.5V17H5.5V7H7.5V5H17.5Z",fill:"#EAB308"})]}),error:(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:[(0,i.jsx)("rect",{width:"2",height:"2",transform:"matrix(1 0 0 -1 11.5 9)",fill:"#F43F5E"}),(0,i.jsx)("rect",{width:"2",height:"6",transform:"matrix(1 0 0 -1 11.5 17)",fill:"#F43F5E"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.5 3H7.5V5H5.5V7H3.5V17H5.5V19H7.5V21H17.5V19H19.5V17H21.5V7H19.5V5H17.5V3ZM17.5 5V7H19.5V17H17.5V19H7.5V17H5.5V7H7.5V5H17.5Z",fill:"#F43F5E"})]}),complete:(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"24",viewBox:"0 0 25 24",fill:"none",children:(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.5 6H20.5V8H18.5V6ZM16.5 10V8H18.5V10H16.5ZM14.5 12V10H16.5V12H14.5ZM12.5 14H14.5V12H12.5V14ZM10.5 16H12.5V14H10.5V16ZM8.5 16V18H10.5V16H8.5ZM6.5 14H8.5V16H6.5V14ZM6.5 14H4.5V12H6.5V14Z",fill:"#84CC16"})}),message:(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[(0,i.jsx)("rect",{width:"2",height:"2",transform:"matrix(1 0 0 -1 11 9.93457)",fill:"#14ADFF"}),(0,i.jsx)("rect",{width:"2",height:"6",transform:"matrix(1 0 0 -1 11 17.9346)",fill:"#14ADFF"}),(0,i.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17 3.93457H7V5.93457H5V7.93457H3V17.9346H5V19.9346H7V21.9346H17V19.9346H19V17.9346H21V7.93457H19V5.93457H17V3.93457ZM17 5.93457V7.93457H19V17.9346H17V19.9346H7V17.9346H5V7.93457H7V5.93457H17Z",fill:"#14ADFF"})]})}
1,f={pending:{border:r?"#854D0E":"#FEF08A",background:r?"#422006":"#FEFCE8",textAccent:r?"#FEF08A":"#854D0E"},complete:{border:r?"#3F6212":"#D9F99D",background:r?"#1A2E05":"#F7FEE7",textAccent:r?"#D9F99D":"#3F6212"},incomplete:{border:r?"#64748B":"#CBD5E1",background:r?"#0F172A":"#F8FAFC",textAccent:r?"#D9F99D":"#64748B"},message:{border:r?"#00568D":"#B6E4FF",background:r?"#042D4D":"#EFF8FF",textAccent:r?"#FFFFFF":"#020617"},error:{border:r?"#9F1239":"#FECDD3",background:r?"#4C0519":"#FFF1F2",textAccent:r?"#FFFFFF":"#020617"}}[e];return(0,i.jsxs)(d,{style:{border:"2px solid ".concat(f.border),backgroundColor:f.background},className:"status-card",children:[(0,i.jsx)("div",{className:"icon",children:p[e]}),(0,i.jsxs)("p",{children:[l," ",t&&(0,i.jsx)(s(),{href:t,style:{all:"unset"},target:"_blank",children:(0,i.jsx)("span",{style:{color:f.textAccent},className:"nes-pointer",children:"View submission"})})]})]})}},71417:function(n,e,t){"use strict";var l=t(85893);e.Z=function(n){let{color:e="#64748B",...t}=n;return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 2.5H17V4.5H19H21V8.5V10.5V22.5H19H5H3V10.5V8.5V4.5H5H7V2.5H9V4.5H15V2.5ZM5 8.5H19V6.5H5V8.5ZM5 10.5V20.5H19V10.5H5Z",fill:e})})}},86121:function(n,e,t){"use strict";var l=t(82729),i=t(85893),o=t(19521),r=t(67294),s=t(62286),a=t.n(s),c=t(41664),d=t.n(c),p=t(11163);function _templateObject(){let n=(0,l._)(["\n display: flex;\n align-items: center;\n margin: 0px 20px;\n border-bottom: 2px solid ",';\n font-family: "Mulish", sans-serif;\n max-width: calc(100vw - 2rem);\n overflow-x: auto;\n\n p {\n margin: 0px;\n }\n\n .channel-filter {\n padding: 10px 8px;\n border-bottom: 2px solid transparent;\n\n .filter-text {\n padding: 8px 12px;\n color: ',";\n font-size: 16px;\n font-weight: 600;\n line-height: 150%;\n border-radius: 4px;\n min-width: var(--min-width);\n white-space: nowrap;\n\n span {\n /* padding: 2px 6px; */\n border-radius: 50%;\n background: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n }\n }\n\n :hover {\n .filter-text {\n background: ",";\n color: ",";\n }\n }\n }\n\n .current-filter {\n border-bottom: 2px solid #14adff;\n .filter-text {\n font-weight: 700;\n color: ",";\n\n span {\n background: #0080d4;\n color: #fff;\n }\n }\n }\n a {\n text-decoration: none;\n }\n"]);return _templateObject=function(){return n},n}let f=o.default.div.withConfig({componentId:"sc-263766b4-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>n.theme.colors.border.grey.light,n=>n.theme.colors.background.grey.tertiary,n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.primary});e.Z=function(n){let{filters:e,currentFilter:t,setCurrentFilter:l}=n,o=a().get().codedextoken||"",s=(0,r.useRef)({}),c=(0,p.useRouter)(),x=c.asPath.replace(/\/(submissions|winners)(\/)?$/,"");return(0,r.useEffect)(()=>{Object.values(e).forEach(n=>{let e=s.current[n.internalName];if(e){let n=e.style.fontWeight;e.style.fontWeight="700";let t=e.scrollWidth;e.style.fontWeight=n,e.style.setProperty("--min-width","".concat(t,"px"))}})},[e]),(0,i.jsx)(f,{className:"community-feed-filters",children:Object.values(e).map(n=>{if(((null==n?void 0:n.disableOnLogout)!=!0||o)&&(null==n?void 0:n.disable)!=!0)return(null==x?void 0:x.includes("monthly-challenge"))?(0,i.jsx)(d(),{href:"".concat(x,"/").concat(n.link),children:(0,i.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""),onClick:()=>l(n.internalName),children:(0,i.jsxs)("p",{className:"filter-text",ref:e=>{s.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,i.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})})},n.internalName):(0,i.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""," ").concat(n.internalName),onClick:()=>l(n.internalName),children:(0,i.jsxs)("p",{className:"filter-text",ref:e=>{s.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,i.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})},n.internalName)})})}},66244:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return A},default:function(){return ChannelPage}});
1var l=t(85893),i=t(11163),o=t(67294),r=t(99428),s=t(82077),a=t(44510),c=t(74796),d=t(52861),p=t(82729),f=t(19521),x=t(9473),m=t(609),u=t(58533),h=t(25670),H=t(73857),V=t(41664),g=t.n(V);function _templateObject(){let n=(0,p._)(['\n background: rgb(11, 8, 32);\n background: linear-gradient(180deg, rgba(11, 8, 32, 1) 0%, rgba(46, 16, 96, 1) 100%);\n font-family: "Mulish", sans-serif;\n margin-top: -24px;\n border-radius: 8px;\n display: none;\n\n ',' {\n display: inline-block;\n }\n\n p {\n margin: 0px;\n }\n\n .inner-layer {\n padding: 32px 48px;\n width: 100%;\n height: 100%;\n background-image: url("/images/30-nites-of-code/star-bg.png");\n\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n\n '," {\n flex-direction: column;\n }\n\n ",' {\n flex-direction: row;\n }\n\n .banner-copy {\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n .top-copy {\n color: #c4b5fd;\n\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 display: flex;\n flex-direction: column;\n gap: 8px;\n\n span {\n color: #fff;\n text-shadow: 0px 3px 0px #6d28d9;\n font-family: "ScrambledEggs", sans-serif;\n font-size: 20px;\n font-style: normal;\n font-weight: 400;\n line-height: 140%;\n letter-spacing: 0.6px;\n text-transform: none;\n }\n }\n\n .bottom-copy {\n color: #e2e8f0;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n button {\n margin-top: 8px;\n width: 261px;\n }\n }\n\n .img-container {\n flex-shrink: 0;\n img {\n width: 319.789px;\n height: 140px;\n }\n }\n }\n']);return _templateObject=function(){return n},n}let v=f.default.div.withConfig({componentId:"sc-2e4c8855-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var _30_nites_of_code_NocCommunityBanner=function(){return(0,l.jsx)(v,{children:(0,l.jsxs)("div",{className:"inner-layer",children:[(0,l.jsxs)("div",{className:"banner-copy",children:[(0,l.jsxs)("p",{className:"top-copy",children:["start the challenge",(0,l.jsx)("span",{children:"#30NitesofCode"})]}),(0,l.jsxs)("p",{className:"bottom-copy",children:["Join our community-wide challenge of learning ",(0,l.jsx)("br",{}),"and building for 30 days. Start today!"]}),(0,l.jsx)(g(),{href:"/30-nites-of-code",style:{all:"unset"},children:(0,l.jsx)(H.Z,{variant:"green",size:"small",children:"Get started"})})]}),(0,l.jsx)("div",{className:"img-container",children:(0,l.jsx)("img",{src:"/images/30-nites-of-code/all-pets.gif",alt:"all pets",className:"all-pet
1s"})})]})})},w=t(67788),y=t(86121),j=t(83330),b=t(20759);function NocCommunityStats_templateObject(){let n=(0,p._)(['\n flex-wrap: wrap;\n gap: 12px;\n font-family: "Mulish", sans-serif;\n\n '," {\n display: none;\n }\n\n "," {\n display: flex;\n }\n\n p {\n margin: 0px;\n }\n\n .noc-stat {\n flex: 1;\n padding: 16px;\n display: flex;\n align-items: center;\n gap: 16px;\n\n .stat-copy {\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n .num {\n color: ",';\n\n font-family: "PixelGridM";\n font-size: 20px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.6px;\n }\n\n .label {\n color: ',";\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 150%; /* 18px */\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n }\n"]);return NocCommunityStats_templateObject=function(){return n},n}let _=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[(0,l.jsxs)("g",{"clip-path":"url(#clip0_912_38763)",children:[(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M27.6665 2.5H12.6665H10.1665V5H5.1665H2.6665V7.5V17.5H5.1665V20H10.1665V22.5H12.6665V25H15.1665V27.5V35H10.1665V37.5H15.1665H20.1665H22.6665H27.6665V32.5H22.6665V27.5H25.1665V25H27.6665V22.5H30.1665V20H35.1665V17.5H37.6665V7.5V5H35.1665H30.1665V2.5H27.6665ZM35.1665 17.5H30.1665V7.5H35.1665V17.5ZM5.1665 17.5V7.5H10.1665V17.5H5.1665Z",fill:"#EAB308"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.6665 2.5H10.1665V7.5H5.1665V5H2.6665V7.5V10V17.5H5.1665V20H10.1665V22.5H12.6665V25H15.1665V27.5H17.6665V32.5H15.1665V35H12.6665V37.5H15.1665H17.6665V35H20.1665V25H17.6665V22.5H15.1665H12.6665V2.5ZM5.1665 17.5V10H10.1665V17.5H5.1665ZM35.1665 17.5H30.1665V20H35.1665V17.5Z",fill:"#CA8A04"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M30.1665 2.5H12.6665V5H22.6665V22.5V27.5H27.6665V22.5H30.1665V10H37.6665V7.5H30.1665V5V2.5Z",fill:"#FACC15"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M27.6665 5H25.1665V7.5H27.6665V5ZM27.6665 10H25.1665V17.5H27.6665V10Z",fill:"white"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M30.1665 2.5H10.1665V0H30.1665V2.5ZM32.6665 5V2.5H30.1665V5V7.5H32.6665H37.6665V17.5H35.1665V10H32.6665H30.1665V17.5H32.6665H35.1665V20H30.1665V22.5H27.6665V25H22.6665V27.5V32.5H25.1665V35H27.6665V37.5H12.6665V35H15.1665V32.5H17.6665V27.5V25H12.6665V22.5H10.1665V20H5.1665V17.5H7.6665H10.1665V10H7.6665H5.1665V17.5H2.6665V7.5H7.6665H10.1665V5V2.5H7.6665V5H2.6665V7.5H0.166504V17.5H2.6665V20H5.1665V22.5H10.1665V25H12.6665V27.5H15.1665V32.5H12.6665V35H10.1665V37.5V40H30.1665V37.5V35H27.6665V32.5H25.1665V27.5H27.6665V25H30.1665V22.5H35.1665V20H37.6665V17.5H40.1665V7.5H37.6665V5H32.6665Z",fill:"#020617"})]}),(0,l.jsx)("defs",{children:(0,l.jsx)("clipPath",{id:"clip0_912_38763",children:(0,l.jsx)("rect",{width:"40",height:"40",fill:"white",transform:"translate(0.166504)"})})})]}),F=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25.5 2.5H15.5V7.5H10.5V15H8V30H10.5V35H30.5V30H33V15H30.5V7.5H25.5V2.5Z",fill:"#A3E635"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25.5 2.5H15.5V5H13V7.5H10.5V10H8V15H5.5V30H8V32.5H10.5V35H13V37.5H28V35H30.5V32.5H33V30H35.5V15H33V10H30.5V7.5H28V5H25.5V2.5ZM25.5 5V7.5H28V10H30.5V15H33V30H30.5V32.5H28V35H13V32.5H10.5V30H8V15H10.5V10H13V7.5H15.5V5H25.5Z",fill:"#020617"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.5 5H25.5V7.5H15.5V5ZM13 10V7.5H15.5V10H13ZM13 10V12.5H10.5V10H13ZM28 10V7.5H25.5V10H28ZM28 10V12.5H30.5V10H28Z",fill:"#D9F99D"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5 20H8V30H10.5V32.5H13V35H15.5H25.5H28V32.5H30.5V30H33V20H30.5V22.5H28V25H25.5V27.5H15.5V25H13V22.5H10.5V20Z",fill:"#84CC16"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 27.5H10.5V30H8V27.5
1ZM13 32.5H10.5V30H13V32.5ZM28 32.5H13V35H28V32.5ZM30.5 30V32.5H28V30H30.5ZM30.5 30V27.5H33V30H30.5Z",fill:"#65A30D"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M28 15H25.5V17.5H23V20H25.5V22.5H28V20H30.5V17.5H28V15Z",fill:"#FDE047"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18 5H15.5V7.5H13V10H10.5V12.5H13H15.5V10H18V5Z",fill:"#14ADFF"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.5 22.5H15.5V25H13V30H15.5V32.5H20.5V30H23V25H20.5V22.5Z",fill:"#F472B6"})]}),N=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"41",height:"40",viewBox:"0 0 41 40",fill:"none",children:[(0,l.jsx)("rect",{x:"5.8335",y:"10",width:"30",height:"5",fill:"#84CC16"}),(0,l.jsx)("rect",{x:"5.8335",y:"12.5",width:"30",height:"2.5",fill:"#65A30D"}),(0,l.jsx)("rect",{x:"30.8335",y:"10",width:"5",height:"5",fill:"#65A30D"}),(0,l.jsx)("rect",{x:"5.8335",y:"15",width:"30",height:"20",fill:"white"}),(0,l.jsx)("rect",{x:"25.8335",y:"5",width:"2.5",height:"2.5",fill:"#CBD5E1"}),(0,l.jsx)("rect",{x:"13.3335",y:"5",width:"2.5",height:"2.5",fill:"#CBD5E1"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25.8335 20H23.3335V22.5H20.8335V25H18.3335V27.5H15.8335V25H13.3335V27.5H15.8335V30H18.3335V27.5H20.8335V25H23.3335V22.5H25.8335V20Z",fill:"#475569"}),(0,l.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3335 2.5H15.8335H18.3335V5V7.5H23.3335V5V2.5H25.8335H28.3335H30.8335V5V7.5H35.8335V10V35V37.5H5.8335V35V10V7.5H10.8335V5V2.5H13.3335ZM33.3335 10H28.3335H13.3335H8.3335V35H33.3335V10ZM15.8335 5V7.5H13.3335V5H15.8335ZM28.3335 7.5H25.8335V5H28.3335V7.5Z",fill:"#020617"}),(0,l.jsx)("rect",{x:"8.3335",y:"32.5",width:"25",height:"2.5",fill:"#CBD5E1"}),(0,l.jsx)("rect",{x:"30.8335",y:"15",width:"2.5",height:"20",fill:"#CBD5E1"})]}),C=f.default.div.withConfig({componentId:"sc-14f8071-0"})(NocCommunityStats_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.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary});var _30_nites_of_code_NocCommunityStats=function(){let n=(0,x.v9)(m.o4)||"dark",e="dark"===n;return(0,l.jsx)(C,{children:[{icon:F,num:"45,000+",label:"PETS HATCHED"},{icon:_,num:"1,800+",label:"COMPLETED CHALLENGES"},{icon:N,num:"147,000+",label:"DAYS COMPLETED TOTAL"}].map(n=>(0,l.jsxs)(b.Z,{borderColor:e?"475569":"CBD5E1",className:"noc-stat",children:[n.icon,(0,l.jsxs)("div",{className:"stat-copy",children:[(0,l.jsx)("p",{className:"num",children:n.num}),(0,l.jsx)("p",{className:"label",children:n.label})]})]},n.label))})},Z=t(76543),M=t(71417);function NocCommunityPetCard_templateObject(){let n=(0,p._)(["\n height: 214px;\n background-color: ",';\n font-family: "Mulish", sans-serif;\n\n '," {\n margin: 0rem 1rem;\n }\n\n "," {\n margin: 0rem;\n }\n\n p {\n margin: 0px;\n }\n\n .pet-inner-container {\n height: calc(100% - 4px);\n background-color: ",';\n padding: 2px 2px 0px 2px;\n\n .pet-info {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 16px;\n\n clip-path: polygon(\n 4px 0px,\n 4px 2px,\n 2px 2px,\n 2px 4px,\n 0px 4px,\n 0px 100%,\n 100% 100%,\n 100% calc(100% - 4px),\n 100% calc(100% - 4px),\n 100% 4px,\n calc(100% - 2px) 4px,\n calc(100% - 2px) 2px,\n calc(100% - 4px) 2px,\n calc(100% - 4px) 0px\n );\n\n img {\n width: 64px;\n height: 64px;\n }\n\n .petname {\n color: #fff;\n font-family: "ScrambledEggs", sans-serif;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 150%;\n }\n\n .completion-data {\n display: flex;\n align-items: center;\n gap: 16px;\n svg {\n width: 18px;\n height: 18px;\n }\n\n .info {\n display: flex;\n align-items: center;\n gap: 8px;\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\n .pet-owner {\n padding: 12px 14px 14px 14px;\n\n display: flex;\n align-items: center;\n gap: 6px;\n\n img {\n width: 24px;\n height: 24px;\n object-fit: cover;\n border-radius: 50%;\n transition-duration: 0.2s;\n\n :hover {\n opacity: 0.8;\n }\n }\n\n p,\n a {\n color: #fff;\n color: ',";\n\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n span {\n font-weight: 700;\n }\n }\n }\n }\n"]);
1return NocCommunityPetCard_templateObject=function(){return n},n}let k=(0,f.default)(b.Z).withConfig({componentId:"sc-b1e4e386-0"})(NocCommunityPetCard_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.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.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.primary});var _30_nites_of_code_NocCommunityPetCard=function(n){let{post:e}=n,t=(0,o.useMemo)(()=>(function(n){if(!(null==n?void 0:n._seconds))return"Jan 31, 2024";let e=new Date(1e3*n._seconds),t=e.toLocaleDateString("en-US",{month:"short",day:"2-digit",year:"numeric"});return t})(e.completedAt),[e.completedAt]),i=(0,x.v9)(m.o4)||"dark",r="dark"===i,s={dragon:{gradient:"radial-gradient(48.32% 75.39% at 50% 50%, #2e1065 0%, #5b21b6 100%)",color:"#DDD6FE"},duck:{gradient:"radial-gradient(48.32% 75.39% at 50% 50%, #422006 0%, #854d0e 100%)",color:"#FEF08A"},dinosaur:{gradient:"radial-gradient(48.32% 75.39% at 50% 50%, #365314 0%, #3F6212 100%)",color:"#D9F99D"}},a=s[null==e?void 0:e.pet]||s.dragon;return(0,l.jsx)(g(),{href:"/@".concat(null==e?void 0:e.username,"/30-nites-of-code?pet=").concat(null==e?void 0:e.docId),target:"_blank",style:{all:"unset"},className:"nes-pointer",children:(0,l.jsx)(k,{borderColor:r?"475569":"CBD5E1",children:(0,l.jsxs)(b.Z,{borderColor:r?"475569":"CBD5E1",className:"pet-inner-container",children:[(0,l.jsxs)("div",{className:"pet-info nes-pointer",style:{background:a.gradient},children:[(0,l.jsx)("img",{src:"/images/code-nights/evolved-neutral-".concat(null==e?void 0:e.pet,".gif")}),(0,l.jsx)("p",{className:"petname",children:(null==e?void 0:e.petName)||"Buddy"}),(0,l.jsxs)("div",{className:"completion-data",style:{color:a.color},children:[(0,l.jsxs)("p",{className:"info",children:[(0,l.jsx)(Z.Z,{color:a.color}),t]}),(0,l.jsxs)("p",{className:"info",children:[(0,l.jsx)(M.Z,{color:a.color}),null==e?void 0:e.daysCompleted," / 30"]})]})]}),(0,l.jsxs)("div",{className:"pet-owner nes-pointer",children:[(0,l.jsx)(g(),{href:"/@".concat(null==e?void 0:e.username),style:{all:"unset"},target:"_blank",children:(0,l.jsx)("img",{src:null==e?void 0:e.photoURL,alt:"owner profile image",className:"nes-pointer"})}),(0,l.jsxs)("p",{children:["Raised by"," ",(0,l.jsx)(g(),{href:"/@".concat(null==e?void 0:e.username),target:"_blank",children:(0,l.jsx)("span",{children:null==e?void 0:e.username})})]})]})]})})})},E=t(54456),R=t(12402);function NocCommunityFeed_templateObject(){let n=(0,p._)(["\n width: 100%;\n max-width: 950px;\n margin-bottom: 5rem;\n display: flex;\n flex-direction: column;\n\n "," {\n gap: 16px;\n }\n\n "," {\n gap: 32px;\n }\n\n .fake-channel-composer {\n margin-bottom: 8px;\n }\n\n .status-card {\n margin-top: -8px;\n\n "," {\n margin: 0px 1rem 0rem 1rem;\n }\n\n "," {\n margin: -8px 0px 0px 0px;\n }\n }\n\n .channel-posts {\n margin: 0px 0px;\n display: grid;\n /* grid-template-columns: repeat(auto-fill, minmax(292px, 1fr)); */\n\n overflow: visible !important;\n\n gap: 16px;\n position: relative;\n\n .spinning-loader {\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: -80px;\n }\n }\n\n .community-feed-filters {\n "," {\n margin: 0px 20px;\n }\n\n "," {\n margin: 0px;\n }\n }\n"]);return NocCommunityFeed_templateObject=function(){return n},n}let D=f.default.div.withConfig({componentId:"sc-f46282a0-0"})(NocCommunityFeed_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 _30_nites_of_code_NocCommunityFeed=function(n){let{posts:e,setAllPosts:t,filters:i,currentFilter:r,setCurrentFilter:s,savedCurrentPage:a=1,noMorePosts:c=!1,community:d,refreshTrigger:p=null}=n,f=(0,x.v9)(m.f8),[H,V]=(0,o.useState)(a),[g,v]=(0,o.useState)(!0);(0,o.useEffect)(()=>{c&&v(!1)},[e,c]);let b=(0,o.useCallback)(async()=>{try{let n=i[r],e="".concat(d,"-").concat(n.internalName,"-").concat(p),l=JSON.parse(sessionStorage.getItem(e)),o=l.currentPage+1,s="".concat(n.api,"&page=").concat(o),a=await fetch(s),c=await a.json(),f=c.posts;0!=f.length&&(V(o),t(n=>[...n,...f]),l={posts:[...l.posts,...f],currentPage:o},sessionStorage.setItem(e,JSON.stringify({...l}))),f.length<9&&v(!1)}catch(n){console.error("Error fetching more posts:",n),v(!1)}},[i,r,d,t,p]);return(0,l.jsxs)(D,{children:[(0,l.jsx)(w.Z,{community:d}),(0,l.jsx)(j.Z,{community:d}),(0,l.jsx)(_30_nites_of_code_NocCommunityBanner,{}),(0,l.jsx)(_30_nites_of_code_NocCommunityStats,{}),(0,l.jsx)(y.Z,{filters:i,currentFilter:r,setCurrentFilter:s}),(0,l.jsx)(R.Z,{type:"message",textContent:"hall-of-fame"===r?"Complete the 30-day challenge to show off your pet in the Hall of Fame":'Tip: Cheer others on with a "Like" of support!'}),(0,l.jsxs)(u.Z,{className:"channel-posts",dataLength:e.length,next:b,hasMore:!0,scrollThreshold:.3,loader:(0,l.jsx)(l.Fragment,{}),style:{gridTemplateColumns:"hall-of-fame"===r?"repeat(auto-fill, minmax(292px, 1fr))":"1fr"}
1,children:[e&&e.map(n=>(0,l.jsx)(l.Fragment,{children:"hall-of-fame"===r?(0,l.jsx)(_30_nites_of_code_NocCommunityPetCard,{post:n},null==n?void 0:n.docId):(0,l.jsx)(l.Fragment,{children:"30-nites-of-code"===e[0].communityName&&(0,l.jsx)(E.Z,{post:n,uid:f,headerType:"without-channel",pinned:!1},null==n?void 0:n.postId)})})),g&&(0,l.jsx)(h.Z,{})]})]})},A=!0;function ChannelPage(n){let{completedNocData:e}=n;(0,i.useRouter)();let t={"hall-of-fame":{api:"",displayText:"Hall of Fame",internalName:"hall-of-fame"},"activity-feed":{api:"/api/community/getCommunityPosts?communityName=30-nites-of-code&filter=newest",displayText:"Activity feed",internalName:"activity-feed"}},[p,f]=(0,o.useState)("hall-of-fame"),{posts:x,noMorePosts:m,currentPage:u}=(0,a.Z)({community:"30-nites-of-code",filter:t[p],refreshTrigger:null}),[h,H]=(0,o.useState)(e);return(0,o.useEffect)(()=>{if("hall-of-fame"===p){H(e);return}H(x)},[x,p,e]),console.log(x),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.Z,{learningEnv:"community"}),(0,l.jsxs)(c.Z,{children:[(0,l.jsx)(s.Z,{}),(0,l.jsx)(d.Z,{children:(0,l.jsx)(_30_nites_of_code_NocCommunityFeed,{posts:h,setAllPosts:H,filters:t,currentFilter:p,setCurrentFilter:f,savedCurrentPage:u,community:"30-nites-of-code",refreshTrigger:null})})]})]})}}},function(n){n.O(0,[1272,8700,1057,3777,5937,7603,4090,4153,1622,9280,286,6095,8849,2512,719,9428,2163,6207,5884,4561,8325,5388,4456,1024,9774,2888,179],function(){return n(n.s=10674)}),_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.