1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2372],{72815:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/builds",function(){return t(89664)}])},36794:function(n,e,t){"use strict";var i=t(85893);e.Z=function(n){let{color:e="black",...t}=n;return(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"21",height:"20",viewBox:"0 0 21 20",fill:"none",...t,children:[(0,i.jsx)("path",{d:"M7.16602 4.16699H8.83268V5.83366H7.16602V4.16699Z",fill:"white"}),(0,i.jsx)("path",{d:"M5.49935 5.83366H7.16602V7.50033H5.49935V5.83366Z",fill:"white"}),(0,i.jsx)("path",{d:"M3.83268 7.50033H5.49935V9.16699H3.83268V7.50033Z",fill:"white"}),(0,i.jsx)("path",{d:"M2.16602 9.16699H3.83268V10.8337H2.16602V9.16699Z",fill:"white"}),(0,i.jsx)("path",{d:"M3.83268 10.8337H5.49935V12.5003H3.83268V10.8337Z",fill:"white"}),(0,i.jsx)("path",{d:"M5.49935 12.5003H7.16602V14.167H5.49935V12.5003Z",fill:"white"}),(0,i.jsx)("path",{d:"M7.16602 14.167H8.83268V15.8337H7.16602V14.167Z",fill:"white"}),(0,i.jsx)("path",{d:"M13.8327 4.16699H12.166V5.83366H13.8327V4.16699Z",fill:"white"}),(0,i.jsx)("path",{d:"M15.4993 5.83366H13.8327V7.50033H15.4993V5.83366Z",fill:"white"}),(0,i.jsx)("path",{d:"M17.166 7.50033H15.4993V9.16699H17.166V7.50033Z",fill:"white"}),(0,i.jsx)("path",{d:"M18.8327 9.16699H17.166V10.8337H18.8327V9.16699Z",fill:"white"}),(0,i.jsx)("path",{d:"M17.166 10.8337H15.4993V12.5003H17.166V10.8337Z",fill:"white"}),(0,i.jsx)("path",{d:"M15.4993 12.5003H13.8327V14.167H15.4993V12.5003Z",fill:"white"}),(0,i.jsx)("path",{d:"M13.8327 14.167H12.166V15.8337H13.8327V14.167Z",fill:"white"})]})}},49013:function(n,e,t){"use strict";var i=t(85893);e.Z=function(n){let{fill:e="#CBD5E1",...t}=n;return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,i.jsx)("path",{d:"M13 11H20V13H13V20H11V13H4V11H11V4H13V11Z",fill:"white"})})}},65285:function(n,e,t){"use strict";t.d(e,{Z:function(){return paywall_BuildsPaywallModel}});var i=t(82729),l=t(85893),r=t(19521),o=t(41664),s=t.n(o),a=t(72502),c=t(45540),d=t(57194),p=t(31977);function _templateObject(){let n=(0,i._)(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 40px;\n border-radius: 8px;\n padding: 24px 0px;\n position: relative;\n\n &.paid {\n border: 2px solid ",";\n background-color: ",";\n }\n\n .ribbon {\n border-radius: 100px;\n border: 2px solid ",";\n background-color: ",";\n white-space: nowrap;\n\n padding: 5px 12px;\n position: absolute;\n top: 0px;\n left: 50%;\n transform: translate(-50%, -50%);\n\n p {\n color: ",";\n font-size: 12px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n\n .column-header {\n height: 66px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .title {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n flex: 1;\n\n img {\n width: 32px;\n height: 29.388px;\n }\n\n .explore {\n color: ",";\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n }\n\n .club {\n font-size: 18px;\n font-weight: 900;\n line-height: 150%;\n letter-spacing: 0.9px;\n text-transform: capitalize;\n\n background: linear-gradient(\n 255deg,\n #a3e635 7.8%,\n #2cbaff 42.72%,\n #be53ff 77.63%,\n #ff7286 113.61%\n );\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n }\n\n .sub-copy {\n width: 100%;\n text-align: center;\n gap: 16px;\n\n color: ",";\n\n .compare {\n display: flex;\n justify-content: start;\n width: 100%;\n font-size: 16px;\n font-weight: 700;\n line-height: 150%;\n }\n\n .sub {\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n\n strong {\n color: ",";\n }\n }\n }\n }\n\n .cells-wrapper {\n display: flex;\n flex-direction: column;\n\n .cell {\n height: 64px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .info {\n justify-content: start;\n color: ",";\n font-size: 18px;\n font-weight: 700;\n line-height: 150%;\n }\n\n .free {\n color: ",";\n font-size: 16px;\n font-weight: 500;\n line-height: 150%;\n }\n\n .paid {\n color: ",";\n font-size: 16px;\n font-weight: 600;\n line-height: 150%;\n }\n }\n"]);
1return _templateObject=function(){return n},n}let u=r.default.div.withConfig({componentId:"sc-ddeec340-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.blue.primary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.blue.primary},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.primary},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.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.green});var paywall_PaywallColumn=function(n){let{type:e}=n,t={header:{info:{title:"",subCopy:(0,l.jsx)("p",{className:"compare",children:"Compare Features"})},free:{title:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:"/images/pricing/boy-working.svg"}),(0,l.jsx)("p",{className:"explore",children:"Explorer"})]}),subCopy:(0,l.jsx)("p",{className:"sub",children:"Free (Current plan)"})},paid:{title:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("img",{src:"/images/pricing/girl-working.svg"}),(0,l.jsx)("p",{className:"club",children:"CLUB"})]}),subCopy:(0,l.jsxs)("p",{className:"sub",children:["As low as ",(0,l.jsx)("strong",{children:"$9.99"})," / month"]})}},cells:{"build-limits":{info:"Build limits",free:"".concat(d.QF," Builds"),paid:"Unlimited Builds"},customurls:{info:"Custom URLs",free:"check",paid:"check"},"project-storage":{info:"Project storage",free:"10 MB / Project",paid:"1 GB / Project"},"hide-logo":{info:"Hide Cod\xe9dex logo",free:"â",paid:"check"}}},i=t.header[e];return(0,l.jsxs)(u,{className:"paywall-column ".concat(e),children:["paid"===e&&(0,l.jsx)("div",{className:"ribbon",children:(0,l.jsx)("p",{children:"RECOMMENDED"})}),(0,l.jsxs)("div",{className:"column-header",children:[(0,l.jsx)("div",{className:"title",children:i.title}),(0,l.jsx)("div",{className:"sub-copy",children:i.subCopy})]}),(0,l.jsx)("div",{className:"cells-wrapper",children:Object.entries(t.cells).map(n=>{let[t,i]=n;return(0,l.jsx)("div",{className:"cell ".concat(e),children:function(n){let{value:e}=n;return"check"===e?(0,l.jsx)(p.Z,{}):(0,l.jsx)("p",{className:"cell-value",children:e})}({value:i[e]})},t)})})]})},x=t(73857),h=t(67294),f=t(54465),g=t(86664),m=t(65519),b=t(68551),j=t(99999);function CheckoutModal_templateObject(){let n=(0,i._)(["\n h2 {\n color: #020617 !important;\n }\n\n .is-checkout {\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n }\n"]);return CheckoutModal_templateObject=function(){return n},n}let w=r.default.div.withConfig({componentId:"sc-5a0a2a10-0"})(CheckoutModal_templateObject());function CheckoutModal(n){let{isOpen:e,isOnboarding:t=!1,handleCloseModel:i}=n,[r,o]=(0,h.useState)(null),[s,a]=(0,h.useState)(!1),[c,d]=(0,h.useState)(!0),[p,u]=(0,h.useState)({club:{monthly:"$19.99",annual:"$9.99",annualTotal:"$119.88",monthlyNumber:19.99,annualNumber:9.99,annualTotalNumber:119.88},workshop:{monthly:"$24.99",annual:"$19.99"},type:"USD",sign:"$"});return(0,h.useEffect)(()=>{o((0,f.J)(b.Tj))},[]),(0,h.useEffect)(()=>{(0,m.G)().then(u).catch(n=>console.error("getUserCurrency failed:",n))},[]),(0,h.useEffect)(()=>{a("USD"===p.type)},[p.type]),(0,l.jsx)(w,{children:(0,l.jsx)(g.Elements,{stripe:r,children:(0,l.jsx)(j.Z,{enablePaypal:s,isOpen:e,annual:c,setAnnual:d,currency:p,isOnboarding:t,handleCloseModel:i,noRedirect:!0})})})}function BuildsPaywallModel_templateObject(){let n=(0,i._)(["\n * {\n margin: 0px;\n }\n\n .popup-container {\n width: 865px;\n height: fit-content;\n }\n\n .inner-popup-container {\n display: flex;\n flex-direction: column;\n gap: 40px;\n\n .header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n color: ",';\n\n h2 {\n font-family: "PixelGridM";\n font-size: 24px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n p {\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n a {\n color: ',";\n text-decoration: underline;\n }\n }\n }\n\n .column-wrapper {\n display: flex;\n gap: 24px;\n }\n\n .btn-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n\n p {\n color: ",";\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n }\n }\n }\n"]);
1return BuildsPaywallModel_templateObject=function(){return n},n}let H=(0,r.default)(a.Z).withConfig({componentId:"sc-c9e3d56b-0"})(BuildsPaywallModel_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});var paywall_BuildsPaywallModel=function(n){let{setShowPaywall:e}=n,[t,i]=(0,h.useState)(!1);return t?(0,l.jsx)(CheckoutModal,{isOpen:t,handleCloseModel:()=>{i(!1),e()}}):(0,l.jsx)(H,{setShowModel:e,children:(0,l.jsxs)(c.Z,{className:"popup-container",iconAction:e,children:[(0,l.jsxs)("div",{className:"header",children:[(0,l.jsx)("h2",{children:"Upgrade to Club for unlimited Builds"}),(0,l.jsxs)("p",{children:["Subscribe to unlock unlimited access to Build features, plus get access to everything in ",(0,l.jsx)(s(),{href:"/pricing",children:"Cod\xe9dex Club"}),"."]})]}),(0,l.jsxs)("div",{className:"column-wrapper",children:[(0,l.jsx)(paywall_PaywallColumn,{type:"info"}),(0,l.jsx)(paywall_PaywallColumn,{type:"free"}),(0,l.jsx)(paywall_PaywallColumn,{type:"paid"})]}),(0,l.jsxs)("div",{className:"btn-wrapper",children:[(0,l.jsx)(x.Z,{onClick:()=>i(!t),children:"Subscribe Now"}),(0,l.jsx)("p",{children:"3 day money-back guarantee. Cancel anytime."})]})]})})}},31977:function(n,e,t){"use strict";var i=t(82729),l=t(85893),r=t(19521);function _templateObject(){let n=(0,i._)(["\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n path {\n fill: ",";\n }\n }\n"]);return _templateObject=function(){return n},n}let o=r.default.div.withConfig({componentId:"sc-627cf3be-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.background.green.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.green});e.Z=function(){return(0,l.jsx)(o,{children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"12",viewBox:"0 0 16 12",fill:"none",children:(0,l.jsx)("path",{d:"M6 12H4V10H6V12ZM4 10H2V8H4V10ZM8 8V10H6V8H8ZM2 8H0V6H2V8ZM10 8H8V6H10V8ZM12 6H10V4H12V6ZM14 4H12V2H14V4ZM16 2H14V0H16V2Z",fill:"#3F6212"})})})}},95796:function(n,e,t){"use strict";t.d(e,{V:function(){return Benefit}});var i=t(82729),l=t(85893),r=t(19521),o=t(62626),s=t(41664),a=t.n(s),c=t(73857);function _templateObject(){let n=(0,i._)(['\n padding: 64px 0px;\n background: linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #2e1065;\n background-blend-mode: hard-light, normal;\n font-family: "Mulish", sans-serif;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n '," {\n padding: 48px 1rem;\n }\n ",' {\n padding: 64px 1rem;\n }\n\n * {\n margin: 0px;\n }\n\n h3 {\n color: #fff;\n text-align: center;\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\n .wrapper {\n margin-top: 24px;\n display: flex;\n flex-direction: column;\n gap: 40px;\n\n .cta {\n color: #cbd5e1;\n text-align: center;\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n a {\n color: #cbd5e1;\n text-decoration: underline;\n }\n }\n\n .benefits-wrapper {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(341px, 1fr));\n\n '," {\n gap: 32px;\n }\n "," {\n gap: 64px;\n }\n }\n }\n\n .desktop-btn {\n margin-top: 32px;\n\n "," {\n display: none;\n }\n "," {\n display: block;\n }\n }\n\n .mobile-btn {\n "," {\n display: block;\n }\n "," {\n display: none;\n }\n\n button {\n width: 100%;\n }\n }\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n * {\n margin: 0px;\n }\n\n .text-wrappers {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .title {\n color: #fff;\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n }\n\n .description {\n color: #cbd5e1;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n }\n"]);
1return _templateObject1=function(){return n},n}let d=r.default.div.withConfig({componentId:"sc-cb0d8ee0-0"})(_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.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm}),BookIcon=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M14.667 6.66699H4V22.667H14.667V6.66699H17.333V22.667H28V6.66699H17.333V4H30.667V25.333H17.333V28H14.667V25.333H1.33301V4H14.667V6.66699ZM22.667 20H20V17.333H22.667V20ZM25.333 16H20V13.333H25.333V16ZM25.333 12H20V9.33301H25.333V12Z",fill:"#14ADFF"})}),CertIcon=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M29.3335 10.667H26.6665V5.33398H5.3335V24H7.99951V21.334H10.6665V24H8.00049V26.667H5.3335V29.334H2.6665V2.66699H29.3335V10.667ZM26.6665 29.334H15.9995V26.667H26.6665V29.334ZM15.9995 26.667H13.3335V16H15.9995V26.667ZM29.3335 26.667H26.6665V16H29.3335V26.667ZM21.3335 21.334H23.9995V24H18.6665V18.667H21.3335V21.334ZM26.6665 16H15.9995V13.334H26.6665V16Z",fill:"#A3E635"})}),MentorsIcon=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M25.333 29.333H14.667V26.667H22.667V24H18.667V13.333H25.333V5.33301H28V24H25.333V29.333ZM6.66699 13.333H13.333V24H4V5.33301H6.66699V13.333ZM6.66699 21.333H10.667V16H6.66699V21.333ZM21.333 21.333H25.333V16H21.333V21.333ZM25.333 5.33301H6.66699V2.66699H25.333V5.33301Z",fill:"#94A3B8"})}),AiHelpIcon=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M15.9995 26.667H13.3335V24H15.9995V26.667ZM29.3335 24H15.9995V21.334H26.6665V5.33398H5.3335V21.334H10.6665V26.667H13.3335V29.334H7.99951V24H2.6665V2.66699H29.3335V24Z",fill:"#EC4899"})}),CodeIcon=()=>(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:[(0,l.jsx)("path",{d:"M10.666 6.66699H13.3327V9.33366H10.666V6.66699Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M7.99935 9.33366H10.666V12.0003H7.99935V9.33366Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M5.33268 12.0003H7.99935V14.667H5.33268V12.0003Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M2.66602 14.667H5.33268V17.3337H2.66602V14.667Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M5.33268 17.3337H7.99935V20.0003H5.33268V17.3337Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M7.99935 20.0003H10.666V22.667H7.99935V20.0003Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M10.666 22.667H13.3327V25.3337H10.666V22.667Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M21.3327 6.66699H18.666V9.33366H21.3327V6.66699Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M23.9994 9.33366H21.3327V12.0003H23.9994V9.33366Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M26.666 12.0003H23.9994V14.667H26.666V12.0003Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M29.3327 14.667H26.666V17.3337H29.3327V14.667Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M26.666 17.3337H23.9994V20.0003H26.666V17.3337Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M23.9994 20.0003H21.3327V22.667H23.9994V20.0003Z",fill:"#A78BFA"}),(0,l.jsx)("path",{d:"M21.3327 22.667H18.666V25.3337H21.3327V22.667Z",fill:"#A78BFA"})]}),EventsIcon=()=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"27",viewBox:"0 0 32 27",fill:"none",children:(0,l.jsx)("path",{d:"M2.66699 24H18.667V18.666H21.334V26.666H0V18.666H2.66699V24ZM32 26.666H24V24H29.334V18.666H32V26.666ZM18.667 18.666H2.66699V16H18.667V18.666ZM29.333 18.666H24V16H29.333V18.666ZM14.667 13.333H6.66699V10.666H14.667V13.333ZM25.333 13.333H20V10.666H25.333V13.333ZM6.66699 10.666H4V2.66602H6.66699V10.666ZM17.334 10.666H14.667V2.66602H17.334V10.666ZM28 10.666H25.334V2.66602H28V10.666ZM14.667 2.66602H6.66699V0H14.667V2.66602ZM25.333 2.66602H20V0H25.333V2.66602Z",fill:"#FDE047"})});e.Z=function(){return(0,l.jsxs)(d,{children:[(0,l.jsx)("h3",{children:"Join the Club"}),(0,l.jsxs)(o.Z,{className:"wrapper",children:[(0,l.jsxs)("p",{className:"cta",children:["Make your career change to tech with unlimited access to learning content, Club-only perks, and personalized support designed to help you reach your goals. Starting at just $9.99/month. ",(0,l.jsx)(a(),{href:"/pricing",children:"Learn more"})]}),(0,l.jsx)(a(),{href:"/pricing",style:{textDecoration:"none"},className:"mobile-btn",children:(0,l.jsx)(c.Z,{variant:"yellow",children:"Join Club now"})}),(0,l.jsxs)("div",{className:"benefits-wrapper",children:[(0,l.jsx)(Benefit,{svg:(0,l.jsx)(BookIcon,{}),title:"Complete access to Courses",description:"Get full access to all courses, including Club-only subjects such as Data Structures and Algorithms, Node.js, and more."}),(0,l.jsx)(Benefit,{svg:(0,l.jsx)(CertIcon,{}),title:"Course Certificates",description:"Start your path to become a software developer by earning certificates of completion for Python, HTML, JavaScript, and more."}),(0,l.jsx)(Benefit,{svg:(0,l.jsx)(MentorsIcon,{}),title:"Code Mentors",description:"Receive personalized feedback on your coding projects and get access to on-demand help from mentors on Discord."}),(0,l.jsx)(Benefit,{svg:(0,l.jsx)(AiHelpIcon,{}),title:"Unlimited help from AI",description:"Have a question? Ask Lumi, your AI-powered coding companion! Debug code, brainstorm projects, and get practice problems personalized to your progress."}),(0,l.jsx)(Benefit,{svg:(0,l.jsx)(CodeIcon,{}),title:"Unlimited Builds",description:"Build your next project, test code snippets, and host your creations right here on Cod\xe9dexâno download required."}),(0,l.jsx)(Benefit,{svg:(0,l.jsx)(EventsIcon,{}),title:"Club-exclusive events",description:"Join an international community of other motivated learners for game nights, resume workshops, and more."})]})]}),(0,l.jsx)(a(),{href:"/pricing",style:{textDecoration:"none"},className:"desktop-btn",children:(0,l.jsx)(c.Z,{variant:"yellow",children:"Join Club now"})})]})};let p=r.default.div.withConfig({componentId:"sc-cb0d8ee0-1"}
1)(_templateObject1());function Benefit(n){let{title:e,description:t,svg:i}=n;return(0,l.jsxs)(p,{children:[i,(0,l.jsxs)("div",{className:"text-wrappers",children:[(0,l.jsx)("p",{className:"title",children:e}),(0,l.jsx)("p",{className:"description",children:t})]})]})}},9837:function(n,e,t){"use strict";t.d(e,{Z:function(){return project_showcase_EmbeddedDemo}});var i=t(82729),l=t(85893),r=t(19521),o=t(73857),s=t(36794),a=t(50823),icons_FullscreenIcon=function(n){let{color:e="currentColor",className:t="",...i}=n;return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:t,...i,children:[(0,l.jsx)("path",{d:"M3 3H9V5H5V9H3V3Z",fill:e}),(0,l.jsx)("path",{d:"M15 3H21V9H19V5H15V3Z",fill:e}),(0,l.jsx)("path",{d:"M3 15H5V19H9V21H3V15Z",fill:e}),(0,l.jsx)("path",{d:"M19 15H21V21H15V19H19V15Z",fill:e})]})},icons_FullscreenExitIcon=function(n){let{color:e="currentColor",className:t="",...i}=n;return(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:t,...i,children:[(0,l.jsx)("path",{d:"M9 9H3V7H7V3H9V9Z",fill:e}),(0,l.jsx)("path",{d:"M15 9V3H17V7H21V9H15Z",fill:e}),(0,l.jsx)("path",{d:"M9 15V21H7V17H3V15H9Z",fill:e}),(0,l.jsx)("path",{d:"M15 15H21V17H17V21H15V15Z",fill:e})]})},c=t(18268),d=t(9473),p=t(81776),u=t(609),x=t(41664),h=t.n(x),f=t(89547),g=t(43754),m=t(67294);function _templateObject(){let n=(0,i._)(["\n border-radius: 4px;\n border: 2px solid ",";\n overflow: hidden;\n display: flex;\n flex-direction: column;\n height: ",";\n /* background color to blend out subpixel line artifact between iframe and button bar */\n background-color: ",";\n\n .frame {\n position: relative;\n flex: 1;\n min-height: 0;\n display: flex;\n }\n\n iframe {\n flex: 1;\n width: 100%;\n border: none;\n /* Prevent transparent Builds background by defaulting to white */\n background-color: #fff;\n }\n\n .click-shield {\n position: absolute;\n inset: 0;\n cursor: pointer;\n background: transparent;\n }\n\n .btn-wrapper {\n border-top: 2px solid ",";\n padding: 6px 12px;\n display: flex;\n background-color: ",";\n flex-wrap: wrap;\n\n .action-buttons {\n flex: 1;\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n\n a {\n text-decoration: none;\n }\n }\n\n button {\n svg {\n path {\n fill: ",";\n }\n }\n\n .right {\n margin-right: 8px;\n }\n\n .left {\n margin-left: 8px;\n }\n }\n\n .expand {\n width: 44px;\n }\n }\n"]);return _templateObject=function(){return n},n}let b=r.default.div.withConfig({componentId:"sc-3303e7e4-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.border.grey.medium},n=>{let{fullscreen:e}=n;return e?"100%":"460px"},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.border.grey.medium},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.primary});function stopCardLink(n){n.preventDefault(),n.stopPropagation()}var project_showcase_EmbeddedDemo=function(n){let{setExpanded:e,fullscreen:t=!1,getByBuildId:i=null,forFeed:r=!1}=n,x=(0,d.v9)(u.zr),j=(0,d.v9)((0,p.hx)()),[w,H]=(0,m.useState)(null),V=i&&w?w:j,y="/@".concat((null==V?void 0:V.username)||x,"/build/").concat(null==V?void 0:V.slugTitle),v=(0,f.AC)((null==V?void 0:V.subdomainSlug)||(null==V?void 0:V.id)),[M,Z]=(0,m.useState)(!1);(0,m.useEffect)(()=>{Z(!1)},[i,null==V?void 0:V.id,t]);let{remix:k}=(0,g.a)();async function remixBuild(){let n=null==V?void 0:V.id,e=null==V?void 0:V.title;await k({buildId:n,title:e})}return(0,m.useEffect)(()=>{async function getBuildDataById(){let n=await fetch("/api/builds/getBuildInfoWithId",{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({buildId:i})}),e=await n.json();H(e)}i?getBuildDataById():H(null)},[i]),(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(b,{fullscreen:t,children:[(0,l.jsxs)("div",{className:"frame",children:[(0,l.jsx)("iframe",{src:"/api/builds/by-slug/".concat(i||(null==V?void 0:V.id),"/index.html").concat(r&&!t?"?muted=true":""),sandbox:"allow-scripts allow-same-origin allow-forms allow-popups",loading:"lazy",onMouseLeave:()=>Z(!1)}),!t&&!M&&(0,l.jsx)("div",{className:"click-shield",onClick:n=>{stopCardLink(n),Z(!0)}})]}),(0,l.jsxs)("div",{className:"btn-wrapper",children:[(0,l.jsxs)("div",{className:"action-buttons",children:[(0,l.jsx)(h(),{href:y,target:"_blank",children:(0,l.jsxs)(o.Z,{variant:"subtle",size:"small",onClick:n=>n.stopPropagation(),children:[(0,l.jsx)(s.Z,{className:"right"}),"View in Builds"]})}),(0,l.jsx)(h(),{href:v,target:"_blank",children:(0,l.jsxs)(o.Z,{variant:"subtle",size:"small",onClick:n=>n.stopPropagation(),children:["Live site",(0,l.jsx)(c.Z,{className:"left"})]})}),(0,l.jsxs)(o.Z,{variant:"subtle",size:"small",onClick:n=>{stopCardLink(n),remixBuild()},children:[(0,l.jsx)(a.Z,{className:"right"}),"Remix"]})]}),(0,l.jsx)(o.Z,{variant:"subtle",size:"small",className:"expand",onClick:n=>{stopCardLink(n),e()},children:t?(0,l.jsx)(icons_FullscreenExitIcon,{}):(0,l.jsx)(icons_FullscreenIcon,{})})]})]})})}},56526:function(n,e,t){"use strict";
1var i=t(82729),l=t(85893),r=t(19521),o=t(72502),s=t(9837);function _templateObject(){let n=(0,i._)(["\n .expanded-demo-wrapper {\n width: 90%;\n height: 90%;\n }\n"]);return _templateObject=function(){return n},n}let a=(0,r.default)(o.Z).withConfig({componentId:"sc-5e399925-0"})(_templateObject());e.Z=function(n){let{setExpanded:e,getByBuildId:t=null,forFeed:i=!1}=n;return(0,l.jsx)("div",{onClick:n=>n.preventDefault(),children:(0,l.jsx)(a,{setShowModel:e,children:(0,l.jsx)("div",{className:"expanded-demo-wrapper",children:(0,l.jsx)(s.Z,{setExpanded:e,fullscreen:!0,getByBuildId:t,forFeed:i})})})})}},89664:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return nh},default:function(){return builds}});var i=t(82729),l=t(85893),r=t(19521),o=t(67294),s=t(9473),a=t(99428),c=t(86723),d=t(86961),p=t(20759),u=t(73857),x=t(62286),h=t.n(x),f=t(41664),g=t.n(f),m=t(49013),b=t(11163);function _templateObject(){let n=(0,i._)(["\n padding: 64px;\n background: ",';\n font-family: "Mulish", sans-serif;\n gap: 8px;\n margin-bottom: 24px;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n .image-container {\n img {\n width: 178.5px;\n height: auto;\n }\n }\n\n .copy {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 16px;\n max-width: 600px;\n\n h3 {\n color: ',";\n font-size: 20px;\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n }\n\n p {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n text-align: center;\n\n a {\n color: ",";\n text-decoration: underline;\n }\n }\n }\n\n button {\n margin-top: 24px;\n\n svg {\n margin-top: -2px;\n margin-right: 8px;\n\n path {\n fill: ",";\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let j=(0,r.default)(p.Z).withConfig({componentId:"sc-60ed312f-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.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.primary});var builds_NoBuildsCta=function(n){let{setShowEditorSelector:e}=n,t=(0,b.useRouter)(),i=h().get().codedextoken||"";return(0,l.jsxs)(j,{children:[(0,l.jsx)("div",{className:"image-container",children:(0,l.jsx)("img",{src:"/images/character_gifs/ea3ChSv.gif",alt:"image"})}),(0,l.jsxs)("div",{className:"copy",children:[(0,l.jsx)("h3",{children:"Build right here on Cod\xe9dex"}),(0,l.jsxs)("p",{children:["Practice what you learn, test your ideas, and create new projects right here. Looking for inspiration? Explore our"," ",(0,l.jsx)(g(),{href:"/projects",children:"project tutorials"}),"!"]})]}),(0,l.jsxs)(u.Z,{variant:"subtle",onClick:()=>i?e(n=>n+=1):t.push("/signup"),children:[(0,l.jsx)(m.Z,{}),"Create a Build"]})]})},w=t(609),H=t(57194),V=t(65285);function BuildsHeader_templateObject(){let n=(0,i._)(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\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 }\n\n button {\n '," {\n display: none;\n }\n\n "," {\n display: inline-block;\n }\n\n svg {\n margin-top: -2px;\n margin-right: 8px;\n }\n }\n"]);return BuildsHeader_templateObject=function(){return n},n}let y=r.default.div.withConfig({componentId:"sc-8150d040-0"})(BuildsHeader_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});var builds_BuildsHeader=function(n){let{setShowEditorSelector:e,buildCount:t}=n,i=(0,b.useRouter)(),r=(0,s.v9)(w.xF),a=h().get().codedextoken||"",c=t>=H.QF&&!r,[d,p]=(0,o.useState)(!1);return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(y,{children:[d&&(0,l.jsx)(V.Z,{setShowPaywall:()=>p(!1)}),(0,l.jsx)("h2",{children:"Builds"}),(0,l.jsxs)(u.Z,{onClick:()=>a?c?p(!0):e(n=>n+=1):i.push("/signup"),children:[(0,l.jsx)(m.Z,{}),"New Build"]})]})})},v=t(98017),M=t(62626);
1function BuildsListHeader_templateObject(){let n=(0,i._)(["\n padding: 18px 16px 18px 18px;\n align-items: center;\n gap: 16px;\n border-bottom: 2px solid ",";\n\n "," {\n display: none;\n }\n\n "," {\n display: flex;\n }\n"]);return BuildsListHeader_templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n gap: 8px;\n flex: 1;\n\n label {\n /* color: ","; */\n\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 transition: color 0.15s ease;\n }\n\n .action-wrapper {\n display: flex;\n width: 18px;\n height: 18px;\n justify-content: center;\n align-items: center;\n border-radius: 2px;\n /* background-color: ","; */\n\n svg path {\n /* fill: ","; */\n fill: ",";\n transition: fill 0.15s ease;\n }\n\n &:hover {\n background-color: ",";\n\n svg path {\n fill: ",";\n }\n }\n }\n"]);return _templateObject1=function(){return n},n}let Z=r.default.div.withConfig({componentId:"sc-1589da21-0"})(BuildsListHeader_templateObject(),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 builds_BuildsListHeader=function(n){let{sortColumn:e,sortDirection:t,onSort:i}=n;return(0,l.jsxs)(Z,{children:[(0,l.jsx)(HeaderLabel,{labelCopy:"Build name",isActive:"name"===e,onClickAction:()=>i("name")}),(0,l.jsx)(HeaderLabel,{labelCopy:"ENVIRONMENT",isActive:"environment"===e,onClickAction:()=>i("environment")}),(0,l.jsx)(HeaderLabel,{labelCopy:"LAST EDITED",isActive:"lastEdited"===e,onClickAction:()=>i("lastEdited")}),(0,l.jsx)(HeaderLabel,{labelCopy:"CREATED",isActive:"created"===e,onClickAction:()=>i("created")})]})};let k=r.default.div.withConfig({componentId:"sc-1589da21-1"})(_templateObject1(),n=>{let{theme:e,isActive:t}=n;return t?e.colors.text.accent.blue:e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e,isActive:t}=n;return t?e.colors.background.grey.secondary:"transparent"},n=>{let{theme:e,isActive:t}=n;return t?e.colors.text.accent.blue:e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.background.grey.secondary},n=>{let{theme:e}=n;return e.colors.text.accent.blue});function HeaderLabel(n){let{labelCopy:e,isActive:t,onClickAction:i}=n;return(0,l.jsxs)(k,{isActive:t,children:[(0,l.jsx)("label",{children:e}),(0,l.jsx)("div",{className:"action-wrapper nes-pointer",onClick:i,children:B})]})}let B=(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12",fill:"none",children:(0,l.jsx)("path",{d:"M4.5 12H3V10.5H4.5V12ZM3 10.5H1.5V9H3V10.5ZM6 10.5H4.5V9H6V10.5ZM1.5 9H0V7.5H1.5V9ZM7.5 7.5V9H6V7.5H7.5ZM1.5 4.5H0V3H1.5V4.5ZM7.5 4.5H6V3H7.5V4.5ZM3 3H1.5V1.5H3V3ZM6 3H4.5V1.5H6V3ZM4.5 1.5H3V0H4.5V1.5Z",fill:"#64748B"})});var C=t(85673),_=t(3649),N=t(52317),O=t(50823),A=t(33846),I=t(66081);function BuildsItemActions_templateObject(){let n=(0,i._)(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 16px;\n width: 28px;\n height: 28px;\n border-radius: 4px;\n transition-duration: 0.2s;\n position: relative;\n\n :hover {\n background-color: ",";\n transition-duration: 0.2s;\n }\n\n svg {\n path {\n fill: ",";\n }\n }\n"]);return BuildsItemActions_templateObject=function(){return n},n}function BuildsItemActions_templateObject1(){let n=(0,i._)(["\n position: absolute;\n width: 180px;\n top: 22px;\n right: 0px;\n box-shadow: 0 5px 16px 0 ",";\n border-radius: 10px;\n z-index: 1;\n\n .model {\n padding: 8px;\n background-color: ",";\n\n .delete {\n color: ",";\n svg {\n path {\n fill: #f43f5e;\n }\n }\n }\n }\n"]);return BuildsItemActions_templateObject1=function(){return n},n}let F=r.default.div.withConfig({componentId:"sc-1ca33c17-0"}
1)(BuildsItemActions_templateObject(),n=>{let{theme:e}=n;return e.colors.border.grey.light},n=>{let{theme:e}=n;return e.colors.text.tertiary});var builds_BuildsItemActions=function(n){let{buildId:e,buildTitle:t,onDeleteSelect:i}=n,[r,s]=(0,o.useState)(!1),[a,c]=(0,o.useState)(!1),d=(0,o.useRef)(null);return(0,A.Z)(d,()=>s(!1)),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(F,{className:"nes-pointer builds-actions-wrapper",onClick:function(n){n.preventDefault(),s(!r)},ref:d,children:[z,r&&(0,l.jsx)(Model,{onDeleteSelect:i,handleRemixBuild:function(){s(!1),c(!0)}})]}),a&&(0,l.jsx)(I.Z,{buildId:e,buildTitle:t,onClose:()=>c(!1)})]})};let S=r.default.div.withConfig({componentId:"sc-1ca33c17-1"})(BuildsItemActions_templateObject1(),n=>{let{theme:e}=n;return e.colors.background.grey.boxshadow},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.accent.red});function Model(n){let{onDeleteSelect:e,handleRemixBuild:t}=n;return(0,l.jsx)(S,{children:(0,l.jsxs)(_.Z,{className:"model",children:[(0,l.jsx)(N.Z,{copy:"Remix",icon:(0,l.jsx)(O.Z,{}),action:t}),(0,l.jsx)(N.Z,{className:"delete",copy:"Delete",icon:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",children:(0,l.jsx)("path",{d:"M11.667 3.33301H16.667V5H15V16.667H1.66699V5H0V3.33301H5V0H11.667V3.33301ZM3.33398 15H13.333V5H3.33398V15ZM7.5 13.333H5.83301V6.66699H7.5V13.333ZM10.834 13.333H9.16699V6.66699H10.834V13.333ZM6.66699 3.33301H10V1.66699H6.66699V3.33301Z",fill:"#F43F5E"})}),action:e})]})})}let z=(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"4",viewBox:"0 0 16 4",fill:"none",children:[(0,l.jsx)("path",{d:"M0 0H4V4H0V0Z",fill:"#64748B"}),(0,l.jsx)("path",{d:"M6 0H10V4H6V0Z",fill:"#64748B"}),(0,l.jsx)("path",{d:"M16 0H12V4H16V0Z",fill:"#64748B"})]});function BuildItem_templateObject(){let n=(0,i._)(["\n border-radius: 8px;\n display: flex;\n align-items: center;\n gap: 16px;\n\n "," {\n flex-direction: column;\n align-items: flex-start;\n padding: 16px 0px 16px 0px;\n }\n\n "," {\n flex-direction: row;\n align-items: center;\n padding: 16px;\n }\n\n :hover {\n background-color: ",";\n }\n\n .section {\n flex: 1;\n min-width: 0;\n width: 100%;\n }\n\n .build-name {\n display: flex;\n gap: 4px;\n min-width: 0;\n width: 100%;\n\n "," {\n .builds-actions-wrapper {\n display: flex;\n }\n }\n\n "," {\n .builds-actions-wrapper {\n display: none;\n }\n }\n\n .inner-wrapper {\n width: 100%;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 4px;\n\n .title {\n color: ",";\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 150%;\n\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .sub-copy {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n\n a {\n text-decoration: underline;\n color: ",";\n }\n }\n }\n }\n\n .environment {\n display: flex;\n align-items: center;\n gap: 12px;\n\n img {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n object-fit: cover;\n }\n\n p {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n }\n\n .date {\n color: ",";\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n "," {\n .builds-actions-wrapper {\n display: none;\n }\n\n span {\n display: inline;\n }\n\n :last-child {\n margin-top: -8px;\n }\n }\n\n "," {\n .builds-actions-wrapper {\n display: flex;\n }\n\n span {\n display: none;\n }\n\n :last-child {\n margin-top: 0px;\n }\n }\n }\n"]);
1return BuildItem_templateObject=function(){return n},n}let D=(0,r.default)(g()).withConfig({componentId:"sc-34e3752e-0"})(BuildItem_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.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.text.primary},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.secondary},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});function formatTimestamp(n){if(!n)return"N/A";let e=n.toDate();return e.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"})}let E=(0,o.memo)(function(n){let{build:e,onDeleteSelect:t}=n,i=(0,s.v9)(w.zr),r=(0,s.v9)(C.uA),a=(0,o.useMemo)(()=>r[e.type||"python"],[r,e.type]),c=(0,o.useMemo)(()=>e.title===e.id?a.title:"object"==typeof e.title?e.title.title:e.title,[e.title,e.id,null==a?void 0:a.title]),d=(0,o.useMemo)(()=>formatTimestamp(e.updated),[e.updated]),p=(0,o.useMemo)(()=>formatTimestamp(e.created),[e.created]);function handleDeleteSelect(){t({id:e.id,title:c})}return(0,l.jsxs)(D,{className:"nes-pointer",id:"build-item-".concat(e.id),href:"/@".concat(i,"/build/").concat(e.slugTitle),style:{textDecoration:"none"},children:[(0,l.jsxs)("div",{className:"build-name section",children:[(0,l.jsxs)("div",{className:"inner-wrapper",children:[(0,l.jsx)("p",{className:"title",children:c}),(0,l.jsx)("p",{className:"sub-copy",children:"Open in editor"})]}),(0,l.jsx)(builds_BuildsItemActions,{buildId:e.id,buildTitle:e.title,onDeleteSelect:handleDeleteSelect})]}),(0,l.jsxs)("div",{className:"environment section",children:[(0,l.jsx)("img",{src:a.logo,alt:"".concat(c," icon")}),(0,l.jsx)("p",{children:a.internalName})]}),(0,l.jsx)("div",{className:"date section",children:(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{children:"Last edited "}),d]})}),(0,l.jsxs)("div",{className:"date section",children:[(0,l.jsxs)("p",{children:[(0,l.jsx)("span",{children:"Created "}),p]}),(0,l.jsx)(builds_BuildsItemActions,{buildId:e.id,buildTitle:e.title,onDeleteSelect:handleDeleteSelect})]})]})});var P=t(72502),L=t(45540),T=t(39828),J=t(92369);async function deleteBuild(n){let{uid:e,buildId:t}=n,{firestore:i}=(0,J.UM)();try{let n=(0,T.JU)(i,"userBuilds",t),l=await (0,T.QT)(n),r=l.data();if(r.uid===e)return await (0,T.oe)(n),{status:200,message:"build deleted successfully."};throw Error("Unauthorized: You don't have permission to delete this post.")}catch(n){throw Error("Error deleting build: "+n.message)}}var R=t(73845);function ConfirmBuildDeletion_templateObject(){let n=(0,i._)(["\n .build-deletion-confirmation {\n width: 510px;\n height: fit-content;\n\n h3 {\n color: ",";\n text-align: center;\n font-size: 24px;\n font-weight: 700;\n line-height: 150%;\n }\n\n p {\n margin-top: 1rem;\n color: ",";\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n .btn-wrapper {\n margin-top: 24px;\n display: flex;\n align-items: center;\n gap: 8px;\n\n button {\n flex: 1;\n }\n }\n }\n"]);return ConfirmBuildDeletion_templateObject=function(){return n},n}let U=(0,r.default)(P.Z).withConfig({componentId:"sc-1caceba7-0"})(ConfirmBuildDeletion_templateObject(),n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.primary});var builds_ConfirmBuildDeletion=function(n){let{deleteId:e,setDeleteId:t}=n,i=(0,R.T)(),r=(0,s.v9)(w.f8);function handleDeleteReset(){t(null)}async function removeBuild(){let n=null==e?void 0:e.id,l=await deleteBuild({uid:r,buildId:n});if(200===l.status){var o;null===(o=document.getElementById("build-item-".concat(n)))||void 0===o||o.remove(),i((0,C.fz)({message:"Build deleted successfully."})),t(null)}}return(0,l.jsx)(U,{setShowModel:handleDeleteReset,children:(0,l.jsxs)(L.Z,{className:"build-deletion-confirmation",iconAction:handleDeleteReset,children:[(0,l.jsx)("h3",{children:"Delete this Build"}),(0,l.jsxs)("p",{children:["Are you sure you want to delete ",(0,l.jsx)("strong",{children:null==e?void 0:e.title}),"? This action is irreversible."]}),(0,l.jsxs)("div",{className:"btn-wrapper",children:[(0,l.jsx)(u.Z,{variant:"subtle",onClick:handleDeleteReset,children:"Cancel"}),(0,l.jsx)(u.Z,{variant:"red",onClick:removeBuild,children:"Delete Build"})]})]})})};
1function BuildsList_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n gap: 13px;\n\n .builds-list-wrapper {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n"]);return BuildsList_templateObject=function(){return n},n}let G=r.default.div.withConfig({componentId:"sc-a57e22df-0"})(BuildsList_templateObject());var builds_BuildsList=function(){let[n,e]=(0,o.useState)([]),t=(0,s.v9)(w.f8),[i,r]=(0,o.useState)(null),[a,d]=(0,o.useState)("lastEdited"),[p,u]=(0,o.useState)("desc");(0,o.useEffect)(()=>{!async function(){try{let n=await (0,c.BY)({uid:t});n&&e(n)}catch(n){console.error("Error while fetching user builds:",n)}}()},[t]);let x=(0,o.useMemo)(()=>[...n].sort((n,e)=>{var t,i,l,r,o,s,c,d,u,x,h,f,g,m;let b,j;switch(a){case"name":b=(null!==(l=null===(t=n.title)||void 0===t?void 0:t.title)&&void 0!==l?l:"").toLowerCase(),j=(null!==(r=null===(i=e.title)||void 0===i?void 0:i.title)&&void 0!==r?r:"").toLowerCase();break;case"environment":b=(null!==(o=n.type)&&void 0!==o?o:"").toLowerCase(),j=(null!==(s=e.type)&&void 0!==s?s:"").toLowerCase();break;case"lastEdited":b=null!==(u=null===(c=n.updated)||void 0===c?void 0:c.seconds)&&void 0!==u?u:0,j=null!==(x=null===(d=e.updated)||void 0===d?void 0:d.seconds)&&void 0!==x?x:0;break;case"created":b=null!==(g=null===(h=n.created)||void 0===h?void 0:h.seconds)&&void 0!==g?g:0,j=null!==(m=null===(f=e.created)||void 0===f?void 0:f.seconds)&&void 0!==m?m:0;break;default:return 0}return b<j?"asc"===p?-1:1:b>j?"asc"===p?1:-1:0}),[n,a,p]);return(0,l.jsxs)(G,{children:[(0,l.jsx)(builds_BuildsListHeader,{sortColumn:a,sortDirection:p,onSort:function(n){a===n?u(n=>"asc"===n?"desc":"asc"):(d(n),u("lastEdited"===n||"created"===n?"desc":"asc"))}}),(0,l.jsx)("div",{className:"builds-list-wrapper",children:x.map(n=>(0,l.jsx)(E,{build:n,onDeleteSelect:r},n.id))}),i&&(0,l.jsx)(builds_ConfirmBuildDeletion,{deleteId:i,setDeleteId:r})]})};function BuildJoinClub_templateObject(){let n=(0,i._)(["\n padding: 24px;\n border-radius: 4px;\n border: 2px solid ",";\n background-color: ",";\n display: flex;\n gap: 32px;\n\n "," {\n display: none;\n }\n\n "," {\n display: flex;\n }\n\n img {\n flex-shrink: 0;\n width: 153px;\n height: auto;\n margin-top: -18px; /* image has extra whitespace that needs to be cropped, set specific dimensions and negative margin to adjust for it */\n }\n\n .main-cta {\n h3 {\n color: ",";\n font-size: 18px;\n font-weight: 700;\n line-height: 150%;\n }\n\n p {\n margin-top: 8px;\n color: ",";\n font-size: 16px;\n font-weight: 500;\n line-height: 150%;\n }\n\n button {\n margin-top: 16px;\n }\n }\n\n .build-count {\n color: ",";\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n white-space: nowrap;\n }\n\n .limit-reached {\n color: ",";\n }\n"]);return BuildJoinClub_templateObject=function(){return n},n}let W=r.default.div.withConfig({componentId:"sc-b7f53a92-0"})(BuildJoinClub_templateObject(),n=>{let{theme:e}=n;return e.colors.background.blue.tertiary},n=>{let{theme:e}=n;return e.colors.background.blue.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.text.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.red});var builds_BuildJoinClub=function(n){let{buildCount:e}=n,t=(0,s.v9)(w.xF),i=h().get().codedextoken||"",r=e>=H.QF;if(i&&!t)return(0,l.jsxs)(W,{children:[(0,l.jsx)("img",{src:"/images/character_gifs/ea3ChSv.gif",alt:"image"}),(0,l.jsxs)("div",{className:"main-cta",children:[(0,l.jsx)("h3",{children:"Join the Codedex Club!"}),(0,l.jsx)("p",{children:"Keep creating right here on Cod\xe9dex with unlimited Builds, increased file storage per project, and more Club-only features."}),(0,l.jsx)(g(),{href:"/pricing",style:{textDecoration:"none"},children:(0,l.jsx)(u.Z,{size:"small",variant:"subtle",children:"Upgrade to club"})})]}),(0,l.jsxs)("p",{className:"build-count ".concat(r&&"limit-reached"),children:[e,"/",H.QF," Builds created"]})]})},$=t(5459),Q=t.n($);
1function BuildsBanner_templateObject(){let n=(0,i._)(["\n * {\n margin: 0px;\n }\n\n width: 100%;\n background: ",';\n background-blend-mode: normal, hard-light, normal;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 64px;\n font-family: "Mulish", sans-serif;\n\n '," {\n padding: 32px 1rem;\n padding-top: calc(64px + 3.8rem);\n }\n\n "," {\n padding: 64px 1rem;\n padding-top: calc(64px + 3.8rem);\n }\n\n .banner-copy {\n width: 100%;\n max-width: 732px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 24px;\n text-align: center;\n\n h2 {\n color: ",';\n font-family: "PixelGridM";\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 1.44px;\n display: flex;\n gap: 24px;\n }\n\n .desktop {\n font-size: 48px;\n white-space: nowrap;\n width: 450px;\n\n '," {\n display: none;\n }\n\n "," {\n display: flex;\n }\n }\n\n .mobile {\n font-size: 48px;\n\n "," {\n display: block;\n justify-content: center;\n }\n\n "," {\n display: none;\n }\n }\n\n .sub-copy {\n color: ",";\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n }\n\n a {\n text-decoration: none;\n }\n }\n\n .hero-wrapper {\n width: 100%;\n max-width: 900px;\n aspect-ratio: 45/31;\n position: relative;\n\n .hero {\n border-radius: 8px;\n }\n\n .girl {\n width: 104.25px;\n height: 67.5px;\n aspect-ratio: 104.25/67.5;\n\n position: absolute;\n top: -53px;\n right: 17%;\n }\n\n .boy {\n position: absolute;\n width: 99px;\n height: 88.5px;\n aspect-ratio: 66/59;\n bottom: -6px;\n left: 5%;\n }\n\n .robot {\n width: 79.5px;\n height: 91.5px;\n aspect-ratio: 53/61;\n position: absolute;\n bottom: -20px;\n right: 3%;\n }\n }\n"]);return BuildsBanner_templateObject=function(){return n},n}let q=r.default.div.withConfig({componentId:"sc-76839ab7-0"})(BuildsBanner_templateObject(),n=>{let{theme:e}=n;return"dark"===e.mode?"linear-gradient(180deg, rgba(2, 6, 23, 0) 21.44%, #020617 87.85%),\n linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #5b21b6":"linear-gradient(180deg, rgba(255, 255, 255, 0) 21.44%, #fff 100%),\n linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #ddd6fe"},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.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.text.secondary}),X=["Web App","Chatbot","Linktree","3D World","Tracker","Wordle","VR App","Puzzle","Synth","Journal","Graph","Sitemap","QR Code","Scraper"];var landingPage_BuildsBanner=function(){return(0,l.jsxs)(q,{children:[(0,l.jsxs)("div",{className:"banner-copy",children:[(0,l.jsxs)("h2",{className:"desktop",children:["Build a"," ",(0,l.jsx)(Q(),{options:{loop:!0},onInit:n=>{X.forEach(e=>{n.typeString(e).pauseFor(1500).deleteAll()}),n.start()}})]}),(0,l.jsx)("h2",{className:"mobile",children:"Build with Cod\xe9dex"}),(0,l.jsx)("p",{className:"sub-copy",children:"Create and share your own live websites, terminal programs, and code snippets with Cod\xe9dex Builds, our brand new online code editor. \uD83D\uDE80"}),(0,l.jsx)(g(),{href:"/signup",children:(0,l.jsx)(u.Z,{variant:"green",children:"Try for Free"})})]}),(0,l.jsxs)("div",{className:"hero-wrapper","data-aos":"fade-up","data-aos-delay":"200",children:[(0,l.jsx)("img",{src:"/images/builds/buildshero.png",alt:"builds hero image",className:"hero"}),(0,l.jsx)("img",{src:"/images/builds/head-bobbing.gif",alt:"girl head",className:"girl"}),(0,l.jsx)("img",{src:"/images/builds/boy.gif",className:"boy",alt:"boy"}),(0,l.jsx)("img",{src:"/images/builds/robot.gif",className:"robot",alt:"boy"})]})]})};
1function BuildOptions_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n width: 100%;\n width: 100%;\n\n * {\n margin: 0px;\n }\n\n "," {\n padding: 32px 1rem;\n }\n\n "," {\n padding: 64px 1rem;\n }\n\n h3 {\n color: ",';\n text-align: center;\n font-family: "PixelGridM";\n font-size: 32px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n }\n\n .options-wrapper {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n max-width: 900px;\n\n '," {\n & > * {\n flex: 0 0 200px;\n }\n }\n }\n"]);return BuildOptions_templateObject=function(){return n},n}function BuildOptions_templateObject1(){let n=(0,i._)(["\n height: 72px;\n /* content-sized so labels never get squeezed into the clip-path on\n mobile; sm+ overrides to a fixed 200px via .options-wrapper */\n flex: 0 0 auto;\n background-color: ",";\n\n .inner {\n background-color: ",";\n height: calc(100% - 4px);\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n\n img {\n width: 32px;\n height: 32px;\n flex-shrink: 0;\n }\n\n p {\n color: ",';\n font-size: 16px;\n font-weight: 700;\n line-height: 150%;\n font-family: "Mulish", sans-serif;\n white-space: nowrap;\n }\n }\n']);return BuildOptions_templateObject1=function(){return n},n}let Y=r.default.div.withConfig({componentId:"sc-8b358df9-0"})(BuildOptions_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.breakpoints.sm});var landingPage_BuildOptions=function(){return(0,l.jsxs)(Y,{children:[(0,l.jsx)("h3",{children:"Create a new blank project:"}),(0,l.jsx)("div",{className:"options-wrapper",children:v.X.map(n=>(0,l.jsx)(Option,{editor:n},n.label))})]})};let K=(0,r.default)(_.Z).withConfig({componentId:"sc-8b358df9-1"})(BuildOptions_templateObject1(),n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.primary});function Option(n){let{editor:e}=n;return(0,l.jsx)(K,{children:(0,l.jsxs)(_.Z,{className:"inner",children:[(0,l.jsx)("img",{src:e.logo,alt:"editor image"}),(0,l.jsx)("p",{children:e.label})]})})}var nn=t(95796);function HowItWorks_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n\n * {\n margin: 0px;\n }\n\n "," {\n padding: 32px 1rem;\n }\n\n "," {\n padding: 64px 1rem;\n }\n\n h3 {\n color: ",';\n text-align: center;\n font-family: "PixelGridM";\n font-size: 32px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n }\n\n .reasons-wrapper {\n width: 100%;\n max-width: 1260px;\n display: grid;\n gap: 64px;\n\n '," {\n grid-template-columns: repeat(1, 1fr);\n }\n\n "," {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .title {\n color: ",";\n }\n\n .description {\n color: ",';\n }\n }\n\n font-family: "Mulish", sans-serif;\n']);return HowItWorks_templateObject=function(){return n},n}let ne=r.default.div.withConfig({componentId:"sc-c971166a-0"})(HowItWorks_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.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.secondary}),nt=[{svg:(0,l.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"27",height:"19",viewBox:"0 0 27 19",fill:"none",children:[(0,l.jsx)("path",{d:"M8 0H10.6667V2.66667H8V0Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M5.33333 2.66667H8V5.33333H5.33333V2.66667Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M2.66667 5.33333H5.33333V8H2.66667V5.33333Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M0 8H2.66667V10.6667H0V8Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M2.66667 10.6667H5.33333V13.3333H2.66667V10.6667Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M5.33333 13.3333H8V16H5.33333V13.3333Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M8 16H10.6667V18.6667H8V16Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M18.6667 0H16V2.66667H18.6667V0Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M21.3333 2.66667H18.6667V5.33333H21.3333V2.66667Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M24 5.33333H21.3333V8H24V5.33333Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M26.6667 8H24V10.6667H26.6667V8Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M24 10.6667H21.3333V13.3333H24V10.6667Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M21.3333 13.3333H18.6667V16H21.3333V13.3333Z",fill:"#14ADFF"}),(0,l.jsx)("path",{d:"M18.6667 16H16V18.6667H18.6667V16Z",fill:"#14ADFF"})]}
1),title:"Choose from 7 languages",copy:"Create a Build using the language youâre learning. Choose between Python, HTML/CSS/JavaScript, C++, C#, React, and Java."},{svg:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M10.6665 6.66699H5.3335V14.667H15.9995V17.333H5.3335V25.333H10.6665V28H2.6665V4H10.6665V6.66699ZM15.9995 25.333H10.6665V22.667H15.9995V25.333ZM21.3335 22.667H15.9995V20H21.3335V22.667ZM26.6665 20H21.3335V17.333H26.6665V20ZM29.3335 17.333H26.6665V14.667H29.3335V17.333ZM26.6665 14.667H21.3335V12H26.6665V14.667ZM21.3335 12H15.9995V9.33301H21.3335V12ZM15.9995 9.33301H10.6665V6.66699H15.9995V9.33301Z",fill:"#8B5CF6"})}),title:"Send to your friends",copy:"Easily share a public link with friends and collaborators to demo your build live â no setup required."},{svg:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M20 30.6665H17.333V28.0005H20V30.6665ZM17.333 22.6665H25.333V25.3335H17.333V28.0005H14.667V25.3335H12V22.6665H14.667V20.0005H17.333V22.6665ZM9.33301 25.3335H6.66699V22.6665H9.33301V25.3335ZM6.66699 22.6665H4V9.3335H6.66699V22.6665ZM28 9.3335V22.6665H25.333V9.3335H28ZM20 20.0005H17.333V17.3335H20V20.0005ZM14.667 14.6665H12V12.0005H14.667V14.6665ZM17.333 6.6665H20V9.3335H17.333V12.0005H14.667V9.3335H6.66699V6.6665H14.667V4.00049H17.333V6.6665ZM25.333 9.3335H22.667V6.6665H25.333V9.3335ZM14.667 4.00049H12V1.3335H14.667V4.00049Z",fill:"#A3E635"})}),title:"Remix a project",copy:"Use the Remix button to create a new copy of a project from the community. Make your Builds Remixable, or toggle it off."},{svg:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:(0,l.jsx)("path",{d:"M29.3335 28H2.6665V4H29.3335V28ZM5.3335 25.333H26.6665V6.66699H5.3335V25.333ZM10.6665 22.667H7.99951V20H10.6665V22.667ZM13.3335 20H10.6665V17.333H13.3335V20ZM23.9995 20H21.3335V17.333H23.9995V20ZM15.9995 17.333H13.3335V14.667H15.9995V17.333ZM21.3335 17.333H18.6665V14.667H21.3335V17.333ZM18.6665 14.667H15.9995V12H18.6665V14.667ZM10.6665 12H7.99951V9.33301H10.6665V12Z",fill:"#94A3B8"})}),title:"Upload your own assets",copy:"Add your own image, video, and audio files to your projects (HTML/CSS/JavaScript Builds only)."},{svg:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"22",viewBox:"0 0 32 22",fill:"none",children:(0,l.jsx)("path",{d:"M29.333 21.333H2.66699V18.667H29.333V21.333ZM2.66699 18.667H0V10.667H2.66699V18.667ZM32 18.667H29.333V10.667H32V18.667ZM24 10.667V13.333H21.333V10.667H24ZM5.33301 10.667H2.66699V8H5.33301V10.667ZM13.333 10.667H10.667V8H13.333V10.667ZM26.667 8H29.333V10.667H24V5.33301H26.667V8ZM10.667 8H5.33301V5.33301H10.667V8ZM13.333 5.33301H10.667V2.66699H13.333V5.33301ZM24 5.33301H21.333V2.66699H24V5.33301ZM21.333 2.66699H13.333V0H21.333V2.66699Z",fill:"#EC4899"})}),title:"Create a custom subdomain",copy:"Share your projects live through custom project.codedex.me subdomains (HTML/CSS/JavaScript Builds only)."},{svg:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"27",viewBox:"0 0 32 27",fill:"none",children:(0,l.jsx)("path",{d:"M2.66699 24H18.667V18.667H21.334V26.667H0V18.667H2.66699V24ZM32 26.667H24V24H29.334V18.667H32V26.667ZM18.667 18.667H2.66699V16H18.667V18.667ZM29.333 18.667H24V16H29.333V18.667ZM14.667 13.333H6.66699V10.667H14.667V13.333ZM25.333 13.333H20V10.667H25.333V13.333ZM6.66699 10.667H4V2.66699H6.66699V10.667ZM17.334 10.667H14.667V2.66699H17.334V10.667ZM28 10.667H25.334V2.66699H28V10.667ZM14.667 2.66699H6.66699V0H14.667V2.66699ZM25.333 2.66699H20V0H25.333V2.66699Z",fill:"#FDE047"})}),title:"Share with the Community",copy:"Love what youâve made? Share it with the Cod\xe9dex Community in the Project Showcase, or compete for prizes in a Monthly Challenge."}];var landingPage_HowItWorks=function(){return(0,l.jsxs)(ne,{children:[(0,l.jsx)("h3",{children:"How it works"}),(0,l.jsx)("div",{className:"reasons-wrapper",children:nt.map(n=>
1(0,l.jsx)(nn.V,{svg:n.svg,title:n.title,description:n.copy},n.title))})]})},ni=t(56526);function MadeWith_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 45px;\n background-color: ",";\n width: 100%;\n\n * {\n margin: 0px;\n }\n\n "," {\n padding: 32px 1rem;\n }\n\n "," {\n padding: 64px 1rem;\n }\n\n h3 {\n color: ",';\n text-align: center;\n font-family: "PixelGridM";\n font-size: 32px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n }\n\n .projects-wrapper {\n width: 100%;\n max-width: 1220px;\n display: grid;\n gap: 32px;\n\n '," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n"]);return MadeWith_templateObject=function(){return n},n}function MadeWith_templateObject1(){let n=(0,i._)(["\n height: fit-content;\n background-color: ",";\n padding-bottom: 4px;\n cursor: pointer;\n\n .card-inner {\n height: 260px;\n display: flex;\n flex-direction: column;\n background-color: ",";\n }\n\n .thumb {\n flex: 1;\n min-height: 0;\n object-fit: cover;\n }\n\n .card-footer {\n padding: 6px 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n\n .avatar {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n object-fit: cover;\n flex-shrink: 0;\n }\n\n .identity-copy {\n flex: 1;\n min-width: 0;\n\n .build-title {\n color: ",";\n font-size: 14px;\n font-weight: 700;\n line-height: 140%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .build-author {\n color: ",";\n font-size: 13px;\n font-weight: 500;\n line-height: 140%;\n }\n }\n }\n"]);return MadeWith_templateObject1=function(){return n},n}let nl=r.default.div.withConfig({componentId:"sc-bb747901-0"})(MadeWith_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.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm}),nr=(0,r.default)(p.Z).withConfig({componentId:"sc-bb747901-1"})(MadeWith_templateObject1(),n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary});function FeaturedBuildCard(n){let{build:e}=n,[t,i]=(0,o.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[t&&(0,l.jsx)(ni.Z,{setExpanded:()=>i(!1),getByBuildId:e.buildId}),(0,l.jsx)(nr,{onClick:()=>i(!0),children:(0,l.jsxs)(p.Z,{className:"card-inner nes-pointer",overlayBorder:!0,children:[(0,l.jsx)("img",{className:"thumb",src:e.image,alt:e.title}),(0,l.jsxs)("div",{className:"card-footer",children:[(0,l.jsx)("img",{className:"avatar",src:e.avatar||"/images/default-profile-pic.jpg",alt:""}),(0,l.jsxs)("div",{className:"identity-copy",children:[(0,l.jsx)("p",{className:"build-title",children:e.title}),(0,l.jsxs)("p",{className:"build-author",children:["@",e.username]})]})]})]})})]})}var landingPage_MadeWith=function(n){let{builds:e}=n;return(0,l.jsxs)(nl,{children:[(0,l.jsx)("h3",{children:"Made with Builds"}),(0,l.jsx)("div",{className:"projects-wrapper",children:null==e?void 0:e.map(n=>(0,l.jsx)(FeaturedBuildCard,{build:n},n.buildId))})]})},no=t(31977);function JoinClub_templateObject(){let n=(0,i._)(["\n padding: 48px 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 56px;\n width: 100%;\n\n * {\n margin: 0px;\n }\n\n "," {\n display: none;\n }\n\n "," {\n display: flex;\n }\n\n .header-wrapper {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n\n h3 {\n color: ",';\n text-align: center;\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\n p {\n color: ',";\n text-align: center;\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: 150%;\n\n a {\n text-decoration: underline;\n color: ",";\n }\n }\n }\n\n .column-wrapper {\n display: flex;\n gap: 24px;\n width: 100%;\n max-width: 900px;\n }\n"]);
1return JoinClub_templateObject=function(){return n},n}function JoinClub_templateObject1(){let n=(0,i._)(["\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 40px;\n\n border-radius: 8px;\n padding: 24px 0px;\n position: relative;\n\n &.paid {\n border: 2px solid ",";\n background-color: ",";\n }\n\n .header {\n height: 88px;\n min-height: fit-content;\n display: flex;\n flex-direction: column;\n justify-content: end;\n gap: 16px;\n\n .info {\n color: ",';\n font-family: "PixelGridM";\n font-size: 24px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n .title {\n display: flex;\n justify-content: center;\n gap: 16px;\n\n img {\n width: 32px;\n height: 29.388px;\n image-rendering: pixelated;\n }\n\n p {\n color: ',";\n font-size: 18px;\n font-weight: 700;\n line-height: 150%;\n }\n\n .club {\n background: linear-gradient(\n 255deg,\n #a3e635,\n 7.8%,\n #2cbaff,\n 42.72%,\n #be53ff 77.63%,\n #ff7286 113.61%\n );\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n }\n\n button {\n width: 100%;\n }\n\n a {\n text-decoration: none;\n }\n }\n\n .header-paid,\n .header-free {\n padding: 0px 24px;\n }\n\n .cells-wrapper {\n display: flex;\n flex-direction: column;\n\n .cell {\n height: 64px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .info {\n justify-content: start;\n color: ",";\n font-size: 18px;\n font-weight: 700;\n line-height: 150%;\n }\n\n .free {\n color: ",";\n font-size: 16px;\n font-weight: 500;\n line-height: 150%;\n }\n\n .paid {\n color: ",";\n font-size: 16px;\n font-weight: 600;\n line-height: 150%;\n }\n }\n\n .ribbon {\n border-radius: 100px;\n border: 2px solid ",";\n background-color: ",";\n white-space: nowrap;\n\n padding: 5px 12px;\n position: absolute;\n top: 0px;\n left: 50%;\n transform: translate(-50%, -50%);\n\n p {\n color: ",";\n font-size: 12px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n }\n }\n"]);return JoinClub_templateObject1=function(){return n},n}let ns=r.default.div.withConfig({componentId:"sc-87181f71-0"})(JoinClub_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.secondary},n=>{let{theme:e}=n;return e.colors.text.secondary});var landingPage_JoinClub=function(){return(0,l.jsxs)(ns,{children:[(0,l.jsxs)("div",{className:"header-wrapper",children:[(0,l.jsx)("h3",{children:"Join the Club"}),(0,l.jsxs)("p",{children:["Get unlimited access to Builds, plus full access to our Courses and more."," ",(0,l.jsx)(g(),{href:"/pricing",children:"Explore pricing"})]})]}),(0,l.jsxs)("div",{className:"column-wrapper",children:[(0,l.jsx)(Column,{type:"info"}),(0,l.jsx)(Column,{type:"free"}),(0,l.jsx)(Column,{type:"paid"})]})]})};let na=r.default.div.withConfig({componentId:"sc-87181f71-1"})(JoinClub_templateObject1(),n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.blue.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.green},n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.background.blue.primary},n=>{let{theme:e}=n;return e.colors.text.accent.blue});function Column(n){let{type:e}=n,t={header:{info:(0,l.jsx)("p",{className:"info",children:"Compare Features"}),free:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"title",children:[(0,l.jsx)("img",{src:"/images/pricing/boy-working.svg",alt:"explore"}),(0,l.jsx)("p",{className:"explore",children:"Explorer"})]}),(0,l.jsx)(g(),{href:"/signup",children:(0,l.jsx)(u.Z,{size:"small",children:"Start for free"})})]}),paid:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"title",children:[(0,l.jsx)("img",{src:"/images/pricing/girl-working.svg",alt:"paid"}),(0,l.jsx)("p",{className:"club",children:"CLUB"})]}),(0,l.jsx)(g(),{href:"/signup",children:(0,l.jsx)(u.Z,{size:"small",variant:"yellow",children:"Join Club"})})]})},cells:{customurls:{info:"Custom URLs",free:"check",paid:"check"},"build-limits":{info:"Build limits",free:"".concat(H.QF," Builds"),paid:"Unlimited Builds"},"project-storage":{info:"Project storage",free:"10 MB / Project",paid:"1 GB / Project"}
1,"hide-logo":{info:"Hide Cod\xe9dex logo",free:"â",paid:"check"}}};return(0,l.jsxs)(na,{className:"".concat(e),children:["paid"===e&&(0,l.jsx)("div",{className:"ribbon",children:(0,l.jsx)("p",{children:"RECOMMENDED"})}),(0,l.jsx)("div",{className:"header header-".concat(e),children:t.header[e]}),(0,l.jsx)("div",{className:"cells-wrapper",children:Object.entries(t.cells).map(n=>{let[t,i]=n;return(0,l.jsx)("div",{className:"cell ".concat(e),children:function(n){let{value:e}=n;return"check"===e?(0,l.jsx)(no.Z,{}):(0,l.jsx)("p",{className:"cell-value",children:e})}({value:i[e]})},t)})})," "]})}function BottomCta_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n width: 100%;\n\n * {\n margin: 0px;\n }\n\n "," {\n padding: 32px 1rem;\n }\n\n "," {\n padding: 64px 1rem;\n }\n\n background: ",";\n background-blend-mode: normal, hard-light, normal;\n\n .header {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 32px;\n\n h3 {\n color: ",';\n font-family: "PixelGridM";\n font-size: 32px;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.96px;\n text-align: center;\n }\n\n a {\n text-decoration: none;\n }\n }\n\n .painting {\n width: 310px;\n height: 310px;\n aspect-ratio: 1/1;\n }\n']);return BottomCta_templateObject=function(){return n},n}let nc=r.default.div.withConfig({componentId:"sc-59a27883-0"})(BottomCta_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"dark"===e.mode?"linear-gradient(180deg, #020617 0%, rgba(2, 6, 23, 0) 100%),\n linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #5b21b6":"linear-gradient(0deg, rgba(255, 255, 255, 0) 21.44%, #fff 100%),\n linear-gradient(\n 260deg,\n rgba(236, 72, 153, 0.33) 0%,\n rgba(124, 58, 237, 0.33) 32.48%,\n rgba(20, 173, 255, 0.33) 64.96%,\n rgba(163, 230, 53, 0.33) 98.43%\n ),\n #ddd6fe"},n=>{let{theme:e}=n;return e.colors.text.primary});var landingPage_BottomCta=function(){return(0,l.jsxs)(nc,{children:[(0,l.jsxs)("div",{className:"header",children:[(0,l.jsx)("h3",{children:"Create your next project with Builds"}),(0,l.jsx)(g(),{href:"/signup",children:(0,l.jsx)(u.Z,{variant:"yellow",children:"Try Builds for Free"})})]}),(0,l.jsx)("img",{src:"/images/character_gifs/tekmLsi.gif",alt:"website painting",className:"painting"})]})},nd=t(2711),np=t.n(nd);function BuildsLandingPage_templateObject(){let n=(0,i._)(['\n display: flex;\n flex-direction: column;\n font-family: "Mulish", sans-serif;\n']);return BuildsLandingPage_templateObject=function(){return n},n}t(20927);let nu=r.default.div.withConfig({componentId:"sc-7ad90ef7-0"})(BuildsLandingPage_templateObject());var landingPage_BuildsLandingPage=function(n){let{featuredBuilds:e}=n;return(0,o.useEffect)(()=>{np().init({mirror:!1,once:!0})},[]),(0,l.jsxs)(nu,{children:[(0,l.jsx)(landingPage_BuildsBanner,{}),(0,l.jsx)(landingPage_BuildOptions,{}),(0,l.jsx)(landingPage_HowItWorks,{}),(0,l.jsx)(landingPage_MadeWith,{builds:e}),(0,l.jsx)(landingPage_JoinClub,{}),(0,l.jsx)(landingPage_BottomCta,{}),(0,l.jsx)(d.Z,{disableMarginTop:!0})]})};function builds_templateObject(){let n=(0,i._)(['\n padding-top: calc(3.85rem + 48px);\n display: flex;\n flex-direction: column;\n gap: 40px;\n font-family: "Mulish", sans-serif;\n\n * {\n margin: 0px;\n }\n']);return builds_templateObject=function(){return n},n}let nx=(0,r.default)(M.Z).withConfig({componentId:"sc-7ef47305-0"})(builds_templateObject());var nh=!0,builds=function(n){let{featuredBuilds:e}=n,t=h().get().codedextoken||"",i=(0,s.v9)(w.f8),[r,p]=(0,o.useState)(0),[u,x]=(0,o.useState)(!1),[f,g]=(0,o.useState)(null),[m,b]=(0,o.useState)(!0);return((0,o.useEffect)(()=>{(async function(){try{let n=await (0,c.Vv)({uid:i});x(n>0),g(n),b(!1)}catch(n){console.error("Error while fetching user builds:",n),b(!1)}})()},[i]),t)?m?(0,l.jsxs)(nx,{children:[(0,l.jsx)(a.Z,{showBuildPopup:0}),(0,l.jsx)(builds_BuildsHeader,{setShowEditorSelector:p,buildCount:f})]}):(0,l.jsxs)("div",{children:[(0,l.jsx)(a.Z,{showBuildPopup:0}),(0,l.jsx)(v.Z,{showEditorSelector:r,setShowEditorSelector:p}),(0,l.jsxs)(nx,{children:[(0,l.jsx)(builds_BuildsHeader,{setShowEditorSelector:p,buildCount:f}),(0,l.jsx)(builds_BuildJoinClub,{buildCount:f}),!u&&!m&&(0,l.jsx)(builds_NoBuildsCta,{setShowEditorSelector:p}),u&&(0,l.jsx)(builds_BuildsList,{})]}),(0,l.jsx)(d.Z,{style:{position:"sticky",top:"100%"}})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.Z,{showBuildPopup:0}),(0,l.jsx)(landingPage_BuildsLandingPage,{featuredBuilds:e})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,5459,9428,6961,9774,2888,179],function(){return n(n.s=72815)}),_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.