1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7033],{83306:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/challenges",function(){return t(318)}])},318:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return f},default:function(){return challenges}});var a=t(85893),r=t(99428),l=t(86961),i=t(82729),p=t(19521);function _templateObject(){let n=(0,i._)(["\n margin-top: 3.8rem;\n padding: 60px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n background-color: ",";\n\n p,\n h2 {\n margin: 0px;\n }\n\n h2 {\n color: ",';\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 text-align: center;\n }\n\n p {\n color: ',';\n font-family: "Mulish", sans-serif;\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n text-align: center;\n\n '," {\n br {\n display: none;\n }\n }\n\n "," {\n br {\n display: inline-block;\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let o=p.default.div.withConfig({componentId:"sc-382da7c3-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.secondary},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.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var landingPage_CodeChallengesBanner=function(){return(0,a.jsxs)(o,{children:[(0,a.jsx)("h2",{children:"Challenge Packs"}),(0,a.jsxs)("p",{children:["Practice your coding reps while earning XP! Complete a pack of code challenges to test your ",(0,a.jsx)("br",{}),"knowledge of programming concepts as you learn on Cod\xe9dex."]})]})},c=t(67294),x=t(79044),s=t(46869),d=t(49984);function ComingSoonDeckFace_templateObject(){let n=(0,i._)(['\n border-radius: 16px;\n opacity: 0.5;\n\n .outer-wrapper {\n padding: 16px;\n width: 100%;\n height: 100%;\n background-color: #334155;\n border-radius: 16px;\n box-shadow: 0px 3.32px 11.288px 3.984px rgba(2, 6, 23, 0.2);\n position: relative;\n transition:\n top 0.2s ease,\n left 0.2s ease;\n top: 0px;\n left: 0px;\n\n p {\n margin: 0px;\n }\n\n .inner-wrapper {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n\n background:\n linear-gradient(0deg, #64748b 0%, #64748b 100%),\n url("/images/challenge_packs/textures/deckfaces/deck-face.webp") lightgray 50% /\n cover no-repeat;\n\n background-blend-mode: color, normal;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 27px;\n\n .card-text {\n text-align: center;\n color: #f1f5f9;\n text-shadow:\n -2.66px -2.66px 0px #334155,\n -2.66px 2.66px 0px #334155,\n 2.66px -2.66px 0px #334155,\n 2.66px 2.66px 0px #334155,\n -2.66px 0px 0px #334155,\n 2.66px 0px 0px #334155,\n 0px -2.66px 0px #334155,\n 0px 2.66px 0px #334155,\n -1.88px -1.88px 0px #334155,\n -1.88px 1.88px 0px #334155,\n 1.88px -1.88px 0px #334155,\n 1.88px 1.88px 0px #334155,\n -0.004px 1.324px 0px #020617,\n -0.004px 6.644px 0px #020617,\n 5.316px 1.324px 0px #020617,\n 5.316px 6.644px 0px #020617,\n -0.004px 3.984px 0px #020617,\n 5.316px 3.984px 0px #020617,\n 2.656px 1.324px 0px #020617,\n 2.656px 6.644px 0px #020617,\n 0.776px 2.104px 0px #020617,\n 0.776px 5.864px 0px #020617,\n 4.536px 2.104px 0px #020617,\n 4.536px 5.864px 0px #020617;\n font-family: "PixelGridM";\n font-size: 20px;\n font-style: normal;\n font-weight: 700;\n line-height: 32px;\n letter-spacing: 0.8px;\n }\n\n img {\n width: 80px;\n height: 80px;\n image-rendering: pixelated;\n }\n }\n }\n']);
1return ComingSoonDeckFace_templateObject=function(){return n},n}let g=p.default.div.withConfig({componentId:"sc-c5bf4701-0"})(ComingSoonDeckFace_templateObject());var cards_ComingSoonDeckFace=function(){return(0,a.jsx)(g,{className:"individual-deck-wrapper",children:(0,a.jsx)("div",{className:"outer-wrapper",children:(0,a.jsxs)("div",{className:"inner-wrapper",children:[(0,a.jsx)("p",{className:"card-text",children:"Coming soon"}),(0,a.jsx)("img",{src:"/images/challenge_packs/questionmark.png",alt:"course image"}),(0,a.jsx)("p",{className:"card-text",children:"Coming soon"})]})})})},u=t(41664),m=t.n(u);function CodeChallengesPackGrid_templateObject(){let n=(0,i._)(["\n padding: 48px 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n\n .tags-wrapper {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .decks-grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n gap: 32px;\n width: 100%;\n max-width: 996px;\n\n .individual-deck-wrapper {\n width: 300px;\n max-width: 100%;\n height: 400px;\n }\n\n a {\n text-decoration: none;\n }\n }\n"]);return CodeChallengesPackGrid_templateObject=function(){return n},n}let h=p.default.div.withConfig({componentId:"sc-6d145ea9-0"})(CodeChallengesPackGrid_templateObject());var landingPage_CodeChallengesPackGrid=function(n){let{packs:e}=n,[t,r]=(0,c.useState)(["all"]),l=(0,c.useCallback)(n=>{r(e=>e.includes(n)?e.filter(e=>e!==n):[n])},[]),i=(0,c.useMemo)(()=>{let n=Object.entries(e).map(n=>{let[e,t]=n;return{packName:e,pack:t}}),a=n;return!t.includes("all")&&t.length>0&&(a=n.filter(n=>{var e;let{pack:a}=n,r=(null===(e=a.packMetadata)||void 0===e?void 0:e.tags)||[];return t.some(n=>r.some(e=>e.toLowerCase()===n.toLowerCase()))})),a.sort((n,e)=>{var t,a;let r=(null===(t=n.pack.packMetadata)||void 0===t?void 0:t.order)||0,l=(null===(a=e.pack.packMetadata)||void 0===a?void 0:a.order)||0;return r-l}),a},[e,t]);return(0,a.jsxs)(h,{children:[(0,a.jsx)("div",{className:"tags-wrapper",children:s.p5.map(n=>(0,a.jsx)(x.Z,{tag:n.internalName,displayName:n.displayName,isSelected:t.includes(n.internalName),onToggle:l},n.internalName))}),(0,a.jsxs)("div",{className:"decks-grid",children:[i.filter(n=>{let{packName:e}=n;return s.Rn[e.toLowerCase()]}).map(n=>{var e,t;let{packName:r,pack:l}=n;return(0,a.jsx)(m(),{href:"/challenges/".concat(null===(e=l.packMetadata)||void 0===e?void 0:e.name,"/").concat(null===(t=l.challenges[0])||void 0===t?void 0:t.name),children:(0,a.jsx)(d.Z,{pack:l,internalPackName:r})},r)}),(t.includes("all")||0===t.length)&&(0,a.jsx)(a.Fragment,{children:Array.from({length:5},(n,e)=>(0,a.jsx)(cards_ComingSoonDeckFace,{},e))})]})]})},f=!0,challenges=function(n){let{packs:e}=n;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.Z,{}),(0,a.jsx)(landingPage_CodeChallengesBanner,{}),(0,a.jsx)(landingPage_CodeChallengesPackGrid,{packs:e}),(0,a.jsx)(l.Z,{})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,6961,9774,2888,179],function(){return n(n.s=83306)}),_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.