1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1815],{26581:function(n,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=class{constructor(){this.listeners={}}socketEvent(n){try{var e=JSON.parse(n)}catch(n){return}if(e instanceof Object&&!0===e.widgetbot&&e.id===this.id){let{event:n,data:t}=e,i=this.listeners[n];i&&i.forEach(n=>n(t))}}on(n,e){this.listeners[n]||(this.listeners[n]=[]);let t=this.listeners[n];t.push(e),console.debug(`[embed-api] on '${n}'`,e)}removeListener(n,e){this.listeners[n]&&(this.listeners[n]=this.listeners[n].filter(n=>n===e),console.debug(`[embed-api] removeListener '${n}'`,e))}}},94307:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});let i=t(26581);let Client=class Client extends i.default{constructor(n){super(),this.server={emit:(n,e)=>{let t=this.listeners[n];t&&t.forEach(n=>n(e))}},Object.assign(this,n),window.addEventListener("message",({data:n})=>this.socketEvent(n))}emit(n,e){if(!window.parent)return!1;let t=JSON.stringify({widgetbot:!0,id:this.id,event:n,data:e});return!!this.iframe.contentWindow&&(this.iframe.contentWindow.postMessage(t,"*"),!0)}};e.default=Client},64139:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Server=e.Client=e.API=void 0;var i=t(26581);Object.defineProperty(e,"API",{enumerable:!0,get:function(){return i.default}});var r=t(94307);Object.defineProperty(e,"Client",{enumerable:!0,get:function(){return r.default}});var o=t(13195);Object.defineProperty(e,"Server",{enumerable:!0,get:function(){return o.default}})},13195:function(n,e,t){"use strict";Object.defineProperty(e,"__esModule",{value:!0});let i=t(26581);let Server=class Server extends i.default{constructor(n){super(),this.targetOrigin="*",this.client={emit:(n,e)=>{let t=this.listeners[n];t&&t.forEach(n=>n(e))}},Object.assign(this,n),window.addEventListener("message",({data:n})=>this.socketEvent(n))}emit(n,e){if(console.debug(`[embed-api] emit '${n}'`,e),!window.parent)return!1;let t=JSON.stringify({widgetbot:!0,id:this.id,event:n,data:e});return window.parent.postMessage(t,this.targetOrigin),!0}};e.default=Server},19883:function(n,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Embed=e.Root=void 0,e.Root=({width:n,height:e})=>Object.assign(Object.assign(Object.assign({},e&&{height:+e?`${e}px`:e}),n&&{width:+n?`${n}px`:n}),{display:"inline-block",overflow:"hidden",backgroundColor:"rgb(54, 57, 62)",borderRadius:7,verticalAlign:"top"}),e.Embed={width:"100%",height:"100%",border:"none"}},6970:function(n,e,t){"use strict";let i=t(64139),r=t(67294),o=t(19883),s=t(77864);let WidgetBot=class WidgetBot extends r.PureComponent{constructor(){super(...arguments),this.state={url:null,id:(0,s.generateUUID)()},this.api=new i.Client({id:this.state.id,iframe:null})}static getDerivedStateFromProps(n,e){let t=n.shard;t.startsWith("http")||(t=`https://${t}`),t.endsWith("/")&&(t=t.substring(0,t.length-1));let i=Object.assign(Object.assign({},n.options),{api:e.id});n.username&&(i.username=n.username),n.avatar&&(i.avatar=n.avatar),n.token&&(i.token=n.token),n.notifications&&(i.notifications=n.notifications),n.notificationTimeout&&(i.notificationtimeout=n.notificationTimeout),n.accessibility&&(i.accessibility=n.accessibility.join());let r=`${t}/channels/${n.server}${n.channel?`/${n.channel}`:""}/${(0,s.searchParams)(i)}`;return{url:r}}componentDidMount(){let{onAPI:n}=this.props;n&&n(this.api)}render(){let{defer:n,className:e,style:t,height:i,width:s,focusable:a}=this.props;return r.createElement("div",{className:e,style:Object.assign(Object.assign({},(0,o.Root)({width:s,height:i})),t)},r.createElement("iframe",{src:n?"":this.state.url,ref:n=>this.api.iframe=n,style:o.Embed,tabIndex:a?null:-1,allow:"clipboard-write",title:"Discord chat embed"}))}};e.Z=WidgetBot,WidgetBot.defaultProps={server:"299881420891881473",shard:"https://e.widgetbot.io",options:{},defer:!1,focusable:!0}},77864:function(n,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.searchParams=e.generateUUID=void 0,e.generateUUID=function(){let n=new Date().getTime();return"undefined"!=typeof performance&&"function"==typeof performance.now&&(n+=performance.now()),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{let t=(n+16*Math.random())%16|0;return n=Math.floor(n/16),("x"===e?t:3&t|8).toString(16)})},e.searchParams=(n={})=>"?"+Object.keys(n).map(e=>`${encodeURIComponent(e)}=${encodeURIComponent(n[e])}`).join("&")},29984:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/outdated-community/invite",function(){return t(14548)}])},42988:function(n,e,t){"use strict";
1var i=t(82729),r=t(19521);function _templateObject(){let n=(0,i._)(["\n grid-column: 1 / -1;\n"]);return _templateObject=function(){return n},n}let o=r.default.div.withConfig({componentId:"sc-fd46796a-0"})(_templateObject());e.Z=o},27936:function(n,e,t){"use strict";var i=t(82729),r=t(85893),o=t(19521);function _templateObject(){let n=(0,i._)(["\n position: absolute;\n width: 30vw;\n height: 0px;\n z-index: 10;\n overflow: hidden;\n\n h1,\n p {\n height: 10rem;\n }\n"]);return _templateObject=function(){return n},n}let s=o.default.main.withConfig({componentId:"sc-e8309d9d-0"})(_templateObject());e.Z=function(n){let{h1:e,description:t="",canonical:i=""}=n;return e?(0,r.jsxs)(s,{children:[(0,r.jsx)("h1",{children:e}),t?(0,r.jsx)("p",{className:"description",children:t}):null,i?(0,r.jsx)("link",{rel:"canonical",href:i}):null]}):null}},66647:function(n,e,t){"use strict";function selectUserDiscordData(n){try{if(n.user.isSignedIn){var e,t,i,r,o;if(void 0!==(null===(t=n.user)||void 0===t?void 0:null===(e=t.user)||void 0===e?void 0:e.integrations)&&void 0!==(null===(o=n.user)||void 0===o?void 0:null===(r=o.user)||void 0===r?void 0:null===(i=r.integrations)||void 0===i?void 0:i.discord))return n.user.user.integrations.discord}return null}catch(n){return null}}function selectUserBookmarks(n){try{let e=n.user.bookmarks;return{projects:(null==e?void 0:e.projects)||[],courses:(null==e?void 0:e.courses)||[],blogs:(null==e?void 0:e.blogs)||[],communityPosts:(null==e?void 0:e.communityPosts)||[]}}catch(n){return console.log(n),null}}t.d(e,{H:function(){return selectUserDiscordData},L:function(){return selectUserBookmarks}})},14548:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return T},default:function(){return invite}});var i=t(82729),r=t(85893),o=t(19521),s=t(76649),a=t(62069),l=t(86961),c=t(99428),d=t(42988),p=t(67294),u=t(30719),h=t(71911),m=t(41664),f=t.n(m),g=t(9473),x=t(609);function _templateObject(){let n=(0,i._)(["\n position: relative;\n width: 230px;\n\n display: inline-block;\n color: black;\n\n "," {\n width: 230px;\n }\n\n "," {\n width: 190px;\n }\n "," {\n width: 210px;\n }\n "," {\n width: 230px;\n }\n\n /* height: 320px; // toggle for extra height in all the card container */\n\n &:hover div.workshop-card-container {\n right: -8px;\n top: -8px;\n transition: right 0.2s ease-in-out, top 0.2s ease-in-out;\n }\n /* Add color for the background here */\n"]);return _templateObject=function(){return n},n}function _templateObject1(){let n=(0,i._)(["\n position: relative;\n width: 100%;\n height: 100%;\n padding-bottom: 0.5rem;\n\n background: #ffffff;\n border: 3px solid #000000;\n top: 0;\n right: 0;\n transition: right 0.2s ease-in-out, top 0.2s ease-in-out;\n\n &.dark {\n background-color: #0f1524;\n border: 3px solid rgb(227, 230, 231);\n }\n"]);return _templateObject1=function(){return n},n}function _templateObject2(){let n=(0,i._)(["\n display: flex;\n justify-content: center;\n /* max-width: 100%; */\n border-bottom: 2px solid black;\n\n img {\n /* height: 120%; */\n height: 126px;\n object-fit: cover;\n }\n\n &.dark {\n border-bottom: 2px solid rgb(227, 230, 231);\n }\n"]);return _templateObject2=function(){return n},n}function _templateObject3(){let n=(0,i._)(['\n margin-left: 1rem;\n margin-right: 0.5rem;\n font-family: "Inter", sans-serif;\n\n p.workshop_title {\n font-weight: 700;\n font-size: 20px;\n line-height: 20px;\n margin-top: 0.5rem;\n margin-bottom: 0;\n }\n p.workshop_month {\n font-size: 16px;\n color: gray;\n margin: 0;\n margin-top: 0.5rem;\n }\n\n &.dark {\n background-color: #0f1524;\n color: ',";\n }\n"]);return _templateObject3=function(){return n},n}let b=o.default.div.withConfig({componentId:"sc-131e4121-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.md},n=>{let{theme:e}=n;return e.breakpoints.lg}),j=o.default.div.withConfig({componentId:"sc-131e4121-1"}
1)(_templateObject1()),k=o.default.div.withConfig({componentId:"sc-131e4121-2"})(_templateObject2()),v=o.default.div.withConfig({componentId:"sc-131e4121-3"})(_templateObject3(),n=>{let{theme:e}=n;return e.colors.text4}),w={blue:"hsla(235, 99%, 49%, 1)",yellow:"hsla(52, 95%, 59%, 1)",purple:"hsla(266, 100%, 64%, 1)",green:"hsla(120, 80%, 46%, 1)"};var atoms_WorkshopCard=function(n){let{workshopTitle:e,workshopCardImage:t,setWorkshopIndex:i,workshopIndex:o,workshopMonth:s,workshopLink:a}=n,l=(0,g.v9)(x.o4)||"dark",c=w[Object.keys(w)[Math.floor(Math.random()*Object.keys(w).length)]];return(0,r.jsx)(f(),{href:a,target:"_blank",rel:"noreferrer",children:(0,r.jsx)(b,{style:{background:c},onMouseEnter:()=>{i(o)},className:"workshop-card-hover-container",children:(0,r.jsxs)(j,{className:"workshop-card-container ".concat("dark"===l?"dark":"light"),children:[(0,r.jsx)(k,{className:"".concat("dark"===l?"dark":"light"),children:t&&(0,r.jsx)("img",{src:t,alt:"workshop image"})}),(0,r.jsxs)(v,{className:"".concat("dark"===l?"dark":"light"),children:[(0,r.jsx)("p",{className:"workshop_title",children:e}),(0,r.jsx)("p",{className:"workshop_month",children:s})]})]})})})};function WorkshopSection_templateObject(){let n=(0,i._)(["\n display: flex;\n flex-flow: column;\n gap: 1rem;\n padding: 3rem 0;\n margin-bottom: 2rem;\n margin-top: 2rem;\n /* background-color: rgb(250 245 255 / 1); */\n\n h3 {\n text-align: center;\n scroll-margin-top: 7.5rem;\n }\n\n &.dark {\n background-color: #1d2332;\n color: ",";\n }\n"]);return WorkshopSection_templateObject=function(){return n},n}function WorkshopSection_templateObject1(){let n=(0,i._)(["\n /* "," {\n flex-flow: column;\n align-items: center;\n gap: 1.5rem;\n } */\n\n "," {\n display: flex;\n justify-content: space-around;\n flex-flow: row;\n align-items: stretch;\n }\n\n .swiper-pointer-events {\n "," {\n width: 80%;\n }\n "," {\n width: 90%;\n }\n "," {\n width: 80%;\n }\n "," {\n width: 60%;\n }\n }\n\n .swiper-slide {\n padding: 1rem 0;\n "," {\n padding-bottom: 2.5rem;\n }\n "," {\n padding-bottom: 2rem;\n }\n\n display: flex;\n\n a {\n margin: 0 auto;\n }\n }\n"]);return WorkshopSection_templateObject1=function(){return n},n}function WorkshopSection_templateObject2(){let n=(0,i._)(['\n align-self: center;\n\n /* h2 {\n font-family: "Inter", sans-serif;\n text-align: center;\n } */\n\n section {\n /* margin-top: 0.5rem; */\n display: flex;\n flex-flow: column wrap;\n align-items: center;\n gap: 0.5rem;\n text-align: center;\n\n ',' {\n h2 {\n font-family: "Inter", sans-serif;\n font-size: 18px;\n margin-top: 0.5rem;\n }\n\n p.workshop-info {\n width: 320px;\n height: 100px;\n margin-bottom: 3rem;\n }\n\n p.for {\n width: 320px;\n height: fit-content;\n }\n }\n\n ',' {\n h2 {\n font-size: 22px;\n margin-top: -1rem;\n }\n p.workshop-info {\n width: 655px;\n height: 65px;\n margin-bottom: 0;\n }\n\n p.for {\n width: 449px;\n margin-bottom: 10px;\n height: fit-content;\n }\n }\n\n span,\n h4,\n p {\n font-family: "Inter", sans-serif;\n }\n\n h4 {\n width: 70%;\n }\n\n p {\n margin-bottom: 0;\n }\n span {\n font-weight: 800;\n }\n\n a {\n margin-top: 2rem;\n color: white !important;\n }\n\n div.schedule {\n text-align: start;\n width: fit-content;\n }\n }\n']);return WorkshopSection_templateObject2=function(){return n},n}let y=o.default.div.withConfig({componentId:"sc-f0bb494-0"})(WorkshopSection_templateObject(),n=>{let{theme:e}=n;return e.colors.text4}),_=o.default.div.withConfig({componentId:"sc-f0bb494-1"})(WorkshopSection_templateObject1(),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.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.xs}),O=o.default.div.withConfig({componentId:"sc-f0bb494-2"}
1)(WorkshopSection_templateObject2(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm});var molecules_WorkshopSection=function(){var n,e,t;let[i,o]=(0,p.useState)(0),[s,a]=(0,p.useState)([]),l=(0,g.v9)(x.o4)||"dark";return(0,p.useEffect)(()=>{(async function(){let n=await fetch("/api/getEvents"),e=await n.json();a(e.events)})()},[]),(0,r.jsxs)(y,{className:"".concat("dark"===l?"dark":"light"),children:[(0,r.jsxs)("h3",{id:"workshops",children:[(0,r.jsx)("a",{href:"#workshops",children:"#"})," Upcoming Events"]}),(0,r.jsx)(_,{children:(0,r.jsx)(u.tq,{pagination:{clickable:!0},breakpoints:{320:{slidesPerView:1,spaceBetween:0,navigation:!0,centeredSlides:!0,modules:[h.tl,h.W_]},768:{slidesPerView:3,slidesPerGroup:3,spaceBetween:0,autoplay:{delay:2500,disableOnInteraction:!1,pauseOnMouseEnter:!0}},1024:{slidesPerView:3,slidesPerGroup:3,modules:[],navigation:!1,pagination:!1},1440:{slidesPerView:3,slidesPerGroup:3,modules:[],navigation:!1,pagination:!1}},modules:[h.tl,h.W_],className:"mySwiper",onSlideChange:n=>{o(n.activeIndex)},children:s.map(function(n,e){return(0,r.jsx)(u.o5,{children:(0,r.jsx)(atoms_WorkshopCard,{workshopTitle:n.title,workshopCardImage:n.imageUrl,setWorkshopIndex:o,workshopIndex:e,workshopMonth:n.date,workshopLink:n.eventLink},n)},n)})})}),(0,r.jsx)(O,{children:(0,r.jsxs)("section",{children:[(0,r.jsx)("h2",{children:null===(n=s[i])||void 0===n?void 0:n.title}),(0,r.jsx)("div",{className:"schedule",children:(0,r.jsxs)("p",{children:[(0,r.jsx)("span",{children:"Dates: "}),null===(e=s[i])||void 0===e?void 0:e.date]})}),(0,r.jsxs)("p",{className:"for",children:[(0,r.jsx)("span",{children:"\xa0Perfect for: \xa0"}),"Beginners. No prior experience is needed."]}),(0,r.jsxs)("p",{className:"workshop-info",children:[(0,r.jsx)("span",{children:"Event Info: "}),null===(t=s[i])||void 0===t?void 0:t.description]})]})})]})},C=t(27936),N=t(6970),S=t(66647);function DiscordWidget_templateObject(){let n=(0,i._)(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n background-color: ",";\n\n margin-bottom: -2rem;\n padding-bottom: 2rem;\n\n "," {\n h2 {\n margin-top: 2.5rem;\n margin-bottom: 2.2rem;\n font-size: 18px;\n color: ",";\n }\n\n .container {\n width: 90%;\n display: flex;\n flex-direction: column;\n\n .widget {\n width: 100%;\n height: 611.5px;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 15px 15px 10px rgb(31, 34, 4, 0.3);\n }\n }\n\n .discord-widget {\n width: 100%;\n height: 675px;\n box-shadow: rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;\n }\n\n /* rgba(0, 0, 0, 0.3) */\n\n button {\n margin-top: 3rem;\n margin-bottom: 1rem;\n }\n\n .tooltip {\n position: relative;\n display: inline-block;\n color: gray;\n font-size: 15px;\n\n .tooltiptext {\n visibility: hidden;\n width: 170px;\n color: black;\n text-align: center;\n padding: 5px;\n\n position: absolute;\n z-index: 1;\n bottom: 30px;\n right: -160px;\n }\n &:hover .tooltiptext {\n visibility: visible;\n }\n }\n\n .post-its-container {\n display: grid;\n justify-items: center;\n }\n\n /* Some positioning and ratios */\n .sticky-container {\n width: 350px;\n position: relative;\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr 1fr;\n gap: 2rem;\n margin-bottom: 2rem;\n transform: scaleX(-1);\n }\n\n .sticky-outer {\n display: flex;\n padding-top: 92.5925926%;\n position: relative;\n width: 100%;\n margin: -1.3rem auto;\n }\n\n .sticky {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n /* Shadow behind the sticky note */\n .sticky:before {\n box-shadow: -2px 2px 15px 0\n ",";\n background-color: ",';\n content: "";\n width: 90%;\n left: 7px;\n height: 70%;\n position: absolute;\n top: 20%;\n }\n\n /* The sticky note itself */\n .sticky-content {\n background: linear-gradient(\n 180deg,\n rgba(176, 224, 109, 1) 0%,\n rgba(176, 224, 109, 1) 12%,\n rgba(176, 224, 117, 1) 75%,\n rgba(176, 224, 111, 1) 100%\n );\n width: 100%;\n height: 77%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n font-family: "Work Sans", sans-serif;\n font-size: 1rem;\n clip-path: url(#stickyClip);\n\n h2 {\n margin-top: 1rem;\n transform: scaleX(-1);\n }\n\n p {\n text-align: center;\n margin-top: -2rem;\n font-family: "Work Sans", sans-serif;\n font-size: 18px;\n font-weight: 500;\n transform: scaleX(-1);\n }\n }\n\n .sticky-content-second {\n background: linear-gradient(\n 180deg,\n rgba(255, 139, 138, 1) 0%,\n rgba(255, 139, 138, 1) 12%,\n rgba(255, 146, 145, 1) 75%,\n rgba(255, 140, 139, 1) 100%\n );\n }\n\n .sticky-content-third {\n background: linear-gradient(\n 180deg,\n rgba(105, 191, 255, 1) 0%,\n rgba(105, 191, 255, 1) 12%,\n rgba(103, 187, 255, 1) 75%,\n rgba(105, 191, 255, 1) 100%\n );\n }\n\n .sticky-content-fourth {\n background: linear-gradient(\n 180deg,\n rgba(255, 212, 103, 1) 0%,\n rgba(255, 212, 103, 1) 12%,\n rgba(255, 216, 109, 1) 75%,\n rgba(255, 213, 104, 1) 100%\n );\n }\n }\n\n '," {\n .sticky-container {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n gap: 2rem;\n width: 100%;\n margin-bottom: -5.5rem;\n }\n }\n "," {\n h2 {\n margin-bottom: 2.2rem;\n font-size: 21px;\n span {\n color: #a9a9a9;\n }\n }\n\n .post-its-container {\n display: block;\n }\n\n .sticky-container {\n display: block;\n width: auto;\n max-width: 400px;\n }\n\n .container {\n width: 1050px;\n display: grid;\n grid-template-columns: 0.7fr 3fr;\n gap: 2rem;\n }\n }\n"]);
1return DiscordWidget_templateObject=function(){return n},n}let E=o.default.div.withConfig({componentId:"sc-ede7bd9d-0"})(DiscordWidget_templateObject(),n=>"light"===n.theme.mode?"#faf5ff":"",n=>{let{theme:e}=n;return e.breakpoints.sm&&e.breakpoints.xs},n=>n.theme.colors.text4,n=>"light"===n.theme.mode?"rgba(0, 0, 0, 0.5)":"grey",n=>"light"===n.theme.mode?"rgba(0, 0, 0, 0.25)":"grey",n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var molecules_DiscordWidget=function(){(0,g.v9)(x.ot),(0,g.v9)(x.nU);let n=(0,g.v9)(S.H),[e,t]=(0,p.useState)(!0);return(0,r.jsxs)(E,{children:[(0,r.jsxs)("h2",{children:[(0,r.jsx)("a",{href:"#discord",children:"#"})," Discord Community"]}),(0,r.jsxs)("div",{className:"container",children:[(0,r.jsx)("div",{className:"post-its-container",children:(0,r.jsxs)("div",{className:"sticky-container",children:[(0,r.jsx)("div",{className:"sticky-outer",children:(0,r.jsxs)("div",{className:"sticky",children:[(0,r.jsx)("svg",{width:"0",height:"0",children:(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"stickyClip",clipPathUnits:"objectBoundingBox",children:(0,r.jsx)("path",{d:"M 0 0 Q 0 0.69, 0.03 0.96 0.03 0.96, 1 0.96 Q 0.96 0.69, 0.96 0 0.96 0, 0 0",strokeLinejoin:"round",strokeLinecap:"square"})})})}),(0,r.jsxs)("div",{className:"sticky-content",children:[(0,r.jsx)("h2",{children:"\uD83D\uDD0E"}),(0,r.jsxs)("p",{children:["Coding ",(0,r.jsx)("br",{})," Help"]})]})]})}),(0,r.jsx)("div",{className:"sticky-outer",children:(0,r.jsxs)("div",{className:"sticky",children:[(0,r.jsx)("svg",{width:"0",height:"0",children:(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"stickyClip",clipPathUnits:"objectBoundingBox",children:(0,r.jsx)("path",{d:"M 0 0 Q 0 0.69, 0.03 0.96 0.03 0.96, 1 0.96 Q 0.96 0.69, 0.96 0 0.96 0, 0 0",strokeLinejoin:"round",strokeLinecap:"square"})})})}),(0,r.jsxs)("div",{className:"sticky-content sticky-content-second",children:[(0,r.jsx)("h2",{children:"\uD83D\uDE80"}),(0,r.jsxs)("p",{children:["Project ",(0,r.jsx)("br",{})," Reviews"]})]})]})}),(0,r.jsx)("div",{className:"sticky-outer",children:(0,r.jsxs)("div",{className:"sticky",children:[(0,r.jsx)("svg",{width:"0",height:"0",children:(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"stickyClip",clipPathUnits:"objectBoundingBox",children:(0,r.jsx)("path",{d:"M 0 0 Q 0 0.69, 0.03 0.96 0.03 0.96, 1 0.96 Q 0.96 0.69, 0.96 0 0.96 0, 0 0",strokeLinejoin:"round",strokeLinecap:"square"})})})}),(0,r.jsxs)("div",{className:"sticky-content sticky-content-third",children:[(0,r.jsx)("h2",{children:"\uD83D\uDDD3ï¸"}),(0,r.jsxs)("p",{children:["Weekly ",(0,r.jsx)("br",{})," Events"]})]})]})}),(0,r.jsx)("div",{className:"sticky-outer",children:(0,r.jsxs)("div",{className:"sticky",children:[(0,r.jsx)("svg",{width:"0",height:"0",children:(0,r.jsx)("defs",{children:(0,r.jsx)("clipPath",{id:"stickyClip",clipPathUnits:"objectBoundingBox",children:(0,r.jsx)("path",{d:"M 0 0 Q 0 0.69, 0.03 0.96 0.03 0.96, 1 0.96 Q 0.96 0.69, 0.96 0 0.96 0, 0 0",strokeLinejoin:"round",strokeLinecap:"square"})})})}),(0,r.jsxs)("div",{className:"sticky-content sticky-content-fourth",children:[(0,r.jsx)("h2",{children:"\uD83C\uDF08"}),(0,r.jsxs)("p",{children:["2,800+ ",(0,r.jsx)("br",{})," Learners"]})]})]})})]})}),(0,r.jsx)("div",{className:"widget",children:(0,r.jsx)(N.Z,{server:"960713185055375478",channel:"973275871110631434",className:"discord-widget"})})]}),!n&&(0,r.jsx)("span",{className:"tooltip",children:(0,r.jsx)(f(),{href:"/account?tabIndex=3",legacyBehavior:!0,children:(0,r.jsx)("button",{type:"button",className:"nes-btn is-primary",children:"Join Discord"})})}),n&&(0,r.jsx)("span",{className:"tooltip",children:(0,r.jsx)(f(),{href:"https://discord.gg/vSKEhP9fY2",legacyBehavior:!0,children:(0,r.jsx)("button",{type:"button",className:"nes-btn is-primary",children:"Join Discord"})})})]})},I=t(87536),D=t(11163),W=t(5434);function EnterInviteCode_templateObject(){let n=(0,i._)(["\n from {\n transform: scale(0.8);\n visibility: hidden;\n opacity: 0;\n } to {\n transform: scale(1);\n visibility: visible;\n opacity: 1;\n }\n"]);
1return EnterInviteCode_templateObject=function(){return n},n}function EnterInviteCode_templateObject1(){let n=(0,i._)(["\n z-index: 20;\n position: fixed;\n display: flex;\n justify-content: center;\n /* align-items: center; */\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n background: rgba(0, 0, 0, 0.8);\n color: whitesmoke;\n\n .form {\n position: relative;\n margin-top: 10rem;\n border: 2px solid rgba(36, 76, 115, 1);\n animation: "," 0.2s ease-in;\n width: 425px;\n height: fit-content;\n background: #1d2332;\n padding: 1rem;\n border-radius: 7px;\n animation: ",' 0.2s ease-in;\n\n h2 {\n margin: 0px;\n font-family: "Work Sans", sans-serif;\n font-size: 30px;\n }\n\n input {\n /* font-family: "Work Sans", sans-serif; */\n margin: 2rem auto;\n height: 40px;\n text-align: center;\n font-size: 14px;\n }\n button {\n font-size: 12px;\n }\n\n .invalid-code {\n margin: 0px;\n margin-top: 1rem;\n color: #ff0000;\n }\n\n .log-in {\n p {\n font-family: "Work Sans", sans-serif;\n font-size: 20px;\n font-weight: 600;\n }\n }\n\n .close-btn {\n all: unset;\n position: absolute;\n right: 10px;\n top: 10px;\n font-size: 23px;\n line-height: 0.8;\n transition-duration: 0.2s;\n color: ',";\n\n :hover {\n color: black;\n background-color: #e4e5e7;\n border-radius: 4px;\n cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC)\n 14 0,\n pointer;\n }\n }\n }\n"]);return EnterInviteCode_templateObject1=function(){return n},n}let P=(0,o.keyframes)(EnterInviteCode_templateObject()),A=o.default.div.withConfig({componentId:"sc-e74fc1b3-0"})(EnterInviteCode_templateObject1(),P,P,n=>"dark"===n.theme.mode?"#e0e1e3":"#000000");var community_EnterInviteCode=function(n){let{isSignedIn:e,setShowInviteForm:t}=n;(0,D.useRouter)();let i=(0,g.v9)(x.f8),[o,s]=(0,p.useState)(""),[a,l]=(0,p.useState)(!1),c=(0,p.useCallback)(async()=>{if(!i||!o)return;let n=await fetch("/api/community/processInvite",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({secret:o,uid:i})}),e=await n.json();await new Promise(n=>setTimeout(()=>{n("")},1e3)),"success"===e.status?(document.cookie="accessCommunity=true; expires=Thu, 01 Jan 2024 00:00:00 UTC; path=/",window.location.href="/community/invite?invite=success"):l(!0)},[o,i]);return(0,r.jsx)(A,{children:(0,r.jsxs)("div",{className:"form",children:[(0,r.jsx)("button",{className:"close-btn",onClick:()=>t(!1),children:(0,r.jsx)(W.lTq,{size:"20"})}),e?(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{children:"Enter top secret code \uD83E\uDD2B"}),a&&(0,r.jsx)("p",{className:"invalid-code",children:"Invalid invite code"}),(0,r.jsx)("input",{className:"nes-input is-dark",placeholder:"Enter invite code",value:o,onChange:n=>s(n.target.value)}),(0,r.jsx)("button",{type:"button",className:"nes-btn ".concat(o?"is-primary":"is-disabled"),onClick:()=>c(),children:"Enter Community"})]}):(0,r.jsxs)("div",{className:"log-in",children:[(0,r.jsx)("p",{children:"Please sign in to enter invite code."}),(0,r.jsx)(f(),{href:"/login",legacyBehavior:!0,children:(0,r.jsx)("button",{className:"nes-btn is-error",children:"Sign In"})})]})]})})},M=t(39828),U=t(92369);async function storeEmailUidInFirebase(n){let{email:e,uid:t,courseName:i}=n,{firestore:r}=(0,U.UM)(),o=(0,M.hJ)(r,"courseRequests"),s=t?{email:e,uid:t,courseName:i}:{email:e,courseName:i};await (0,M.ET)(o,s)}function ComingSoon_templateObject(){let n=(0,i._)(["\n padding-top: 7rem;\n color: whitesmoke;\n text-align: center;\n background-color: ",";\n\n "," {\n height: fit-content;\n padding-left: 1rem;\n padding-right: 1rem;\n padding-bottom: 1rem;\n\n .main-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2rem;\n h2 {\n font-size: 42px;\n font-weight: 700;\n /* background: -webkit-linear-gradient(#eee, #333); */\n background: ",';\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n p {\n font-family: "Work Sans", sans-serif;\n font-weight: 600;\n max-width: 475px;\n margin: 0px;\n color: ',";\n }\n\n .countdown {\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1.5px solid #68bdfe;\n border-radius: 5px;\n padding: 10px;\n width: 100%;\n\n .time {\n margin: auto 1rem;\n height: 100%;\n width: fit-content;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: ",';\n p {\n margin: 0px;\n font-size: 25px;\n }\n\n p:first-child {\n font-weight: 700;\n }\n\n p:last-child {\n /* margin-top: -0.4rem;\n font-size: 12px; */\n font-weight: 500;\n font-size: 15px;\n }\n }\n }\n\n .newsletter-signup {\n max-width: 400px;\n\n input {\n height: 35px;\n text-align: center;\n font-size: 13px;\n }\n\n button {\n margin-top: 1.5rem;\n height: 35px;\n font-size: 11px;\n }\n }\n }\n\n .warning {\n /* font-family: "Work Sans", sans-serif; */\n color: red;\n font-size: 15px;\n transform: scale(0.7);\n }\n\n .open-popup {\n text-align: center;\n\n p:hover {\n margin: 0px;\n text-decoration: underline;\n }\n }\n }\n\n '," {\n height: 550px;\n\n .main-container {\n .countdown {\n width: fit-content;\n .time {\n margin: auto 1.7rem;\n }\n }\n }\n }\n"]);
1return ComingSoon_templateObject=function(){return n},n}let z=o.default.div.withConfig({componentId:"sc-8b001daa-0"})(ComingSoon_templateObject(),n=>"light"===n.theme.mode?"":"#1d2332",n=>{let{theme:e}=n;return e.breakpoints.xs},n=>"light"===n.theme.mode?"black":"-webkit-linear-gradient(#eee, #333)",n=>n.theme.colors.text4,n=>n.theme.colors.text4,n=>{let{theme:e}=n;return e.breakpoints.sm});var community_ComingSoon=function(){var n;let e=(0,g.v9)(x.o4)||"dark",[t,i]=(0,p.useState)(!1),o=(0,g.v9)(x.ot),s=(0,D.useRouter)(),l=Date.UTC(2023,8,6,17,0,0),c=new Date(l);c.setHours(c.getHours()-4);let d=new Date(new Date().toUTCString());d.setHours(d.getHours()-4);let u=c.getTime()-d.getTime(),[h,m]=(0,p.useState)({days:Math.floor(u/864e5),hours:Math.floor(u/36e5%24),minutes:Math.floor(u/1e3/60%60),seconds:Math.floor(u/1e3%60)});(0,p.useEffect)(()=>{let n=function(n){let e=document.cookie.split(";");for(let t=0;t<e.length;t++){let i=e[t].trim();if(i.startsWith(n+"="))return i.substring(n.length+1)}return null}("accessCommunity");o&&n&&s.push("/community")},[s,o]),(0,p.useEffect)(()=>{let{invite:n}=s.query;"success"===n&&setTimeout(()=>{s.push("/community?invite=success")},500)},[s]),(0,p.useEffect)(()=>{let n=setInterval(()=>{let e=new Date(new Date().toUTCString());e.setHours(e.getHours()-4);let t=c.getTime()-e.getTime();if(t<=0){clearInterval(n);return}m({days:Math.floor(t/864e5),hours:Math.floor(t/36e5%24),minutes:Math.floor(t/1e3/60%60),seconds:Math.floor(t/1e3%60)})},1e3);return()=>{clearInterval(n)}},[c]);let{register:f,handleSubmit:b,formState:{errors:j}}=(0,I.cI)();return(0,r.jsxs)(z,{children:[t&&(0,r.jsx)(community_EnterInviteCode,{isSignedIn:o,setShowInviteForm:i}),(0,r.jsx)(a.Z,{children:(0,r.jsxs)("div",{className:"main-container",children:[(0,r.jsx)("h2",{children:"Join the Waitlist"}),(0,r.jsx)("p",{children:"Our brand new community is coming soon. Enter your email and we will reach out when it's your turn to join."}),(0,r.jsxs)("form",{className:"newsletter-signup",onSubmit:b(n=>{var e;storeEmailUidInFirebase({email:e=n.email,courseName:"community-invite-request"}),window.open("https://codedex.us13.list-manage.com/subscribe/post?u=b639c3d3c4e19a3fb3a9d94fe&id=6f897e29ff&MERGE0=".concat(e),"_blank","noopener,noreferrer")}),noValidate:!0,children:[(0,r.jsx)("input",{type:"text",id:"dark_field",className:"nes-input ".concat("dark"===e?"is-dark":""),placeholder:"Enter email address",style:{marginBottom:"15px"},...f("email",{required:!0,pattern:/[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i})}),(null===(n=j.email)||void 0===n?void 0:n.type)==="pattern"&&(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("label",{className:"warning",children:"Enter a valid email"})}),(0,r.jsx)("button",{type:"submit",className:"nes-btn is-primary",children:"Subscribe"})]}),(0,r.jsx)("div",{className:"open-popup",children:(0,r.jsx)("p",{className:"nes-pointer",onClick:()=>i(!t),children:"I have an invite code."})})]})})]})};function invite_templateObject(){let n=(0,i._)(["\n "," {\n display: flex;\n flex-flow: column nowrap;\n gap: 1rem;\n text-align: center;\n\n margin: 0 1rem;\n padding: 1.7rem;\n margin: 0 auto;\n\n color: ",';\n\n h3 {\n scroll-margin-top: 7.5rem;\n }\n\n h4 {\n font-family: "Work Sans";\n margin-bottom: 1rem;\n }\n }\n\n '," {\n padding: 2rem;\n }\n\n "," {\n padding: 1rem;\n max-width: 1000px;\n }\n\n "," {\n padding: 2rem;\n max-width: 1350px;\n }\n\n "," {\n padding: 1rem;\n }\n"]);return invite_templateObject=function(){return n},n}let B=(0,o.default)(d.Z).withConfig({componentId:"sc-a2dd1470-0"})(invite_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>n.theme.colors.text1,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.xl});var T=!0,invite=function(){let n=(0,g.v9)(x.o4)||"dark";return(0,r.jsxs)("div",{style:{overflow:"hidden"},children:[(0,r.jsx)(community_ComingSoon,{}),(0,r.jsx)("div",{style:{backgroundColor:"light"===n?"":"#1D2332"},children:(0,r.jsxs)(a.Z,{children:[(0,r.jsx)(c.Z,{}),(0,r.jsx)(C.Z,{h1:"Community"})]})}),(0,r.jsx)(molecules_DiscordWidget,{}),(0,r.jsx)(molecules_WorkshopSection,{}),(0,r.jsxs)(B,{children:[(0,r.jsxs)("h3",{id:"wall-of-love",children:[(0,r.jsx)("a",{href:"#wall-of-love",children:"#"})," Wall of Love"]}),(0,r.jsx)("h4",{children:"Here's what people are saying:"}),(0,r.jsx)(s.Z,{src:"https://embed.testimonial.to/w/codedex?theme=light&card=base",style:{minWidth:"100%",border:"none"}})]}),(0,r.jsx)(l.Z,{})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,719,7536,6649,9428,6961,9774,2888,179],function(){return n(n.s=29984)}),_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.