1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1664],{72003:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/bookmarks",function(){return t(39538)}])},48872:function(n,e,t){"use strict";var r=t(82729),i=t(85893),l=t(19521),o=t(20759),a=t(41664),s=t.n(a),c=t(14733),d=t(67294),p=t(9473),u=t(609),x=t(28010);function _templateObject(){let n=(0,r._)(['\n flex: 1;\n min-width: 0;\n font-family: "Mulish", sans-serif;\n background: ',";\n\n "," {\n min-height: 330px;\n }\n\n "," {\n height: 351px;\n }\n\n .inner-container {\n height: calc(100% - 4px);\n background: ",";\n display: flex;\n flex-direction: column;\n\n .image-container {\n height: 180px;\n margin: 2px;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n clip-path: polygon(\n 4px 0px,\n 4px 2px,\n 2px 2px,\n 2px 4px,\n 0px 4px,\n 0px 100%,\n 100% 100%,\n 100% calc(100% - 4px),\
1n 100% calc(100% - 4px),\n 100% 4px,\n calc(100% - 2px) 4px,\n calc(100% - 2px) 2px,\n calc(100% - 4px) 2px,\n calc(100% - 4px) 0px\n );\n }\n }\n\n .content-container {\n flex: 1;\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n .text-container {\n display: flex;\n flex-direction: column;\n gap: 4px;\n flex: 1;\n\n .label {\n color: ",";\n font-size: 12px;\n font-weight: 600;\n line-height: 150%;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n\n &.draft {\n color: ",";\n font-weight: 700;\n }\n }\n\n .title {\n color: ",";\n font-size: 18px;\n font-weight: 700;\n line-height: 150%;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n -webkit-line-clamp: 2;\n overflow: hidden;\n }\n }\n\n .diff-container {\n display: flex;\n gap: 8px;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n\n .diff-tag {\n padding: 5px 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n width: fit-content;\n border-radius: 100px;\n\n background-color: ",";\n\n p {\n color: ",";\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 1.68px;\n }\n }\n\n .second-tag {\n padding: 5px 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n white-space: nowrap;\n background-color: ",";\n\n p {\n font-size: 12px;\n font-weight: 700;\n line-height: normal;\n letter-spacing: 1.68px;\n text-transform: uppercase;\n color: ",";\n }\n }\n\n .fade {\n position: absolute;\n right: 0px;\n\n background: ",";\n\n width: 56px;\n height: 100%;\n }\n }\n }\n\n :hover {\n background: ",";\n }\n }\n"]);return _templateObject=function(){return n},n}let f=(0,l.default)(o.Z).withConfig({componentId:"sc-b091db8f-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.colors.background.grey.primary},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>{let{theme:e}=n;return e.colors.text.accent.yellow},n=>{let{theme:e}=n;return e.colors.text.primary},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return e.colors.background.grey.tertiary},n=>{let{theme:e}=n;return e.colors.text.secondary},n=>{let{theme:e}=n;return"dark"==e.mode?"linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #020617 100%)":"linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%)"},n=>{let{theme:e}=n;return e.colors.background.grey.secondary}),m={Python:"blue-tag",JavaScript:"yellow-tag"};e.Z=function(n){var e;let{projectInternalTitle:t,filter:r=null,newTab:l=!1,isDraft:a=!1}=n,g=(0,p.v9)((0,x.Y9)({projectInternalTitle:t})),h=(0,p.v9)(u.o4)||"dark",b="dark"===h,v=null==g?void 0:null===(e=g.tags)||void 0===e?void 0:e.filter(n=>!["Beginner","Intermediate","Advanced"].includes(n))[0],y=(0,d.useRef)(null),[j,k]=(0,d.useState)(!1);if((0,d.useEffect)(()=>{let n=y.current;if(n){let e=n.scrollWidth>n.clientWidth;k(e)}},[]),v&&(!r||(null==g?void 0:g.tags.includes(r))))return(0,i.jsx)(f,{borderColor:b?"475569":"CBD5E1",children:(0,i.jsxs)(s(),{href:g.link,style:{all:"unset"},target:l?"_blank":"_self",children:[" ",(0,i.jsxs)(o.Z,{borderColor:b?"475569":"CBD5E1",className:"inner-container nes-pointer",children:[(0,i.jsx)("div",{className:"image-container",children:(0,i.jsx)("img",{src:g.image,alt:""})}),(0,i.jsxs)("div",{className:"content-container",children:[(0,i.jsxs)("div",{className:"text-container",children:[(0,i.jsx)("p",{className:"label ".concat(a?"draft":""),children:a?"Draft":"Tutorial"}),(0,i.jsx)("p",{className:"title",children:g.title})]}),(0,i.jsxs)("div",{className:"diff-container",ref:y,children:[(0,i.jsx)("div",{className:"second-tag ".concat(m[v]?m[v]:"blue-tag"),children:(0,i.jsx)("p",{children:v})}),(0,i.jsx)(c.Z,{level:g.tags.includes("Advanced")?3:g.tags.includes("Intermediate")?2:1}),j&&(0,i.jsx)("div",{className:"fade"})]})]})]})]})})}},86121:function(n,e,t){"use strict";
1var r=t(82729),i=t(85893),l=t(19521),o=t(67294),a=t(62286),s=t.n(a),c=t(41664),d=t.n(c),p=t(11163);function _templateObject(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n margin: 0px 20px;\n border-bottom: 2px solid ",';\n font-family: "Mulish", sans-serif;\n max-width: calc(100vw - 2rem);\n\n '," {\n overflow: scroll;\n }\n\n "," {\n overflow: hidden;\n }\n\n p {\n margin: 0px;\n }\n\n .channel-filter {\n padding: 10px 8px;\n border-bottom: 2px solid transparent;\n\n .filter-text {\n padding: 8px 12px;\n color: ",";\n font-size: 16px;\n font-weight: 600;\n line-height: 150%;\n border-radius: 4px;\n min-width: var(--min-width);\n white-space: nowrap;\n\n span {\n /* padding: 2px 6px; */\n border-radius: 50%;\n background: ",";\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n }\n }\n\n :hover {\n .filter-text {\n background: ",";\n color: ",";\n }\n }\n }\n\n .current-filter {\n border-bottom: 2px solid #14adff;\n .filter-text {\n font-weight: 700;\n color: ",";\n\n span {\n background: #0080d4;\n color: #fff;\n }\n }\n }\n a {\n text-decoration: none;\n }\n"]);return _templateObject=function(){return n},n}let u=l.default.div.withConfig({componentId:"sc-54782e55-0"})(_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},n=>{let{theme:e}=n;return e.colors.text.tertiary},n=>n.theme.colors.border.grey.light,n=>n.theme.colors.background.grey.tertiary,n=>{let{theme:e}=n;return e.colors.text.accent.blue},n=>{let{theme:e}=n;return e.colors.text.primary});e.Z=function(n){let{filters:e,currentFilter:t,setCurrentFilter:r}=n,l=s().get().codedextoken||"",a=(0,o.useRef)({}),c=(0,p.useRouter)(),x=c.asPath.replace(/\/(submissions|winners)(\/)?$/,"");return(0,o.useEffect)(()=>{Object.values(e).forEach(n=>{let e=a.current[n.internalName];if(e){let n=e.style.fontWeight;e.style.fontWeight="700";let t=e.scrollWidth;e.style.fontWeight=n,e.style.setProperty("--min-width","".concat(t,"px"))}})},[e]),(0,i.jsx)(u,{className:"community-feed-filters",children:Object.values(e).map(n=>{if(((null==n?void 0:n.disableOnLogout)!=!0||l)&&(null==n?void 0:n.disable)!=!0)return(null==x?void 0:x.includes("monthly-challenge"))?(0,i.jsx)(d(),{href:"".concat(x,"/").concat(n.link),children:(0,i.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""),onClick:()=>r(n.internalName),children:(0,i.jsxs)("p",{className:"filter-text",ref:e=>{a.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,i.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})})},n.internalName):(0,i.jsx)("div",{className:"channel-filter nes-pointer ".concat(t===n.internalName?"current-filter":""," ").concat(n.internalName),onClick:()=>r(n.internalName),children:(0,i.jsxs)("p",{className:"filter-text",ref:e=>{a.current[n.internalName]=e},children:[n.displayText," ",(null==n?void 0:n.num)&&(0,i.jsx)("span",{style:{padding:(null==n?void 0:n.num)>=10?"3px 4px":"2px 6px"},children:null==n?void 0:n.num})]})},n.internalName)})})}},66647:function(n,e,t){"use strict";function selectUserDiscordData(n){try{if(n.user.isSignedIn){var e,t,r,i,l;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===(l=n.user)||void 0===l?void 0:null===(i=l.user)||void 0===i?void 0:null===(r=i.integrations)||void 0===r?void 0:r.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}})},39538:function(n,e,t){"use strict";t.r(e);var r=t(82729),i=t(85893),l=t(9473),o=t(19521),a=t(99428),s=t(86121),c=t(48872),d=t(66647);
1function _templateObject(){let n=(0,r._)(["\n padding: 1rem;\n padding-top: 108px;\n display: flex;\n justify-content: center;\n\n * {\n margin: 0px;\n }\n\n .inner-contianer {\n width: 100%;\n max-width: 800px;\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n h2 {\n color: ",';\n\n font-family: "PixelGridM";\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: 140%;\n letter-spacing: 0.72px;\n }\n\n .community-feed-filters {\n width: fit-content;\n }\n\n .projects-wrapper {\n margin-top: 1rem;\n display: grid;\n gap: 32px 25px;\n\n '," {\n grid-template-columns: 1fr;\n }\n\n "," {\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n }\n\n "," {\n grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);\n }\n }\n }\n"]);return _templateObject=function(){return n},n}let p=o.default.div.withConfig({componentId:"sc-5eb17a02-0"})(_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},n=>{let{theme:e}=n;return e.breakpoints.md});e.default=function(){let n=(0,l.v9)(d.L),e=(null==n?void 0:n.projects)||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Z,{}),(0,i.jsx)(p,{children:(0,i.jsxs)("div",{className:"inner-contianer",children:[(0,i.jsx)("h2",{children:"My Bookmarks"}),(0,i.jsx)(s.Z,{filters:{projects:{displayText:"Project Tutorials",internalName:"projects"}},currentFilter:"projects",setCurrentFilter:()=>{}}),(0,i.jsx)("div",{className:"projects-wrapper",children:e.map(n=>(0,i.jsx)(c.Z,{projectInternalTitle:n},n))})]})})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,9428,9774,2888,179],function(){return n(n.s=72003)}),_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.