PageSourceSearch

https://www.codedex.io/_next/static/chunks/pages/github-students-7a9ac1f15e11b704.js

js codedex.io collected 2026-09-25 14:56:33 UTC 46,594 bytes, 1 lines download raw bytes

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[499],{83261:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/github-students",function(){return t(51559)}])},89364:function(n,e,t){"use strict";t.d(e,{J:function(){return useSignUpForGitHubStudentPack}});var i=t(609),r=t(48645),o=t(11163),a=t(67294),s=t(9473);function useSignUpForGitHubStudentPack(){let n=(0,s.v9)(i.ot),[e,t]=(0,a.useState)(!0),[l,d]=(0,a.useState)(!0),c=(0,s.v9)(i.IC),p=(0,o.useRouter)(),[m,u]=(0,a.useState)(!1);(0,a.useEffect)(()=>{n&&(t(!1),d(!1));let e=setTimeout(()=>{t(!1),d(!1)},3e3);return()=>clearTimeout(e)},[n]),(0,a.useEffect)(()=>{(async function(){if(c){let n=await (0,r.oG)();n&&u(n)}})()},[c]);let h=(0,a.useCallback)(()=>{if(!e){if(!n){p.push("/login");return}c&&(d(!0),window.location.assign("/api/github-student/auth"))}},[e,n,c,p]);return{githubOAuthCallback:h,loading:l,initialLoading:e,isUserGitHubStudent:m}}},51559:function(n,e,t){"use strict";t.r(e),t.d(e,{__N_SSG:function(){return P},default:function(){return github_students}});var i=t(85893),r=t(82729),o=t(19521),a=t(67294),s=t(89364),l=t(47158);function _templateObject(){let n=(0,r._)(["\n  ",' {\n    width: 100%;\n    height: 70vh;\n    max-height: 400px;\n    min-height: 400px;\n    background-color: #9a5969;\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    flex-direction: column;\n    margin-top: 4rem;\n    background: url("/images/github-student-partnership/github-student-banner.png")\n      no-repeat;\n    background-size: cover;\n\n    .computer-inner {\n      position: relative;\n\n      .sign-up {\n        position: absolute;\n        bottom: 5%;\n        font-size: 12px;\n        width: 36%;\n        transform: scale(0.7);\n\n        span {\n          display: none;\n        }\n      }\n    }\n\n    .computer-outer {\n      width: 95%;\n      max-width: 550px;\n      height: 290px;\n      margin-top: 50px;\n      border-radius: 20px;\n      padding: 10px;\n      border: 4px solid #212529;\n      background-color: #f8e3d3;\n      color: white;\n      position: relative;\n      box-shadow: rgba(0, 0, 0, 0.3) 0px 15px 12px;\n\n      img {\n        width: 20px;\n        position: absolute;\n        left: 1%;\n        bottom: 5px;\n      }\n\n      .button-continaer {\n        position: absolute;\n        display: flex;\n        gap: 10px;\n        bottom: 6px;\n        right: 25px;\n\n        div {\n          width: 10px;\n          height: 10px;\n          background-color: grey;\n          border-radius: 20px;\n          border: 2px solid black;\n        }\n\n        div:last-child {\n          animation: neon 7s infinite;\n        }\n\n        @keyframes neon {\n          0% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n          20% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n          40% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n          50% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n          55% {\n            border: 2px solid #e76e54;\n            background-color: #e76e54;\n          }\n          60% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n          80% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n          100% {\n            background-color: grey;\n            border: 2px solid black;\n          }\n        }\n      }\n    }\n\n    body {\n      background-color: #111111;\n      margin: 0;\n      overflow-x: hidden;\n    }\n\n    .computer-inner {\n      width: 100%;\n      height: 95%;\n      border-radius: 10px;\n      border: 4px solid #212529;\n      background-color: black;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n      background-image: url("https://cdn.sanity.io/images/ornj730p/production/2707a8676184bd8444ab9a94ac63b1eff0b8e66b-946x800.png?w=600&q=95&auto=format&dpr=2");\n      background-size: 500px;\n      gap: 1rem;\n\n      h1 {\n        margin-top: 2rem;\n        font-family: "Press Start 2P", cursive;\n        transform: scale(0.85);\n        font-size: 15.5px;\n        padding-left: 0rem;\n        padding-right: 0rem;\n      }\n\n      p {\n        font-family: "Work Sans", sans-serif;\n        font-weight: 500;\n        font-size: 13px;\n        color: #d5d5d5;\n        margin-bottom: 1rem;\n      }\n\n      .fuzz {\n        position: absolute;\n\n        width: 200%;\n        height: 200%;\n        background: transparent url("http://assets.iceable.com/img/noise-transparent.png")\n          repeat 0 0;\n        background-repeat: repeat;\n        animation: bg-animation 0.2s infinite;\n        opacity: 0.9;\n        visibility: visible;\n      }\n\n      .opac {\n        animation: opac 1.5s;\n        opacity: 1;\n      }\n\n      @keyframes opac {\n        0% {\n          opacity: 0;\n        }\n\n        100% {\n          opacity: 1;\n        }\n      }\n\n      @keyframes bg-animation {\n        0% {\n          transform: translate(0, 0);\n        }\n        10% {\n          transform: translate(-5%, -5%);\n        }\n        20% {\n          transform: translate(-10%, 5%);\n        }\n        30% {\n          transform: translate(5%, -10%);\n        }\n        40% {\n          transform: translate(-5%, 15%);\n        }\n        50% {\n          transform: translate(-10%, 5%);\n        }\n        60% {\n          transform: translate(15%, 0);\n        }\n        70% {\n          transform: translate(0, 10%);\n        }\n        80% {\n          transform: translate(-15%, 0);\n        }\n        90% {\n          transform: translate(10%, 5%);\n        }\n        100% {\n          transform: translate(5%, 0);\n        }\n      }\n    }\n\n    .computer-stand {\n      width: 120px;\n      height: 14%;\n      border: 4px solid #212529;\n      background-color: #f8e3d3;\n      border-top: none;\n    }\n  }\n\n  '," {\n    height: 70vh;\n    min-height: 550px;\n\n    .computer-outer {\n      /* border: 1px solid red; */\n      width: 90%;\n      max-width: none;\n\n      height: 400px;\n      /* height: 600px; */\n\n      .button-continaer {\n        position: absolute;\n        display: flex;\n        gap: 20px;\n        bottom: 12px;\n        right: 35px;\n      }\n    }\n\n    .computer-inner {\n      gap: 1.5rem;\n\n      .sign-up {\n        bottom: 5%;\n        font-size: 16px;\n        width: auto;\n        transform: scale(1);\n\n        span {\n          display: inline-block;\n        }\n      }\n\n      h1 {\n        transform: scale(0.8);\n        margin-top: 2rem;\n        font-size: 30px;\n        height: 150px;\n        margin-bottom: -1rem;\n        padding-left: 0rem;\n        padding-right: 0rem;\n      }\n\n      p {\n        font-size: 20px;\n      }\n\n      /* .opac {\n        animation: none;\n      } */\n    }\n\n    .computer-stand {\n      width: 190px;\n      height: 20%;\n    }\n  }\n\n  "," {\n    height: 70vh;\n    min-height: 667px;\n\n    .computer-outer {\n      /* border: 1px solid green; */\n      max-width: 900px;\n      height: 600px;\n    }\n\n    .computer-inner {\n      .sign-up {\n        bottom: 10%;\n      }\n\n      h1 {\n        margin-top: 4rem;\n        font-size: 40px;\n        line-height: 60px;\n        height: 150px;\n        margin-bottom: 1.5rem;\n        padding-left: 0rem;\n        padding-right: 0rem;\n      }\n    }\n\n    .computer-stand {\n      height: 20%;\n    }\n  }\n\n  "," {\n    .computer-outer {\n      max-width: 1000px;\n    }\n    .computer-inner {\n      .sign-up {\n        bottom: 10%;\n      }\n      h1 {\n        padding-left: 3.5rem;\n        padding-right: 3.5rem;\n      }\n    }\n  }\n\n  @media screen and (max-width: 767px) {\n    [data-aos] {\n      pointer-events: auto !important;\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n"]);
1return _templateObject=function(){return n},n}let d=o.default.div.withConfig({componentId:"sc-73e0e411-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});var githubStudentPack_Banner=function(){let{initialLoading:n,loading:e,githubOAuthCallback:t,isUserGitHubStudent:r}=(0,s.J)(),[o,c]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{let n=setTimeout(()=>{c(!0)},6e3);return()=>clearTimeout(n)},[]),(0,i.jsx)("div",{children:(0,i.jsxs)(d,{children:[(0,i.jsxs)("div",{className:"computer-outer",children:[(0,i.jsxs)("div",{className:"computer-inner",children:[(0,i.jsx)("div",{className:"fuzz"}),(0,i.jsx)("div",{className:"type-writer-text",children:(0,i.jsx)(l.Z,{text:"Cod\xe9dex is now part of the GitHub Student Developer Pack!",lightTextOnly:!0})}),o&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("p",{className:o&&"opac",children:["Sign up for GitHub Student Developer Pack ",(0,i.jsx)("br",{}),"and enjoy 6 months of Cod\xe9dex Club for free!"]}),(0,i.jsx)("button",{disabled:n||r,onClick:t,className:"nes-btn sign-up ".concat(n||e||r?"is-disabled":""," ").concat(o&&"opac"),children:r?(0,i.jsx)(i.Fragment,{children:"Already enrolled, enjoy!"}):(0,i.jsxs)(i.Fragment,{children:["Sign Up ",(0,i.jsx)("span",{children:"with GitHub!"})]})})]})]}),(0,i.jsxs)("div",{className:"button-continaer",children:[(0,i.jsx)("div",{}),(0,i.jsx)("div",{}),(0,i.jsx)("div",{})]})]}),(0,i.jsx)("div",{className:"computer-stand"})]})})},c=t(9473),p=t(609),m=t(41664),u=t.n(m);function Faq_templateObject(){let n=(0,r._)(["\n  margin-bottom: 2rem;\n  padding: 7rem 0;\n  padding-bottom: 4rem;\n  width: 100%;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-flow: column nowrap;\n  gap: 1.75rem;\n  color: rgba(255, 255, 255, 0.87);\n\n  background: #2e2c3d;\n  h3 {\n    "," {\n      font-size: 17.5px;\n    }\n    "," {\n      font-size: 17.5px;\n    }\n    "," {\n      font-size: 19.5px;\n    }\n\n    ",' {\n      font-size: 24px;\n    }\n\n    text-align: center;\n    scroll-margin-top: 7.5rem;\n  }\n  p.header {\n    width: 75%;\n    text-align: center;\n    font-family: "Work Sans", sans-serif;\n    font-weight: 500;\n    margin-bottom: 1rem;\n    color: #d5d5d5;\n\n    '," {\n      font-size: 14.5px;\n    }\n\n    "," {\n      font-size: 18px;\n    }\n  }\n\n  //&.dark {\n  //color: ",";\n  //background-color: #1d2332;\n  //}\n"]);return Faq_templateObject=function(){return n},n}function _templateObject1(){let n=(0,r._)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-flow: column nowrap;\n\n  border-radius: 15.641px;\n\n  ",' {\n    width: 800px;\n    max-width: 95%;\n    margin: 0;\n\n    & :not(h3) {\n      font-family: "Work Sans", sans-serif;\n    }\n\n    div.faqs {\n      display: flex;\n      gap: 1.5rem;\n      flex-flow: column nowrap;\n      font-size: 16px;\n    }\n\n    .faq {\n      background-color: white;\n      color: black;\n      padding: 0.5rem 1.5rem;\n      padding-top: 0.8rem;\n      padding-bottom: 0;\n    }\n\n    div.question {\n      display: flex;\n      align-items: baseline;\n      justify-content: start;\n      gap: 1rem;\n      font-weight: 700;\n      user-select: none;\n\n      .arrow {\n        transform: rotateZ(0deg);\n        transition: transform 0.5s;\n      }\n\n      .arrow.show {\n        transform: rotateZ(180deg);\n        transition: transform 0.5s;\n      }\n    }\n\n    div.answer {\n      visibility: hidden;\n      max-height: 0;\n      opacity: 0;\n      transition: all 0.5s ease-in-out;\n      font-size: 16px;\n      margin-top: 0rem;\n    }\n\n    div.answer.show {\n      visibility: visible;\n      transition: all 0.2s ease-in-out;\n      opacity: 1;\n      margin-bottom: 0.5rem;\n      max-height: 1000px;\n    }\n\n    div.line {\n      height: 2px;\n      background-color: #d9d9d9;\n      margin-top: 0.5rem;\n    }\n\n    div.call {\n      display: flex;\n      flex-flow: column nowrap;\n      font-size: 12px;\n      gap: 1rem;\n      align-items: center;\n\n      a {\n        font-family: "Press Start 2P";\n        width: fit-content;\n      }\n    }\n  }\n\n  '," {\n    margin: 0;\n    font-size: 14px;\n    //padding: 2rem;\n\n    div.faqs {\n      font-size: 18px;\n    }\n\n    div.answer {\n      margin-top: 1rem;\n    }\n\n    div.call {\n      font-size: 14px;\n    }\n  }\n\n  "," {\n    max-width: 1152px;\n    //padding: 3rem;\n\n    div.faqs {\n      font-size: 20px;\n    }\n  }\n\n  "," {\n    div.faqs {\n    }\n  }\n\n  //&.dark {\n  //background-color: #0f1524;\n  //color: ",";\n\n  //div.line {\n  //background-color: #244c73;\n  //}\n  //}\n"]);
1return _templateObject1=function(){return n},n}let h=o.default.div.withConfig({componentId:"sc-b72a5aa4-0"})(Faq_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},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.text4}),g=o.default.section.withConfig({componentId:"sc-b72a5aa4-1"})(_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.md},n=>{let{theme:e}=n;return e.breakpoints.lg},n=>{let{theme:e}=n;return e.colors.text4}),f=[{question:"Who is eligible for this promotion?",answer:(0,i.jsxs)("p",{children:["We’ve partnered with GitHub Education to deliver this offer to any verified post-secondary student via the"," ",(0,i.jsx)("a",{href:"https://education.github.com/pack",children:"GitHub Student Developer Pack"}),". Before you can claim this offer, you’ll first need to"," ",(0,i.jsx)("a",{href:"https://education.github.com/benefits",children:"apply for student benefits"}),". Once verified, you’ll be able to redeem the promotion."]}),visible:!1},{question:"Where is this promotion available?",answer:(0,i.jsx)("p",{children:"This promotion is available worldwide! \uD83C\uDF0E"}),visible:!1},{question:"What's included in this promotion?",answer:(0,i.jsxs)("p",{children:["Signing up for the GitHub Student Developer Pack gives you all features in Cod\xe9dex Club, minus project review by mentors and course certificates. To view a list of features included Cod\xe9dex Club, visit our"," ",(0,i.jsx)("a",{href:"/pricing",target:"_blank",children:"pricing"})," ","page."]}),visible:!1},{question:"Do I need to sign up for a Cod\xe9dex account via GitHub?",answer:(0,i.jsxs)("p",{children:["No. If you already have a Cod\xe9dex account via Google or email or if you’d prefer to sign up via Google / email, that is totally fine. Just be sure to have your student verification done through GitHub Edu and then connect that to your Cod\xe9dex account through the ‘Sign up’ button found at the top of this"," ",(0,i.jsx)(u(),{href:"https://www.codedex.io/github-students",children:"page"}),". Once you connect the two, you will get a window on Cod\xe9dex saying “Student Status Active”."]}),visible:!1},{question:"What happens after my 6 free months, but I’m still a student?",answer:(0,i.jsx)("p",{children:"This promotion can only be redeemed once. After your promotional window ends, you’ll be given the option to purchase a Cod\xe9dex subscription."}),visible:!1},{question:"I need help - where can I get support?",answer:(0,i.jsxs)("p",{children:["If you’d like to learn more about GitHub Education or their Student Developer Pack, or need support for applying to the GitHub Global Campus, please"," ",(0,i.jsx)("a",{href:"https://education.github.com/",children:"visit their website"}),".",(0,i.jsx)("br",{}),(0,i.jsx)("br",{}),"If you have questions about this promotion or need assistance with your Cod\xe9dex account, please send us a message at"," ",(0,i.jsx)("a",{href:"mailto:[email protected]",children:(0,i.jsx)("strong",{children:"[email protected]"})})," ","and our friendly support team will be happy to assist you. :)"]}),visible:!1}];var githubStudentPack_Faq=function(){let[n,e]=(0,a.useState)(f),t=(0,c.v9)(p.o4)||"dark";return(0,i.jsxs)(h,{className:"".concat("dark"===t?"dark":"light"),children:[(0,i.jsx)("h3",{id:"faq",children:"FAQ"}),(0,i.jsx)("p",{className:"header",children:"Can't find the answers you're looking for? Ask us on Discord or in the Cod\xe9dex Community!"}),(0,i.jsx)(g,{className:"".concat("dark"===t?"dark":"light"),children:(0,i.jsxs)("div",{className:"faqs",children:[n.map(function(t,r){return(0,i.jsxs)("div",{className:"faq nes-container is-rounded nes-pointer",onClick:()=>(function(t){let{index:i}=t,r=[...n];r.forEach((n,e)=>{e===i&&(n.visible=!n.visible)}),e(r)})({index:r}),children:[(0,i.jsxs)("div",{className:"question",children:[(0,i.jsx)("span",{className:"arrow ".concat(t.visible?"show":""),children:(0,i.jsx)("svg",{width:"14",height:"9",viewBox:"0 0 14 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)("path",{d:"M1.46289 1.74316L7.15566 7.43593L12.8484 1.74316",stroke:"black",strokeWidth:"1.51807",strokeLinecap:"round",strokeLinejoin:"round"})})}),(0,i.jsx)("span",{children:t.question})]}),(0,i.jsx)("div",{className:"answer ".concat(t.visible?"show":""),children:t.answer})]},t.question)}),(0,i.jsx)("br",{})]})})]})};
1function Footer_templateObject(){let n=(0,r._)(["\n  h2 {\n    margin-top: 100px;\n    text-align: center;\n    "," {\n      font-size: 13px;\n      width: 95%;\n    }\n    "," {\n      width: 75%;\n      font-size: 24px;\n    }\n    "," {\n      font-size: 30px;\n    }\n  }\n\n  "," {\n    display: flex;\n    color: ",';\n    flex-flow: column nowrap;\n    gap: 1.5rem;\n    margin-bottom: 50px;\n    position: relative;\n    align-items: center;\n\n    p.description,\n    h2 {\n      z-index: 3 !important;\n    }\n\n    p {\n      font-family: "Work Sans", sans-serif;\n    }\n\n    .description {\n      width: 90%;\n      text-align: center;\n    }\n\n    .sign-up {\n      span {\n        display: none;\n      }\n    }\n\n    img {\n      z-index: 0 !important;\n      width: 45px;\n      height: auto;\n    }\n    .abs {\n      position: absolute;\n    }\n    .dino {\n      top: 5px;\n      left: 30px;\n    }\n    .bird {\n      top: 15px;\n      right: 10px;\n    }\n    .heart {\n      bottom: -50px;\n      right: 30px;\n      transform: rotate(25deg);\n    }\n    .hippo {\n      bottom: -25px;\n      left: 20px;\n    }\n\n    button {\n      z-index: 3;\n    }\n  }\n\n  '," {\n    .description {\n      width: 80%;\n      font-size: 17px;\n      font-weight: 500;\n      color: #d5d5d5;\n    }\n\n    .sign-up {\n      span {\n        display: inline-block;\n      }\n    }\n\n    img {\n      width: 103px;\n    }\n\n    .hippo {\n      bottom: 20px;\n      left: 40px;\n    }\n\n    .heart {\n      bottom: -40px;\n      right: 70px;\n      transform: rotate(25deg);\n    }\n  }
1\n\n  "," {\n    align-items: center;\n\n    h2 {\n      font-size: 30px;\n      text-align: center;\n    }\n  }\n\n  "," {\n  }\n\n  h2 {\n    "," {\n      font-size: 18px;\n    }\n    "," {\n      font-size: 26px;\n    }\n    "," {\n      font-size: 30px;\n    }\n  }\n"]);return Footer_templateObject=function(){return n},n}let x=o.default.div.withConfig({componentId:"sc-f9be3d41-0"})(Footer_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.xs},n=>"dark"===n.theme.mode?"rgba(255, 255, 255, 0.87)":"black",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.sm},n=>{let{theme:e}=n;return e.breakpoints.md});var githubStudentPack_Footer=function(){let{initialLoading:n,loading:e,githubOAuthCallback:t,isUserGitHubStudent:r}=(0,s.J)();return(0,i.jsxs)(x,{children:[(0,i.jsxs)("h2",{children:["Start your coding adventure",(0,i.jsx)("br",{}),"with Cod\xe9dex today!"]}),(0,i.jsx)("p",{className:"description",children:"Cod\xe9dex is a brand new learn to code platform that makes coding enjoyable ⋆˙⟡"}),(0,i.jsx)("button",{disabled:n||r,onClick:t,className:"nes-btn sign-up ".concat(n||e||r?"is-disabled":"is-error"),children:r?(0,i.jsx)(i.Fragment,{children:"Already enrolled, enjoy! "}):(0,i.jsxs)(i.Fragment,{children:["Sign Up ",(0,i.jsx)("span",{children:"with GitHub!"})]})}),(0,i.jsx)("img",{className:"abs dino",src:"/images/github-student-partnership/Dino A.gif",alt:""}),(0,i.jsx)("img",{className:"abs bird",src:"/images/github-student-partnership/Bird A.gif",alt:""}),(0,i.jsx)("img",{className:"abs heart",src:"/images/github-student-partnership/pixel-heart.png",alt:""}),(0,i.jsx)("img",{className:"abs hippo",src:"/images/github-student-partnership/Hippo A.gif",alt:""})]})},b=t(62069),w=t(2711),y=t.n(w);function Perks_templateObject(){let n=(0,r._)(["\n  "," {\n    width: 100%;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: center;\n    background-color: #2e2c3d;\n  }\n\n  "," {\n  }\n\n  "," {\n  }\n\n  "," {\n  }\n"]);return Perks_templateObject=function(){return n},n}function Perks_templateObject1(){let n=(0,r._)(["\n  ",' {\n    margin-top: 100px;\n    color: rgba(255, 255, 255, 0.87);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 2rem;\n    margin-left: 1rem;\n    margin-right: 1rem;\n\n    .text-container {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      h2,\n      p {\n        margin: 0px;\n      }\n\n      h2 {\n        font-size: 17.5px;\n        text-align: center;\n      }\n\n      p {\n        font-family: "Work Sans", sans-serif;\n        font-weight: 500;\n        font-size: 17px;\n        color: #d5d5d5;\n      }\n    }\n\n    .iso-image-container {\n      display: flex;\n      justify-content: end;\n\n      .inner-image-container {\n        position: relative;\n        height: fit-content;\n        width: fit-content;\n        margin-right: -10px;\n\n        .edu-logo {\n          position: absolute;\n          bottom: 63px;\n          left: -18px;\n          transform: rotate(-8deg);\n        }\n\n        .iso {\n          margin-right: 0rem;\n          width: 300px;\n        }\n      }\n    }\n  }\n  '," {\n    margin-left: 1.5rem;\n    margin-right: 1.5rem;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    gap: 0rem;\n\n    .text-container {\n      h2 {\n        font-size: 17.5px;\n        text-align: start;\n      }\n\n      p {\n        font-size: 16px;\n      }\n    }\n\n    .iso-image-container {\n      .inner-image-container {\n        .edu-logo {\n        }\n\n        .iso {\n          margin-right: -0.7rem;\n          width: 325px;\n        }\n      }\n    }\n  }\n\n  "," {\n    margin-left: 2rem;\n    margin-right: 2rem;\n\n    .text-container {\n      h2 {\n        font-size: 19.5px;\n      }\n    }\n\n    .iso-image-container {\n      .inner-image-container {\n        .edu-logo {\n        }\n\n        .iso {\n          width: 400px;\n        }\n      }\n    }\n  }\n\n  "," {\n    margin-left: 4.75rem;\n    margin-right: 4.75rem;\n\n    .text-container {\n      h2 {\n        font-size: 24px;\n      }\n    }\n  }\n"]);
1return Perks_templateObject1=function(){return n},n}function _templateObject2(){let n=(0,r._)(["\n  ",' {\n    margin-top: 130px;\n    margin-bottom: 50px;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: center;\n    color: rgba(255, 255, 255, 0.87);\n    margin-left: 1rem;\n    margin-right: 1rem;\n\n    h2 {\n      width: 75%;\n      text-align: center;\n      margin-bottom: 2rem;\n    }\n\n    .learn-practice-build {\n      display: flex;\n      flex-flow: column nowrap;\n      align-items: center;\n\n      .learn,\n      .practice,\n      .build {\n        display: flex;\n        flex-flow: column nowrap;\n        align-items: center;\n        width: 80%;\n        color: rgba(255, 255, 255, 0.87);\n        //gap: 1rem;\n        text-align: center;\n        height: 300px;\n\n        img {\n          width: 150px;\n          height: auto;\n        }\n        h3 {\n          margin: 0;\n          margin-bottom: 0.8rem;\n        }\n\n        h2 {\n          font-family: "Press Start 2P", cursive;\n          font-weight: 500;\n          margin-top: 20px;\n          width: 75%;\n        }\n\n        p {\n          font-family: "Work Sans", sans-serif;\n          font-weight: 400;\n          font-size: 1.1rem;\n          color: #d5d5d5;\n        }\n      }\n    }\n\n    .opc {\n      margin-top: 2.3rem;\n      font-family: "Work Sans", sans-serif;\n      font-weight: 500;\n      font-size: 18px;\n      text-align: center;\n\n      a {\n        color: #a020f0;\n      }\n    }\n  }\n\n  '," {\n    margin-left: 1.5rem;\n    margin-right: 1.5rem;\n\n    .learn-practice-build {\n      flex-flow: row nowrap;\n      justify-content: space-between;\n      align-items: center;\n      gap: 2rem;\n\n      .learn,\n      .practice,\n      .build {\n        p {\n          font-size: 16px;\n        }\n      }\n    }\n\n    .opc {\n      margin-top: 1.5rem;\n    }\n  }\n\n  ",' {\n    margin-left: 2rem;\n    margin-right: 2rem;\n    margin-top: 100px;\n    display: flex;\n    flex-flow: column nowrap;\n    align-items: center;\n    gap: 0rem;\n\n    h2 {\n      font-size: 30px;\n      width: 60%;\n      margin-bottom: 0;\n    }\n\n    .learn-practice-build {\n      flex-flow: row nowrap;\n      justify-content: space-between;\n      align-items: center;\n      width: 100%;\n      margin-top: 1rem;\n\n      .learn,\n      .practice,\n      .build {\n        width: 27.5%;\n        color: rgba(255, 255, 255, 0.87);\n        //gap: 1rem;\n        text-align: center;\n\n        h2 {\n          font-family: "Press Start 2P", cursive;\n          font-weight: 500;\n          margin-top: 20px;\n          width: 75%;\n        }\n\n        h3 {\n          margin: 0;\n        }\n\n        p {\n          font-family: "Work Sans", sans-serif;\n          font-weight: 400;\n          font-size: 17px;\n          margin-top: 1rem;\n        }\n      }\n    }\n\n    .opc {\n      margin-top: 2.3rem;\n    }\n  }\n\n  '," {\n    margin-left: 4.75rem;\n    margin-right: 4.75rem;\n  }\n\n  h2 {\n    "," {\n      font-size: 17.5px;\n      width: fit-content;\n      span {\n        display: inline-block;\n      }\n    }\n    "," {\n      font-size: 17.5px;\n      width: auto;\n      max-width: 75%;\n\n      span {\n        display: inline-block;\n      }\n    }\n    "," {\n      font-size: 19.5px;\n    }\n    "," {\n      font-size: 24px;\n    }\n  }\n"]);return _templateObject2=function(){return n},n}t(20927);let k=o.default.div.withConfig({componentId:"sc-9751d6ba-0"})(Perks_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-9751d6ba-1"})(Perks_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.md},n=>{let{theme:e}=n;return e.breakpoints.lg}),v=o.default.div.withConfig({componentId:"sc-9751d6ba-2"})(_templateObject2(),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.sm},n=>{let{theme:e}=n;return e.breakpoints.md},n=>{let{theme:e}=n;return e.breakpoints.lg});var githubStudentPack_Perks=function(){return(0,a.useEffect)(()=>{y().init({mirror:!1,once:!0})},[]),(0,i.jsx)(k,{children:(0,i.jsxs)(b.Z,{children:[(0,i.jsxs)(j,{children:[(0,i.jsxs)("div",{className:"text-container",children:[(0,i.jsx)("h2",{children:"Cod\xe9dex \uD83E\uDD1D GitHub Edu"}),(0,i.jsxs)("p",{children:["We’ve partnered with GitHub Education to provide the best coding education in the world and make it universally available to all college students. If you are eligible, head over to"," ",(0,i.jsx)("a",{href:"https://education.github.com/pack",target:"_blank",rel:"noreferrer",children:"GitHub Education Benefits Page"})," ","to enroll now."]}),(0,i.jsx)("p",{children:"Happy coding! (๑˃ᴗ˂)ﻭ"})]}),(0,i.jsx)("div",{className:"iso-image-container",children:(0,i.jsxs)("div",{className:"inner
1-image-container","data-aos":"fade-up","data-aos-duration":"500",children:[(0,i.jsx)("img",{src:"/images/homepage/room2.png",className:"iso",alt:"iso"}),(0,i.jsx)("img",{src:"/images/github-student-partnership/github-education-pack-logo.png",className:"edu-logo",alt:"iso"})]})})]}),(0,i.jsxs)(v,{children:[(0,i.jsxs)("h2",{children:["Elevate your coding ",(0,i.jsx)("span",{children:"experience with Cod\xe9dex"})]}),(0,i.jsxs)("div",{className:"learn-practice-build",children:[(0,i.jsxs)("div",{className:"learn",children:[(0,i.jsx)("img",{src:"/images/tier1.png",alt:""}),(0,i.jsx)("h3",{children:"Learn"}),(0,i.jsx)("p",{children:"Explore Python, HTML, CSS, JavaScript, Git & GitHub, and other realms, earn XP to lvl up!"})]}),(0,i.jsxs)("div",{className:"practice",children:[(0,i.jsx)("img",{src:"/images/tier2.png",alt:""}),(0,i.jsx)("h3",{children:"Practice"}),(0,i.jsx)("p",{children:"Test yourself with fun Challenge Packs and real-world Projects to get the reps in!"})]}),(0,i.jsxs)("div",{className:"build",children:[(0,i.jsx)("img",{src:"/images/tier3.png",alt:""}),(0,i.jsx)("h3",{children:"Build"}),(0,i.jsx)("p",{children:"Create and share websites, apps, AI chatbots, and mini-games! Future's in your hand."})]})]}),(0,i.jsxs)("p",{className:"opc",children:["And make friends with 124,000+ learners in our ✨"," ",(0,i.jsx)("a",{href:"/community",target:"_blank",rel:"noopener noreferrer",children:"Community"})," ","✨"]})]})]})})},C=t(30719),_=t(71911),homepage_FitText=function(n){let{children:e}=n,t=(0,a.useRef)(),[r,o]=(0,a.useState)("15px");return(0,a.useEffect)(()=>{let n=new ResizeObserver(n=>{for(let e of n){let{width:n,height:t}=e.contentRect,i=Math.min(n/5,t/10);o("".concat(i,"px"))}});return t.current&&n.observe(t.current),()=>n.disconnect()},[]),(0,i.jsx)("div",{ref:t,className:"text",style:{width:"100%",height:"160px",fontSize:r,overflow:"auto"},children:e})};function FeedbackCard_templateObject(){let n=(0,r._)(["\n  "," {\n    display: none;\n  }\n\n  ",' {\n    display: flex;\n    width: 320px;\n    height: auto;\n\n    border: 3px solid #212529;\n    background-color: white;\n    border-radius: 20px;\n    position: relative;\n    padding-bottom: 1rem;\n\n    .card-inner-container {\n      display: flex;\n      flex-flow: column nowrap;\n      justify-content: center;\n      padding-left: 1.3rem;\n\n      width: 100%;\n      height: 100%;\n\n      .quotation-mark {\n        width: 45px;\n        height: auto;\n        margin-top: 1rem;\n        margin-bottom: .75rem;\n        margin-left: -5px;\n      }\n\n      .text {\n        width: 94%;\n        text-align: center;\n        font-family: "Work Sans", sans-serif;\n        font-size: 16px;\n        text-align: left;\n        color: #212529;\n        font-weight: 400;\n      }\n\n      .person {\n        margin-top: 1.2rem;\n        margin-bottom: .75rem;\n        display: flex;\n        flex-flow: row nowrap;\n        justify-content: start;\n        align-items: center;\n        gap: 1rem;\n\n        img {\n          width: 45px;\n          height: 45px;\n          border: 3px solid #212529;\n          border-radius: 50%;\n          margin-top: -1rem;\n          background-color: #212529;\n          background-clip: border-box;\n          object-fit: cover;\n        }\n\n        .name {\n          margin-top: -1rem;\n          p {\n            margin-bottom: 0;\n          }\n          span.first-name {\n            font-family: "Press Start 2P", cursive;\n            font-size: 14px;\n            font-weight: 400;\n            color: #212529;\n          }\n          p.school-name {\n            margin-top: -0.5rem;\n          }\n          span.school-name {\n            font-family: "Work Sans", sans-serif;\n            font-size: 14px;\n            color: hsla(0, 0%, 20%, 0.8);\n          }\n        }\n      }\n    }\n\n    img.speech-bubble {\n      position: absolute;\n      bottom: -29.93px;\n      border-top: 3px solid white;\n      right: 20px;\n      z-index: 1;\n      width: 30px;\n      height: auto;\n      background-color: white;\n    }\n  }\n']);
1return FeedbackCard_templateObject=function(){return n},n}let S=o.default.div.withConfig({componentId:"sc-dc76c81b-0"})(FeedbackCard_templateObject(),n=>{let{theme:e}=n;return e.breakpoints.xs},n=>{let{theme:e}=n;return e.breakpoints.md});var FeedbackCard=function(n){let{name:e,theme:t="",text:r,image:o,school:a}=n;return(0,i.jsxs)(S,{children:[(0,i.jsxs)("div",{className:"card-inner-container white",children:[(0,i.jsx)("img",{src:t?"./images/homepage/white-mark.png":"./images/homepage/mark.png",className:"quotation-mark",alt:"Quotation mark"}),(0,i.jsx)("p",{className:"text",children:r}),(0,i.jsxs)("div",{className:"person",children:[(0,i.jsx)("img",{src:o,alt:"testimonial person"}),(0,i.jsxs)("div",{className:"name",children:[(0,i.jsx)("p",{className:"first-name",children:(0,i.jsx)("span",{className:"first-name",children:e})}),(0,i.jsx)("p",{className:"school-name",children:(0,i.jsx)("span",{className:"school-name",children:a})})]})]})]}),(0,i.jsx)("img",{src:"/images/github-student-partnership/speechbubble-bottom.png",alt:"speech bubble",className:"speech-bubble"})]})};function _extends(){return(_extends=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n}).apply(this,arguments)}function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach(function(e){var i;i=t[e],e in n?Object.defineProperty(n,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[e]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))})}return n}let Masonry=class Masonry extends a.Component{constructor(n){let e;super(n),this.reCalculateColumnCount=this.reCalculateColumnCount.bind(this),this.reCalculateColumnCountDebounce=this.reCalculateColumnCountDebounce.bind(this),e=this.props.breakpointCols&&this.props.breakpointCols.default?this.props.breakpointCols.default:parseInt(this.props.breakpointCols)||2,this.state={columnCount:e}}componentDidMount(){this.reCalculateColumnCount(),window&&window.addEventListener("resize",this.reCalculateColumnCountDebounce)}componentDidUpdate(){this.reCalculateColumnCount()}componentWillUnmount(){window&&window.removeEventListener("resize",this.reCalculateColumnCountDebounce)}reCalculateColumnCountDebounce(){if(!window||!window.requestAnimationFrame){this.reCalculateColumnCount();return}window.cancelAnimationFrame&&window.cancelAnimationFrame(this._lastRecalculateAnimationFrame),this._lastRecalculateAnimationFrame=window.requestAnimationFrame(()=>{this.reCalculateColumnCount()})}reCalculateColumnCount(){let n=window&&window.innerWidth||1/0,e=this.props.breakpointCols;"object"!=typeof e&&(e={default:parseInt(e)||2});let t=1/0,i=e.default||2;for(let r in e){let o=parseInt(r),a=o>0&&n<=o;a&&o<t&&(t=o,i=e[r])}i=Math.max(1,parseInt(i)||1),this.state.columnCount!==i&&this.setState({columnCount:i})}itemsInColumns(){let n=this.state.columnCount,e=Array(n),t=a.Children.toArray(this.props.children);for(let i=0;i<t.length;i++){let r=i%n;e[r]||(e[r]=[]),e[r].push(t[i])}return e}renderColumns(){let{column:n,columnAttrs:e={},columnClassName:t}=this.props,i=this.itemsInColumns(),r=`${100/i.length}%`,o=t;o&&"string"!=typeof o&&(this.logDeprecated('The property "columnClassName" requires a string'),void 0===o&&(o="my-masonry-grid_column"));let s=_objectSpread(_objectSpread(_objectSpread({},n),e),{},{style:_objectSpread(_objectSpread({},e.style),{},{width:r}),className:o});return i.map((n,e)=>a.createElement("div",_extends({},s,{key:e}),n))}logDeprecated(n){console.error("[Masonry]",n)}render(){let n=this.props,{children:e,breakpointCols:t,columnClassName:i,columnAttrs:r,column:o,className:s}=n,l=function(n,e){if(null==n)return{};var t,i,r=function(n,e){if(null==n)return{};var t,i,r={},o=Object.keys(n);for(i=0;i<o.length;i++)t=o[i],e.indexOf(t)>=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);for(i=0;i<o.length;i++)t=o[i],!(e.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,["children","breakpointCols","columnClassName","columnAttrs","column","className"]),d=s;return"string"!=typeof s&&(this.logDeprecated('The property "className" requires a string'),void 0===s&&(d="my-masonry-grid")),a.createElement("div",_extends({},l,{className:d}),this.renderColumns())}};
1function WallOfLove_templateObject(){let n=(0,r._)(["\n  background-color: #24222d;\n\n  padding-top: 7rem;\n  padding-bottom: 6rem;\n\n  h2 {\n    text-align: center;\n    color: rgba(255, 255, 255, 0.87);\n    "," {\n      font-size: 17.5px;\n    }\n    "," {\n      font-size: 17.5px;\n    }\n    "," {\n      font-size: 19.5px;\n      margin-bottom: -1rem;\n    }\n\n    "," {\n      font-size: 24px;\n    }\n  }\n\n  ",' {\n    .swiper-wrapper {\n      align-items: center;\n    }\n    .md-wall-of-love {\n      display: none;\n    }\n\n    .testimonal-slide {\n      max-width: 450px;\n      height: 400px;\n      background-color: #ffffff;\n      color: #212529;\n      margin: 30px;\n      border: 4px solid black;\n      border-radius: 8px;\n      padding: 30px 20px 12px 20px;\n      margin-bottom: 3rem;\n      display: flex;\n      justify-content: space-evenly;\n      flex-direction: column;\n      font-size: 16px;\n      position: relative;\n\n      .cone {\n        box-sizing: border-box;\n\n        position: absolute;\n        width: 25.09px;\n        height: 84.11px;\n        bottom: -45px;\n        right: 30px;\n\n        background: #ffffff;\n        border: none;\n        border-radius: 5px;\n        transform: matrix(-0.89, -0.46, 0.46, -0.89, 0, 0);\n      }\n\n      .text {\n        display: block;\n        font-size: 14.5px;\n        font-family: "Montserrat", sans-serif;\n        height: 160px;\n        font-weight: 500;\n        width: 100%;\n        overflow: auto;\n        text-overflow: ellipsis;\n      }\n\n      .quotation-mark {\n        width: 45px;\n        margin-left: -7px;\n        margin-top: -15px;\n      }\n\n      .person {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        margin-top: 0.4rem;\n\n        img {\n          width: 45px;\n          height: 45px;\n          border-radius: 50%;\n          border: 3px solid black;\n          object-fit: cover;\n        }\n\n        .name {\n          font-size: 15px;\n          overflow: hidden;\n          overflow-wrap: break-word;\n\n          p {\n            margin-bottom: 0;\n            max-width: 100%;\n            text-overflow: ellipsis;\n            vertical-align: middle;\n            word-wrap: break-word;\n            hyphens: auto;\n\n            span:first-child {\n              margin-top: 3px;\n            }\n          }\n          p {\n            margin-bottom: 0;\n          }\n          span.first-name {\n            font-family: "Press Start 2P", cursive;\n            font-size: 14px;\n            font-weight: 400;\n            color: #212529;\n          }\n          p.school-name {\n            margin-top: -0.5rem;\n          }\n          span.school-name {\n            font-family: "Work Sans", sans-serif;\n            font-size: 14px;\n            color: hsla(0, 0%, 20%, 0.8);\n          }\n        }\n      }\n    }\n\n    .black {\n      color: hsla(0, 0%, 100%, 0.87);\n\n      .quotation-mark {\n        margin-left: -5px !important;\n      }\n\n      img {\n        width: 33px !important;\n        height: 33px !important;\n      }\n\n      .person {\n        img {\n          width: 45px !important;\n          height: 45px !important;\n          border: 3px solid white;\n        }\n      }\n    }\n\n    .swiper-pagination-bullet {\n      background-color: white;\n    }\n\n    .square {\n      width: 25px;\n      height: 25px;\n      background-color: #212529;\n    }\n  }\n\n  '," {\n  }\n\n  "," {\n    .swiper-wrapper {\n      display: none;\n    }\n\n    .md-wall-of-love {\n      display: flex;\n      justify-content: center;\n\n      .wall-of-love-container {\n        display: flex;\n        flex-flow: row wrap;\n        align-items: start;\n        gap: 2rem;\n        justify-content: start;\n        width: 89%;\n\n        .my-masonry-grid {\n          width: 100%;\n          display: flex;\n          padding-left: 1rem;\n          padding-right: 1rem;\n          gap: 1.5rem;\n          margin-left: -10px;\n        }\n\n        .my-masonry-grid_column {\n          padding-left: 10px;\n        }\n      }\n    }\n  }\n"]);
1return WallOfLove_templateObject=function(){return n},n}Masonry.defaultProps={breakpointCols:void 0,className:void 0,columnClassName:void 0,children:void 0,columnAttrs:void 0,column:void 0};let O=o.default.div.withConfig({componentId:"sc-83652fbb-0"})(WallOfLove_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},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 githubStudentPack_WallOfLove=function(){let n=(0,a.useMemo)(()=>[{name:"Brandon L.",text:"Cod\xe9dex does an amazing job teaching users how to code with their fun and interactive lessons in addition to their project tutorials that teach the practical use of code. Can't recommend it enough.",image:"/images/github-student-partnership/user-feedback/dro.png",school:"CS @ University of Minnesota"},{name:"Hannah K.",text:"The community here provides a supportive and inclusive environment that allows the students to build a strong foundation of coding concepts. I’ve made so many meaningful connections and received extremely helpful advice from the Cod\xe9dex family.",image:"/images/github-student-partnership/user-feedback/hank.png",school:"CS @ University of Pittsburgh"},{name:"Alejandro O.",text:"Cod\xe9dex has helped me so much in my first coding class, I'm ahead of everyone and have an A currently.",image:"/images/github-student-partnership/user-feedback/blam.png",school:"CS @ CCBC"},{name:"Ellie P.",text:"Cod\xe9dex has inspired me to continue learning to code and getting to engage with a diverse community has been an amazing experience!",image:"/images/projects/authors/ellie-popoca.png",school:"Informatics @ UIUC"},{name:"Michelle L.",text:"Cod\xe9dex is one of my top 5 favorite websites ever! The aesthetic of the platform makes learning so much fun, and the supportive community and exciting challenges triple the fun!!!",image:"/images/github-student-partnership/michelle.jpg",school:"CS @ Smith College"},{name:"Austin C.",text:'Cod\xe9dex is a fantastic community, a place for beginners doing "Hello World" for the first time to tech veterans with years of experience. As a current student, I am learning so much by being a part of this, more than I could\'ve ever expected. The team is always engaged here, making an effort to create a welcoming place where anyone can learn and grow in their programming journey.',image:"/images/github-student-partnership/austin.png",school:"CS @ UNLV"}],[]);return(0,i.jsx)(O,{children:(0,i.jsxs)(b.Z,{children:[(0,i.jsx)("h2",{children:"Wall of Love"}),(0,i.jsx)(C.tq,{pagination:{clickable:!0},breakpoints:{320:{slidesPerView:1,spaceBetween:0,autoplay:{delay:3e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},navigation:!0,modules:[_.tl,_.W_,_.pt]},768:{slidesPerView:2,spaceBetween:0,autoplay:{delay:3e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},navigation:!0,modules:[_.tl,_.W_,_.pt]},1024:{slidesPerView:3,slidesPerGroup:3,navigation:!0,modules:[_.tl,_.W_,_.pt]},1440:{slidesPerView:3,slidesPerGroup:3,navigation:!0,modules:[_.tl,_.W_,_.pt]}},autoplay:{delay:3e3,disableOnInteraction:!1,pauseOnMouseEnter:!0},modules:[_.tl,_.W_,_.pt],className:"mySwiper",children:n.map((n,e)=>(0,i.jsx)(C.o5,{children:(0,i.jsxs)("div",{className:"testimonal-slide",children:[(0,i.jsx)("img",{src:"./images/homepage/mark.png",className:"quotation-mark",alt:"Quotation mark"}),(0,i.jsx)(homepage_FitText,{children:n.text}),(0,i.jsxs)("div",{className:"person",children:[(0,i.jsx)("img",{src:n.image,alt:"testimonial person"}),(0,i.jsxs)("div",{className:"name",children:[(0,i.jsx)("p",{className:"first-name",children:(0,i.jsx)("span",{className:"first-name",children:n.name})}),(0,i.jsx)("p",{className:"school-name",children:(0,i.jsx)("span",{className:"school-name",children:n.school})})]})]})]})},"".concat(n,"-").concat(e)))}),(0,i.jsx)("div",{className:"md-wall-of-love",children:(0,i.jsx)("div",{className:"wall-of-love-container",children:(0,i.jsx)(Masonry,{breakpointCols:{default:3,1200:2,768:2,650:1,500:1},className:"my-masonry-grid",columnClassName:"my-masonry-grid_column",children:n.map(n=>(0,i.jsx)("div",{style:{marginTop:"60px"},children:(0,i.jsx)(FeedbackCard,{...n},n.name)},n.name))})})})]})})},z=t(86961),N=t(99428),P=!0,github_students=function(){return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(N.Z,{}),(0,i.jsx)(githubStudentPack_Banner,{}),(0,i.jsx)(githubStudentPack_Perks,{}),(0,i.jsx)(githubStudentPack_WallOfLove,{}),(0,i.jsx)(githubStudentPack_Faq,{}),(0,i.jsx)(githubStudentPack_Footer,{}),(0,i.jsx)(z.Z,{})]})}}},function(n){n.O(0,[1272,8700,4153,1622,9280,719,9428,6961,9774,2888,179],function(){return n(n.s=83261)}),_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.