1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3091],{51326:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/30-nites-of-code",function(){return t(77525)}])},77525:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return I},default:function(){return _30_nites_of_code}});var r=t(85893),i=t(82729),o=t(19521),s=t(67294),a=t(73857),l=t(73845),c=t(609),d=t(41664),p=t.n(d),x=t(9473),h=t(62286),m=t.n(h);function _templateObject(){let n=(0,i._)(["\n ",' {\n width: 100%;\n height: 90vh;\n max-height: 625px;\n min-height: 400px;\n display: flex;\n align-items: center;\n flex-direction: column;\n margin-top: 4rem;\n background: linear-gradient(180deg, rgba(11, 8, 32, 1) 0%, rgba(46, 16, 96, 1) 100%);\n position: relative;\n\n .outer-wrapper {\n width: 100%;\n height: 100%;\n\n display: flex;\n align-items: center;\n flex-direction: column;\n\n background-image: url("/images/30-nites-of-code/star-bg.png");\n background-size: 300px;\n image-rendering: pixelated;\n z-index: 2;\n }\n\n .svg-container {\n display: block;\n height: 100px;\n width: 100%;\n background-position: center;\n background-size: auto 100%;\n background-repeat: repeat-x;\n position: relative;\n transform: rotate(180deg);\n bottom: -2px;\n }\n\n .header-container {\n width: 95%;\n max-width: 550px;\n padding-top: 48px;\n padding-bottom: 48px;\n height: 290px;\n position: relative;\n display: flex;\n justify-content: center;\n font-family: "Mulish", sans-serif;\n\n .top-header-container {\n display: flex;\n flex-direction: column;\n gap: 32px;\n align-items: center;\n }\n\n .join-challenge {\n display: flex;\n justify-content: center;\n }\n\n span {\n text-align: center;\n color: ',';\n font-size: 12px;\n line-height: 1.5;\n letter-spacing: 0.14em;\n font-weight: 600;\n }\n\n h1 {\n color: white;\n font-family: "ScrambledEggs", sans-serif;\n font-size: ',"px;\n line-height: 1.4;\n letter-spacing: 0.03em;\n text-align: center;\n text-shadow: 0px 6px 0px #475569;\n }\n\n p {\n color: ",";\n max-width: 697px;\n width: 100%;\n text-align: center;\n font-size: ","px;\n line-height: 1.5;\n }\n\n img {\n max-width: 300px;\n }\n button {\n span {\n color: black;\n font-size: 18px;\n }\n }\n }\n\n body {\n background-color: #111111;\n margin: 0;\n overflow-x: hidden;\n }\n }\n\n "," {\n height: 70vh;\n max-height: 625px;\n\n .header-container {\n /* border: 1px solid red; */\n width: 90%;\n max-width: none;\n\n h1 {\n font-size: ","px;\n }\n\n p {\n font-size: ","px;\n }\n\n img {\n max-width: 250px;\n }\n\n height: 400px;\n /* height: 600px; */\n }\n }\n\n "," {\n height: 70vh;\n min-height: 667px;\n\n .header-container {\n /* border: 1px solid green; */\n max-width: 900px;\n height: 600px;\n\n h1 {\n font-size: ","px;\n }\n\n p {\n font-size: ","px;\n }\n\n img {\n max-width: 300px;\n }\n }\n }\n\n "," {\n .header-container {\n max-width: 1000px;\n }\n }\n\n @media screen and (max-width: 767px) {\n [data-aos] {\n pointer-events: auto !important;\n opacity: 1 !important;\n transform: none !important;\n }\n }\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n "," {\n display: flex;\n margin-top: 3rem;\n margin-bottom: 64px;\n flex-direction: column;\n margin-left: 1rem;\n margin-right: 1rem;\n\n color: ",";\n span {\n color: ",';\n }\n\n h2 {\n font-family: "PixelGridM", sans-serif;\n font-size: ',"px;\n "," {\n text-align: center;\n\n br {\n display: none;\n }\n }\n\n ",' {\n text-align: start;\n\n br {\n display: inline-block;\n }\n }\n }\n\n div.text-container {\n font-family: "Mulish", sans-serif;\n\n '," {\n text-align: center;\n }\n\n "," {\n text-align: start;\n }\n\n .top {\n font-size: ","px;\n line-height: 1.5;\n margin-bottom: 16px;\n }\n .bottom {\n color: ",";\n }\n }\n }\n "," {\n margin-top: 160px;\n }\n "," {\n margin-left: 100px;\n margin-right: 100px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 50px;\n }\n "," {\n margin-left: 279px;\n margin-right: 279px;\n }\n"]);
1return _templateObject1=function(){return n},n}let g=o.default.div.withConfig({componentId:"sc-ad9e399-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.colors.palette.purple["300"]},n=>{let{theme:e}=n;return e.fontSize["2xl"]},n=>{let{theme:e}=n;return e.colors.palette.grey["300"]},n=>{let{theme:e}=n;return e.fontSize.m},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.fontSize["4xl"]},n=>{let{theme:e}=n;return e.fontSize.m},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.fontSize["5xl"]},n=>{let{theme:e}=n;return e.fontSize.l},n=>{let{theme:e}=n;return e.breakpoints.lg}),u=o.default.div.withConfig({componentId:"sc-ad9e399-1"})(_templateObject1(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.colors.semantic.text.primary},n=>{let{theme:e}=n;return e.colors.palette.blue["500"]},n=>{let{theme:e}=n;return e.fontSize["3xl"]},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.fontSize.l},n=>{let{theme:e}=n;return e.colors.semantic.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg});var landing_Banner=function(n){let{isRegistered:e}=n,[t,i]=(0,s.useState)(!1),o=m().get().codedextoken||"",d=(0,x.v9)(c.zr),h=(0,l.T)();return(0,s.useEffect)(()=>{let n=setTimeout(()=>{i(!0)},6e3);return()=>clearTimeout(n)},[]),(0,r.jsxs)("div",{children:[(0,r.jsxs)(g,{children:[(0,r.jsx)("div",{className:"outer-wrapper",children:(0,r.jsx)("div",{className:"header-container",children:(0,r.jsxs)("div",{className:"top-header-container",children:[(0,r.jsx)("div",{className:"join-challenge",children:(0,r.jsx)("span",{children:"JOIN THE CHALLENGE"})}),(0,r.jsx)("h1",{children:"#30NitesOfCode"}),(0,r.jsx)("p",{children:"Ready to lock in? Reach your coding goals by committing to our 30-day challenge of learning and raise your very own virtual pet!"}),(0,r.jsx)("img",{src:"/images/30-nites-of-code/all-pets.gif",alt:"pets inviting you to start the challenge"}),e?(0,r.jsx)(p(),{href:"/@".concat(d,"/30-nites-of-code"),style:{all:"unset"},children:(0,r.jsx)(a.Z,{variant:"yellow",children:"View pet"})}):(0,r.jsx)(r.Fragment,{children:o?(0,r.jsx)(a.Z,{variant:"green",onClick:()=>void h((0,c.J)({type:"nocOnboarding",status:"show",properties:{}})),children:"I'm ready!"}):(0,r.jsx)(p(),{href:"/signup",style:{all:"unset"},children:(0,r.jsx)(a.Z,{variant:"green",children:"I'm ready!"})})})]})})}),(0,r.jsx)("div",{className:"svg-container",style:{backgroundImage:'url("data:image/svg+xml,'.concat(encodeURIComponent('\n <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1396 79">\n <path d="M110.753 61.0174L0 7.7934V0.801208H1396L1300.42 60.3651C1299.11 61.1808 1297.45 61.1713 1296.15 60.3408L1216.53 9.4562C1215.01 8.48421 1213.03 8.6512 1211.69 9.86381L1138.26 76.4653C1136.93 77.6735 1134.95 77.8441 1133.43 76.8823L1026.43 9.15669C1025.13 8.33346 1023.47 8.32957 1022.17 9.14669L940.592 60.2468C939.193 61.123 937.4 61.0501 936.077 60.0632L867.666 9.0347C866.635 8.26551 865.297 8.03924 864.07 8.42666L644.056 77.9086C642.856 78.2873 641.549 78.0799 640.525 77.3486L574.169 29.9254C573.001 29.0903 571.474 28.9458 570.17 29.5469L466.127 77.4877C464.764 78.1154 463.165 77.9282 461.985 77.0027L402.204 30.1339C400.989 29.1815 399.335 29.0131 397.953 29.701L301.904 77.5243C300.672 78.1378 299.211 78.0746 298.036 77.3572L219.717 29.5199C218.734 28.9192 217.539 28.7718 216.439 29.1156L113.679 61.23C112.712 61.5322 111.667 61.4562 110.753 61.0174Z" fill="'.concat("black",'" />\n </svg>\n ')),'")')}})]}),(0,r.jsx)("div",{style:{background:"black",border:"1px solid black"},children:(0,r.jsxs)(u,{children:[(0,r.jsxs)("h2",{children:["Do something big in just ",(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:"30 days"}),"."]}),(0,r.jsxs)("div",{className:"text-container",children:[(0,r.jsx)("p",{className:"top",children:"Want to master a new coding language? Finally build a project on your to-do list? Prepare for coding interviews?"}),(0,r.jsxs)("p",{className:"bottom",children:["Whatever your goals are, the best way to accomplish big things is to start small, show up every day, and build long-lasting habits.",(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),"In #30NitesOfCode, reach your goals as you commit to a 30-day challenge of learning. Stay motivated and keep yourself accountable by taking care of a virtual pet who will grow along your journey."]})]})]})})]})},f=t(33058);
1function Faq_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n background: ",";\n p {\n margin: 0px;\n }\n\n "," {\n padding: 40px 16px;\n }\n\n "," {\n padding: 64px;\n }\n\n h3 {\n color: ",';\n font-family: "PixelGridM";\n text-align: center;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n .faq-container {\n margin-top: 32px;\n width: 700px;\n max-width: 100%;\n border-radius: 8px;\n background: ',";\n }\n\n .more-questions {\n color: red;\n margin-top: 48px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n\n p {\n color: ",";\n font-size: 20px;\n font-weight: 500;\n line-height: 120%;\n }\n }\n"]);return Faq_templateObject=function(){return n},n}let y=o.default.div.withConfig({componentId:"sc-93df0951-0"})(Faq_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.secondary},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.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.primary}),b=[{question:"\uD83E\uDD5A What counts towards daily progress?",answer:(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{children:"Any kind of coding progress you make â it doesnât even have to be Cod\xe9dex! This could include: watching a coding tutorial on YouTube, making progress on a school/personal project, completing a Cod\xe9dex chapter, or helping others with technical questions in the community."}),(0,r.jsx)("br",{}),(0,r.jsx)("p",{children:"To participate, you must:"}),(0,r.jsxs)("ul",{children:[(0,r.jsxs)("li",{children:["Do something ",(0,r.jsx)("strong",{children:"coding-related"})," every day for the 30 days."]}),(0,r.jsx)("li",{children:"Post your progress on Twitter (similar to #100DaysOfCode)."}),(0,r.jsx)("li",{children:"Then record that tweet in the #30NitesOfCode Dashboard to be counted towards that day."})]})]})},{question:"\uD83D\uDC23 Who is this challenge for?",answer:(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{children:"Anyone who wants to make coding a daily habit!"}),(0,r.jsx)("br",{}),(0,r.jsx)("p",{children:"Some days, all you can do is watch a 10-minute programming YouTube video on a topic. Other days, your progress could entail completing a project! You choose. The point is to make coding habit-building accessible to all and have fun along the way."})]})},{question:"\uD83D\uDC25 How many passes / lifelines do I get?",answer:(0,r.jsx)("p",{children:"Your pet needs daily care. Make sure not to miss more then 3 days in a row otherwise....let's just hope we don't find out."})},{question:"\uD83D\uDC24 What happens if I drop off?",answer:(0,r.jsx)("div",{children:(0,r.jsx)("p",{children:"You can start again anytime you'd like! This feature allows anyone to (re)start the challenge any time they'd like."})})},{question:"\uD83D\uDC65 How can I connect with others who are also doing #30NitesOfCode?",answer:(0,r.jsx)("div",{children:(0,r.jsxs)("p",{children:["Please join us in our"," ",(0,r.jsx)(p(),{href:"https://discord.gg/vSKEhP9fY2",target:"_blank",rel:"noreferrer",children:"Discord server"})," ","and"," ",(0,r.jsx)(p(),{href:"/community/30-nites-of-code",children:"On-Platform Community"})," ","! We have a ",(0,r.jsx)("strong",{children:"#30-nites-of-code"})," channel specifically for those who are participating in this challenge."]})})}];var Faq=function(){return(0,r.jsxs)(y,{children:[(0,r.jsx)("h3",{children:"Frequently Asked Questions"}),(0,r.jsx)("div",{className:"faq-container",children:b.map((n,e)=>(0,r.jsx)(f.Z,{item:n},e))})]})};function Footer_templateObject(){let n=(0,i._)(["\n background-color: ",";\n padding: 60px 0;\n h2 {\n text-align: center;\n "," {\n font-size: 13px;\n width: 95%;\n }\n "," {\n width: 75%;\n font-size: 24px;\n }\n "," {\n font-size: 30px;\n }\n }\n\n "," {\n display: flex;\n color: ",";\n flex-flow: column nowrap;\n gap: 1.5rem;\n position: relative;
1\n align-items: center;\n }\n\n "," {\n }\n\n "," {\n align-items: center;\n }\n\n "," {\n }\n\n h2 {\n ",' {\n font-family: "PixelGridM", sans-serif;\n font-size: 18px;\n line-height: 1.4;\n letter-spacing: 0.03em;\n }\n '," {\n font-size: 24px;\n }\n "," {\n font-size: 24px;\n }\n }\n"]);return Footer_templateObject=function(){return n},n}let j=o.default.div.withConfig({componentId:"sc-7f68a212-0"})(Footer_templateObject(),n=>{let{theme:e}=n;return e.colors.semantic.background.grey.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},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg},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 landing_Footer=function(n){let{isRegistered:e}=n,t=m().get().codedextoken||"",i=(0,x.v9)(c.zr),o=(0,l.T)();return(0,r.jsxs)(j,{children:[(0,r.jsx)("h2",{children:"Ready to start the challenge?"}),(0,r.jsx)("img",{src:"/images/30-nites-of-code/footer.gif",alt:"A pet inviting you to start the challenge"}),e?(0,r.jsx)(p(),{href:"/@".concat(i,"/30-nites-of-code"),style:{all:"unset"},children:(0,r.jsx)(a.Z,{variant:"yellow",children:"View pet"})}):(0,r.jsx)(r.Fragment,{children:t?(0,r.jsx)(a.Z,{variant:"green",onClick:()=>void o((0,c.J)({type:"nocOnboarding",status:"show",properties:{}})),children:"I'm ready!"}):(0,r.jsx)(p(),{href:"/signup",style:{all:"unset"},children:(0,r.jsx)(a.Z,{variant:"green",children:"I'm ready!"})})})]})},w=t(2711),k=t.n(w);function HowItWorks_templateObject(){let n=(0,i._)(["\n padding: 0rem 1rem;\n "," {\n width: 100%;\n display: flex;\n flex-flow: column nowrap;\n align-items: center;\n justify-content: center;\n background-color: ",';\n padding-bottom: 64px;\n\n h2 {\n margin-top: 64px;\n font-family: "PixelGridM", sans-serif;\n line-height: 1.4;\n letter-spacing: 0.03em;\n font-size: 24px;\n text-align: center;\n color: ',";\n margin-bottom: 32px;\n }\n }\n\n "," {\n }\n\n "," {\n }\n\n "," {\n }\n"]);return HowItWorks_templateObject=function(){return n},n}function HowItWorks_templateObject1(){let n=(0,i._)(["\n "," {\n display: flex;\n flex-direction: column;\n\n .step-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 60px;\n margin: 0 auto;\n\n img {\n width: 250px;\n }\n\n .step-text-container {\n display: flex;\n gap: 24px;\n\n span {\n color: ",';\n font-family: "PixelGridM", sans-serif;\n font-size: 48px;\n line-height: 1.4;\n letter-spacing: 0.03em;\n margin-top: -3px;\n }\n\n .step-text {\n display: flex;\n flex-direction: column;\n gap: 16px;\n max-width: 441px;\n\n h3 {\n font-family: Mulish, sans-serif;\n font-weight: bold;\n font-size: ',"px;\n color: ",";\n }\n p {\n font-family: Mulish, sans-serif;\n font-weight: 600;\n font-size: ","px;\n color: ",";\n }\n }\n }\n }\n }\n\n "," {\n .step-container {\n display: flex;\n flex-direction: row;\n margin-bottom: 2rem;\n }\n }\n "," {\n }\n "," {\n }\n"]);return HowItWorks_templateObject1=function(){return n},n}function _templateObject2(){let n=(0,i._)(["\n z-index: 1;\n background-color: ",";\n padding-top: 60px;\n padding-bottom: 60px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n ",' {\n width: 100%;\n\n h3 {\n font-family: "PixelGridM", sans-serif;\n line-height: 1.4;\n letter-spacing: 0.03em;\n font-size: 24px;\n text-align: center;\n color: ',";\n margin-bottom: 32px;\n\n span {\n color: ",";\n }\n }\n\n .stats-container {\n display: flex;\n flex-direction: column;\n }\n\n .stat {\n border: 2px solid ",";\n border-radius: 10px;\n color: ",';\n transition-duration: 0.3s;\n margin: 1rem auto;\n z-index: 9;\n padding: 16px;\n display: flex;\n max-width: 320px;\n min-width: 320px;\n font-family: "Mulish", sans-serif;\n align-items: center;\n\n img {\n width: 40px;\n height: 40px;\n }\n\n .stat-text {\n display: flex;\n flex-direction: column;\n gap: 8px;\n margin-left: 1rem;
1\n\n p:first-child {\n font-family: "PixelGridM", sans-serif;\n font-size: 20px;\n color: ',';\n }\n\n p {\n font-family: "Mulish", sans-serif;\n font-size: 12px;\n margin: 0;\n color: ',";\n }\n }\n }\n }\n\n "," {\n }\n\n "," {\n .stats-container {\n display: flex;\n flex-direction: row;\n gap: 1rem;\n justify-content: center;\n }\n }\n\n "," {\n }\n"]);return _templateObject2=function(){return n},n}t(20927);let v=o.default.div.withConfig({componentId:"sc-15d88386-0"})(HowItWorks_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.colors.semantic.background.grey.secondary},n=>{let{theme:e}=n;return e.colors.semantic.text.primary},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg}),_=o.default.div.withConfig({componentId:"sc-15d88386-1"})(HowItWorks_templateObject1(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.colors.semantic.border.grey.medium},n=>{let{theme:e}=n;return e.fontSize.xl},n=>{let{theme:e}=n;return e.colors.semantic.text.primary},n=>{let{theme:e}=n;return e.fontSize.m},n=>{let{theme:e}=n;return e.colors.semantic.text.secondary},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg}),C=o.default.div.withConfig({componentId:"sc-15d88386-2"})(_templateObject2(),n=>{let{theme:e}=n;return e.colors.semantic.background.grey.primary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.colors.semantic.text.primary},n=>{let{theme:e}=n;return e.colors.palette.blue["500"]},n=>n.theme.colors.profileBorder,n=>{let{theme:e}=n;return e.colors.semantic.text.primary},n=>{let{theme:e}=n;return e.colors.semantic.text.primary},n=>{let{theme:e}=n;return e.colors.semantic.text.tertiary},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg});var landing_HowItWorks=function(){return(0,s.useEffect)(()=>{k().init({mirror:!1,once:!0})},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(v,{children:[(0,r.jsx)("h2",{children:"How it works"}),(0,r.jsxs)(_,{children:[(0,r.jsxs)("div",{className:"step-container",children:[(0,r.jsx)("img",{src:"/images/30-nites-of-code/step-1.gif",alt:"Step 1"}),(0,r.jsxs)("div",{className:"step-text-container",children:[(0,r.jsx)("span",{children:"1."}),(0,r.jsxs)("div",{className:"step-text",children:[(0,r.jsx)("h3",{children:"Commit to the challenge"}),(0,r.jsx)("p",{children:"Adopt your very own virtual pet by choosing from one of three mysterious eggs. Make a commitment to your goals (and to raising your new buddy)."})]})]})]}),(0,r.jsxs)("div",{className:"step-container",children:[(0,r.jsx)("img",{src:"/images/30-nites-of-code/step-2.gif",alt:"Step 2"}),(0,r.jsxs)("div",{className:"step-text-container",children:[(0,r.jsx)("span",{children:"2."}),(0,r.jsxs)("div",{className:"step-text",children:[(0,r.jsx)("h3",{children:"Log progress every day"}),(0,r.jsx)("p",{children:"Take care of your pet by logging one coding-related action each dayâfrom completing a Cod\xe9dex lesson, to working on a project or watching a tutorial. Only have a few minutes? Even the smallest progress counts!"})]})]})]}),(0,r.jsxs)("div",{className:"step-container",children:[(0,r.jsx)("img",{src:"/images/30-nites-of-code/step-3.gif",alt:"Step 3"}),(0,r.jsxs)("div",{className:"step-text-container",children:[(0,r.jsx)("span",{children:"3."}),(0,r.jsxs)("div",{className:"step-text",children:[(0,r.jsx)("h3",{children:"Complete #30NitesOfCode"}),(0,r.jsx)("p",{children:"Your pet will evolve with your consistent daily practice. Complete the challenge by reaching 30 days of progress and show off your pet in our community Wall of Fame!"})]})]})]})]})]}),(0,r.jsxs)(C,{children:[(0,r.jsxs)("h3",{children:["Join over ",(0,r.jsx)("span",{children:"42,000"})," other learners in the challenge"]}),(0,r.jsxs)("div",{className:"stats-container",children:[(0,r.jsxs)("div",{className:"stat",children:[(0,r.jsx)("img",{src:"/images/30-nites-of-code/egg.png",alt:"123"}),(0,r.jsxs)("div",{className:"stat-text",children:[(0,r.jsx)("p",{children:"45,000+"}),(0,r.jsx)("p",{children:"PETS HATCHED"})]})]}),(0,r.jsxs)("div",{className:"stat",children:[(0,r.jsx)("img",{src:"/images/30-nites-of-code/trophy.png",alt:"123"}),(0,r.jsxs)("div",{className:"stat-text",children:[(0,r.jsx)("p",{children:"1,800+"}),(0,r.jsx)("p",{children:"COMPLETED CHALLENGES"})]})]}),(0,r.jsxs)("div",{className:"stat",children:[(0,r.jsx)("img",{src:"/images/30-nites-of-code/calendar.png",alt:"123"}),(0,r.jsxs)("div",{className:"stat-text",children:[(0,r.jsx)("p",{children:"147,000+"}),(0,r.jsx)("p",{children:"DAYS COMPLETED TOTAL"})]})]})]})]})]})},z=t(86961),N=t(99428),O=t(67687),I=!0,_30_nites_of_code=function(){let[n,e]=(0,s.use
1State)(!1),t=(0,x.v9)(c.f8),i=(0,s.useCallback)(async function(){let n=sessionStorage.getItem("nites-of-code");if(void 0!=n?JSON.parse(n):null)e(!0);else{let n=await (0,O.h)({uid:t});200===n.status&&(e(!0),sessionStorage.setItem("nites-of-code",JSON.stringify(n)))}},[t]);return(0,s.useEffect)(()=>{t&&i()},[i,t]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(N.Z,{}),(0,r.jsx)(landing_Banner,{isRegistered:n}),(0,r.jsx)(landing_HowItWorks,{}),(0,r.jsx)(Faq,{}),(0,r.jsx)(landing_Footer,{isRegistered:n}),(0,r.jsx)(z.Z,{disableMarginTop:!0})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,6961,9774,2888,179],function(){return n(n.s=51326)}),_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.