https://www.codedex.io/_next/static/chunks/pages/outdated-community/introduction/create-7c636fb9eedce2c7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8450],{83461:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/outdated-community/introduction/create",function(){return t(88310)}])},11209:function(n,e,t){"use strict";var r=t(82729),i=t(85893),o=t(19521),a=t(17942);function _templateObject(){let n=(0,r._)(["\n  ",' {\n    margin: 0rem;\n\n    .banner-image {\n      height: 100px;\n      background-image: url("/images/community/introduction-banner.png");\n      background-size: cover;\n    }\n\n    .banner-info {\n      position: relative;\n      height: 80px;\n      background: ',";\n      border-bottom-left-radius: 18px;\n      border-bottom-right-radius: 18px;\n      display: flex;\n      align-items: center;\n\n      .img-container {\n        position: absolute;\n        top: -30%;\n        left: 0.8rem;\n        border-radius: 50%;\n        /* background-color: whitesmoke; */\n        overflow: hidden;\n\n        img {\n          width: 80px;\n          height: 80px;\n          border-radius: 50%;\n          border: 3px solid rgba(15, 21, 36, 1);\n        }\n      }\n\n      .banner-copy {\n        color: ",';\n        margin-left: 6.8rem;\n\n        h2 {\n          font-size: 14px;\n          margin: 0px;\n          font-weight: 400;\n        }\n        p {\n          margin: 0px;\n          font-size: 14px;\n          font-family: "Work Sans", sans-serif;\n          color: rgba(128, 128, 128, 1);\n        }\n      }\n    }\n\n    .react-loading-skeleton {\n      --base-color: ',";\n      --highlight-color: ",";\n    }\n  }\n\n  "," {\n    margin: auto 1rem;\n\n    .banner-info {\n      .img-container {\n        left: 35px;\n\n        img {\n          width: 90px;\n          height: 90px;\n        }\n      }\n\n      .banner-copy {\n        margin-left: 9rem;\n\n        h2 {\n          font-size: 18px;\n        }\n        p {\n          font-size: 15px;\n        }\n      }\n    }\n  }\n\n  "," {\n    margin: 0rem;\n  }\n"]);return _templateObject=function(){return n},n}let s=o.default.div.withConfig({componentId:"sc-5033f9b5-0"})(_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>"dark"===n.theme.mode?"#1d2331":"#F9F5FE",n=>"dark"===n.theme.mode?"whitesmoke":"black",n=>"dark"===n.theme.mode?"#343541":"#ebebeb",n=>"dark"===n.theme.mode?"#3d3f4c":"#f5f5f5",n=>{let{theme:e}=n;return e.breakpoints.sm},n=>{let{theme:e}=n;return e.breakpoints.md});e.Z=function(){return(0,i.jsxs)(s,{children:[(0,i.jsx)("div",{className:"banner-image"}),(0,i.jsxs)("div",{className:"banner-info",children:[(0,i.jsx)("div",{className:"img-container",children:(0,i.jsx)("img",{src:"/images/community/wave.png",alt:"banner profile image"})}),(0,i.jsxs)("div",{className:"banner-copy",children:[(0,i.jsx)("h2",{children:"Introductions"}),(0,i.jsx)("p",{children:"Say hi to the community *_*"})]}),(0,i.jsx)(a.Z,{})]})]})}},88310:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return k},default:function(){return create}});var r=t(85893),i=t(67294),o=t(9473),a=t(11163),s=t(99428),d=t(27936),c=t(62069),l=t(82729),m=t(19521),u=t(11209),p=t(4747),f=t(35965);function _templateObject(){let n=(0,l._)(["\n  "," {\n    min-height: calc(100vh - 4.2rem);\n\n    .secondary-container {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 1rem;\n    }\n\n    .feed-container {\n      padding-left: 1rem;\n      padding-right: 1rem;\n      .post-feed {\n        display: grid;\n        gap: 1rem;\n      }\n    }\n\n    .right-sidebar {\n      display: none;\n      position: relative;\n\n      .sticky-bar {\n        position: sticky;\n        top: 6rem;\n      }\n    }\n  }\n\n  "," {\n    .secondary-container {\n      grid-template-columns: 1fr;\n    }\n\n    .feed-container {\n      padding-left: 1rem;\n      padding-right: 1rem;\n    }\n\n    .right-sidebar {\n      display: none;\n    }\n  }\n\n  "," {\n    .secondary-container {\n      grid-template-columns: 5fr 2.25fr;\n    }\n\n    .feed-container {\n      padding-left: 0rem;\n      padding-right: 0rem;\n    }\n\n    .right-sidebar {\n      display: flex;\n    }\n  }\n"]);

1return _templateObject=function(){return n},n}let g=m.default.div.withConfig({componentId:"sc-821affbd-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});var introduction_Feed=function(){let[n,e]=(0,i.useState)(null);return(0,r.jsxs)(g,{children:[(0,r.jsx)(u.Z,{}),(0,r.jsxs)("div",{className:"secondary-container",children:[(0,r.jsx)("div",{className:"feed-container",children:(0,r.jsx)(p.Z,{communityName:"introduction",textEditorPlaceHolder:"Tell us where you are from, what you are working on, and a fun fact about yourself!",assignGuideNum:function(n){e(n)}})}),(0,r.jsx)("div",{className:"right-sidebar",children:(0,r.jsx)("div",{className:"sticky-bar",children:(0,r.jsx)(f.Z,{guideNum:n})})})]})]})},h=t(51539),b=t(8956),x=t(60028),j=t(609),k=!0,create=function(){let n=(0,a.useRouter)();(0,o.v9)(j.ot);let[e,t]=(0,i.useState)(!1),[l,m]=(0,i.useState)([]),u=function(n){let e=document.cookie.split(";");for(let t=0;t<e.length;t++){let r=e[t].trim();if(r.startsWith(n+"="))return r.substring(n.length+1)}return null}("codedextoken");if(!u||void 0===u){n.push("/community");return}return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.Z,{}),(0,r.jsx)(d.Z,{h1:"Meme Community"}),(0,r.jsx)(c.Z,{children:(0,r.jsxs)(b.Z,{children:[(0,r.jsx)(x.Z,{path:n.pathname,postLink:"/community/introduction/create"}),(0,r.jsx)("div",{className:"main-container",children:(0,r.jsx)(introduction_Feed,{})})]})}),(0,r.jsx)(h.Z,{})]})}}},function(n){n.O(0,[1272,8700,3874,955,6556,4617,9570,4774,5445,4153,1622,9280,2512,9428,4793,7118,4747,9774,2888,179],function(){return n(n.s=83461)}),_N_E=n.O()}]);