feat: change menu style

.eslintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}

.gitea/workflows/update-website.yaml

@@ -0,0 +1,11 @@
+- name: Build and deploy the website
+  uses: nekiro/ssh-job@main
+  with:
+    host: ${{ secrets.HOST }}
+    password: ${{ secrets.PASSWORD }}
+    user: ${{ secrets.USER }}
+    command: |
+      cd /var/www/ITR-Website
+      git pull
+      npm run build
+      service nginx restart

.gitignore

@@ -1,36 +1 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
+node_modules

README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

build/asset-manifest.json

@@ -0,0 +1,26 @@
+{
+  "files": {
+    "main.css": "/static/css/main.9f3cb76e.css",
+    "main.js": "/static/js/main.be418809.js",
+    "static/js/787.d8522671.chunk.js": "/static/js/787.d8522671.chunk.js",
+    "static/media/video.mp4": "/static/media/video.5e8658c8eba15fe43d62.mp4",
+    "static/media/fenrir.png": "/static/media/fenrir.c36a65b36a574bef476e.png",
+    "static/media/xperror.png": "/static/media/xperror.cf90407f62ede1a194db.png",
+    "static/media/error.jpg": "/static/media/error.627d84472392a479d18d.jpg",
+    "static/media/LeagueSpartan-ExtraBold.ttf": "/static/media/LeagueSpartan-ExtraBold.313960b9ece03f269643.ttf",
+    "static/media/LeagueSpartan-Medium.ttf": "/static/media/LeagueSpartan-Medium.e855e0cd01fed78be96f.ttf",
+    "static/media/github.svg": "/static/media/github.3367ea62e04dfe3c6fad6a88f90ee1ec.svg",
+    "static/media/facebook.svg": "/static/media/facebook.c524426ad554fc45940d657e219663c9.svg",
+    "static/media/discord.svg": "/static/media/discord.cec9e1a200bfbe88c1d3a787b0ede95f.svg",
+    "static/media/instagram.svg": "/static/media/instagram.eca0902ae08f6ebdf1f23da142658f92.svg",
+    "static/media/twitter.svg": "/static/media/twitter.0ad7f5518b1249fb5ec229971e13807f.svg",
+    "index.html": "/index.html",
+    "main.9f3cb76e.css.map": "/static/css/main.9f3cb76e.css.map",
+    "main.be418809.js.map": "/static/js/main.be418809.js.map",
+    "787.d8522671.chunk.js.map": "/static/js/787.d8522671.chunk.js.map"
+  },
+  "entrypoints": [
+    "static/css/main.9f3cb76e.css",
+    "static/js/main.be418809.js"
+  ]
+}

build/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>ITR - Home</title><script defer="defer" src="/static/js/main.be418809.js"></script><link href="/static/css/main.9f3cb76e.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

build/manifest.json

@@ -0,0 +1,8 @@
+{
+  "short_name": "ITR",
+  "name": "ITR - Home",
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

build/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

build/static/css/main.9f3cb76e.css

@@ -0,0 +1,8 @@
+.navbar{align-items:center;background-color:transparent;display:flex;height:70px;justify-content:space-between;overflow-y:hidden;position:fixed;transition:.5s;width:100%;z-index:1000}.navbar__logotext{-webkit-animation:navbar__logotext 6s ease-in-out infinite;animation:navbar__logotext 6s ease-in-out infinite;background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);-webkit-background-clip:text;background-clip:text;background-size:400% 100%;color:#fff;cursor:pointer;font-family:itrFont;font-size:50px;margin-left:50px;margin-top:6px;transition:.5s}#logo{text-decoration:none}.navbar__logotext:hover{color:transparent}@-webkit-keyframes navbar__logotext{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes navbar__logotext{0%,to{background-position:0 0}50%{background-position:100% 0}}li{display:inline}li a{color:#d8d8d8;font-family:itrFontMedium;font-size:20px;margin-left:3px;margin-right:3px;padding:5px 20px;text-decoration:none;transition:.3s}li a:hover{color:#fff}.nav__placeholder{background:transparent}.nav__login,.nav__placeholder{border:none;border-radius:10px;height:20px;margin-right:50px;outline:none;padding:10px;position:relative;width:70px;z-index:0}.nav__login{background:#111;color:#fff;cursor:pointer;font-family:itrFontMedium;font-size:20px;text-align:center;text-decoration:none}.nav__login:before{-webkit-animation:glow 30s linear infinite;animation:glow 30s linear infinite;background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;border-radius:10px;content:"";height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.nav__login:active{color:#000}.nav__login:active:after{background:transparent}.nav__login:hover:before{opacity:1}.navbar__hamburger{display:none}@media screen and (max-width:650px){.navbar__logotext{margin-left:20px;margin-top:6px}ul{display:none}.navbar__hamburger{cursor:pointer;display:flex;flex-direction:column;margin-right:20px}.navbar__hamburger_line{background-color:#fff;border:none;border-radius:10px;height:3px;margin:2px;width:30px}.c{align-items:center;background:linear-gradient(#353535,#232323);height:100%;overflow:hidden;position:fixed;width:100%;z-index:10000000}.c,.dd{display:flex;flex-direction:column}.dd{margin-top:10%;width:95%}li{margin-bottom:10%;margin-left:8px}.dd__link{color:#fff;display:flex;font-size:40px;padding:0;width:100%}.dd__link_label{cursor:pointer;position:relative;width:90%}.dd__link_arrow{color:#fff;cursor:pointer;font-size:30px;opacity:0;padding-top:7px;text-align:center;transition:.2s;width:10%}.dd__link_arrow:hover:focus,.dd__link_label:hover+.dd__link_arrow{opacity:100%}.header{display:inline-block;flex-direction:row;margin-top:10px;width:90%}.header__text{font-size:50px}.header__text,.header__x{color:#fff;font-family:itrFont}.header__x{border:none;cursor:pointer;float:right;font-size:25px;margin-right:5px;margin-top:13px}}.slideIn{-webkit-animation:slideIn .6s ease;animation:slideIn .6s ease}.slideOut{-webkit-animation:slideOut .6s ease;animation:slideOut .6s ease}@-webkit-keyframes slideIn{0%{margin-top:100vh;opacity:0}to{margin-top:0;opacity:100%}}@keyframes slideIn{0%{margin-top:100vh;opacity:0}to{margin-top:0;opacity:100%}}@-webkit-keyframes slideOut{0%{margin-top:0;opacity:100%}to{margin-top:100vh;opacity:0}}@keyframes slideOut{0%{margin-top:0;opacity:100%}to{margin-top:100vh;opacity:0}}.home{-webkit-animation:fade .9s ease-in;animation:fade .9s ease-in;opacity:100%;width:100%}.home__content__panel{align-items:center;background-color:transparent;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;overflow:hidden;width:100%}.home__content__panel__title{-webkit-animation:textSlide 1s ease;animation:textSlide 1s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1;font-family:itrFont;font-size:500%;letter-spacing:5px;padding-bottom:10px;padding-top:20px;width:100%}.home__content__panel__button,.home__content__panel__title{color:#fff;-webkit-filter:drop-shadow(0 0 .75rem #4d4d4d);filter:drop-shadow(0 0 .75rem rgb(77,77,77));opacity:100%;position:absolute;text-align:center;z-index:1}.home__content__panel__button{-webkit-animation:textSlide 1s ease,textBreathe 10s ease;animation:textSlide 1s ease,textBreathe 10s ease;-webkit-animation-iteration-count:1,infinite;animation-iteration-count:1,infinite;border:none;cursor:pointer;font-size:300%;margin-top:70vh;overflow:hidden;transition:.3s}.home__content__panel__button:hover{font-size:370%}.home__content__info{background:linear-gradient(#353535,#232323);height:auto;margin:0;min-height:100vh;padding:0;width:100%}.home__content__info__image{align-items:center;display:flex;height:40vw;justify-content:center;margin-top:20vh;overflow:hidden;position:absolute;right:0;width:45vw}.home__content__info__image img{-webkit-animation:glow;animation:glow;-webkit-animation-delay:2s;animation-Line truncated
+ * animate.css - https://animate.style/
+ * Version - 4.1.1
+ * Licensed under the MIT license - http://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2020 Animate.css
+ */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95);-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:tranLine truncated
+/*# sourceMappingURL=main.9f3cb76e.css.map*/

build/static/css/main.9f3cb76e.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/css/main.9f3cb76e.css","mappings":"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wD,CACxD,6CACF,CAEA,IAGE,2CAAoD,CACpD,mCAA4C,CAH5C,gEAAuE,CACvE,wDAGF,CAEA,IACE,oDAAuD,CACvD,4CACF,CACF,CACA,iBACE,6BAA8B,CAC9B,qBAAsB,CACtB,sCAAuC,CACvC,8BACF,CACA,yBACE,UAGE,SACF,CAEA,QAEE,SACF,CACF,CACA,iBACE,UAGE,SACF,CAEA,QAEE,SACF,CACF,CACA,gBACE,4BAA6B,CAC7B,oBACF,CAEA,yBACE,GACE,2BAAmC,CACnC,mBACF,CAEA,IACE,yCAA4C,CAC5C,iCACF,CAEA,GACE,2BAAmC,CACnC,mBACF,CACF,CACA,iBACE,GACE,2BAAmC,CACnC,mBACF,CAEA,IACE,yCAA4C,CAC5C,iCACF,CAEA,GACE,2BAAmC,CACnC,mBACF,CACF,CACA,gBACE,4BAA6B,CAC7B,oBAAqB,CACrB,6CAA8C,CAC9C,qCACF,CACA,8BACE,GACE,2BAAmC,CACnC,mBACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,GACE,2BAAmC,CACnC,mBACF,CACF,CACA,sBACE,GACE,2BAAmC,CACnC,mBACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,IACE,qCAAyC,CACzC,6BACF,CAEA,GACE,2BAAmC,CACnC,mBACF,CACF,CACA,qBACE,iCAAkC,CAClC,yBACF,CACA,0BACE,MAEE,+BAAuC,CACvC,uBACF,CAEA,oBAKE,wCAA2C,CAC3C,gCACF,CAEA,gBAIE,uCAA0C,CAC1C,+BACF,CACF,CACA,kBACE,MAEE,+BAAuC,CACvC,uBACF,CAEA,oBAKE,wCAA2C,CAC3C,gCACF,CAEA,gBAIE,uCAA0C,CAC1C,+BACF,CACF,CACA,iBACE,6BAA8B,CAC9B,qBACF,CACA,0BACE,MAEE,+BAAuC,CACvC,uBACF,CAEA,oBAKE,wCAA2C,CAC3C,gCACF,CAEA,gBAIE,uCAA0C,CAC1C,+BACF,CACF,CACA,kBACE,MAEE,+BAAuC,CLine truncated

build/static/js/787.d8522671.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkitr=self.webpackChunkitr||[]).push([[787],{787:function(e,t,n){n.r(t),n.d(t,{getCLS:function(){return y},getFCP:function(){return g},getFID:function(){return C},getLCP:function(){return P},getTTFB:function(){return D}});var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v2-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if("first-input"===e&&!("PerformanceEventTiming"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},f=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},s=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},m=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},v=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},d=function(){f((function(e){var t=e.timeStamp;v=t}),!0)},l=function(){return v<0&&(v=p(),d(),s((function(){setTimeout((function(){v=p(),d()}),0)}))),{get firstHiddenTime(){return v}}},g=function(e,t){var n,i=l(),r=u("FCP"),a=function(e){"first-contentful-paint"===e.name&&(f&&f.disconnect(),e.startTime<i.firstHiddenTime&&(r.value=e.startTime,r.entries.push(e),n(!0)))},o=window.performance&&performance.getEntriesByName&&performance.getEntriesByName("first-contentful-paint")[0],f=o?null:c("paint",a);(o||f)&&(n=m(e,r,t),o&&a(o),s((function(i){r=u("FCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,n(!0)}))}))})))},h=!1,T=-1,y=function(e,t){h||(g((function(e){T=e.value})),h=!0);var n,i=function(t){T>-1&&e(t)},r=u("CLS",0),a=0,o=[],v=function(e){if(!e.hadRecentInput){var t=o[0],i=o[o.length-1];a&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(a+=e.value,o.push(e)):(a=e.value,o=[e]),a>r.value&&(r.value=a,r.entries=o,n())}},p=c("layout-shift",v);p&&(n=m(i,r,t),f((function(){p.takeRecords().map(v),n(!0)})),s((function(){a=0,T=-1,r=u("CLS",0),n=m(i,r,t)})))},E={passive:!0,capture:!0},w=new Date,L=function(e,t){i||(i=t,r=e,a=new Date,F(removeEventListener),S())},S=function(){if(r>=0&&r<a-w){var e={entryType:"first-input",name:i.type,target:i.target,cancelable:i.cancelable,startTime:i.timeStamp,processingStart:i.timeStamp+r};o.forEach((function(t){t(e)})),o=[]}},b=function(e){if(e.cancelable){var t=(e.timeStamp>1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){L(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,E),removeEventListener("pointercancel",i,E)};addEventListener("pointerup",n,E),addEventListener("pointercancel",i,E)}(t,e):L(t,e)}},F=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,b,E)}))},C=function(e,t){var n,a=l(),v=u("FID"),p=function(e){e.startTime<a.firstHiddenTime&&(v.value=e.processingStart-e.startTime,v.entries.push(e),n(!0))},d=c("first-input",p);n=m(e,v,t),d&&f((function(){d.takeRecords().map(p),d.disconnect()}),!0),d&&s((function(){var a;v=u("FID"),n=m(e,v,t),o=[],r=-1,i=null,F(addEventListener),a=p,o.push(a),S()}))},k={},P=function(e,t){var n,i=l(),r=u("LCP"),a=function(e){var t=e.startTime;t<i.firstHiddenTime&&(r.value=t,r.entries.push(e),n())},o=c("largest-contentful-paint",a);if(o){n=m(e,r,t);var v=function(){k[r.id]||(o.takeRecords().map(a),o.disconnect(),k[r.id]=!0,n(!0))};["keydown","click"].forEach((function(e){addEventListener(e,v,{once:!0,capture:!0})})),f(v,!0),s((function(i){r=u("LCP"),n=m(e,r,t),requestAnimationFrame((function(){requestAnimationFrame((function(){r.value=performance.now()-i.timeStamp,k[r.id]=!0,n(!0)}))}))}))}},D=function(e){var t,n=u("TTFB");t=function(){try{var t=performance.getEntriesByType("navigation")[0]||function(){var e=performance.timing,t={entryType:"navigation",startTime:0};for(var n in e)"navigationStart"!==n&&"toJSON"!==n&&(t[n]=Math.max(e[n]-e.navigationStart,0));return t}();if(n.value=n.delta=t.responseStart,n.value<0||n.value>performance.now())return;n.entries=[t],e(n)}catch(e){}},"complete"===document.readyState?setTimeout(t,0):addEventListener("load",(function(){return setTimeout(t,0)}))}}}]);
+//# sourceMappingURL=787.d8522671.chunk.js.map

build/static/js/787.d8522671.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/787.d8522671.chunk.js","mappings":"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 truncated

build/static/js/main.be418809.js

@@ -0,0 +1,3 @@
+/*! For license information please see main.be418809.js.LICENSE.txt */
+!function(){var e={881:function(e,t,n){var r="Expected a function",a=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,i=/^0b[01]+$/i,l=/^0o[0-7]+$/i,u=parseInt,s="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,c="object"==typeof self&&self&&self.Object===Object&&self,f=s||c||Function("return this")(),d=Object.prototype.toString,p=Math.max,h=Math.min,m=function(){return f.Date.now()};function v(e,t,n){var a,o,i,l,u,s,c=0,f=!1,d=!1,v=!0;if("function"!=typeof e)throw new TypeError(r);function b(t){var n=a,r=o;return a=o=void 0,c=t,l=e.apply(r,n)}function w(e){return c=e,u=setTimeout(_,t),f?b(e):l}function k(e){var n=e-s;return void 0===s||n>=t||n<0||d&&e-c>=i}function _(){var e=m();if(k(e))return x(e);u=setTimeout(_,function(e){var n=t-(e-s);return d?h(n,i-(e-c)):n}(e))}function x(e){return u=void 0,v&&a?b(e):(a=o=void 0,l)}function S(){var e=m(),n=k(e);if(a=arguments,o=this,s=e,n){if(void 0===u)return w(s);if(d)return u=setTimeout(_,t),b(s)}return void 0===u&&(u=setTimeout(_,t)),l}return t=y(t)||0,g(n)&&(f=!!n.leading,i=(d="maxWait"in n)?p(y(n.maxWait)||0,t):i,v="trailing"in n?!!n.trailing:v),S.cancel=function(){void 0!==u&&clearTimeout(u),c=0,a=s=o=u=void 0},S.flush=function(){return void 0===u?l:x(m())},S}function g(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function y(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==d.call(e)}(e))return NaN;if(g(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=g(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(a,"");var n=i.test(e);return n||l.test(e)?u(e.slice(2),n?2:8):o.test(e)?NaN:+e}e.exports=function(e,t,n){var a=!0,o=!0;if("function"!=typeof e)throw new TypeError(r);return g(n)&&(a="leading"in n?!!n.leading:a,o="trailing"in n?!!n.trailing:o),v(e,t,{leading:a,maxWait:t,trailing:o})}},888:function(e,t,n){"use strict";var r=n(47);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:o,resetWarningCache:a};return n.PropTypes=n,n}},7:function(e,t,n){e.exports=n(888)()},47:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},463:function(e,t,n){"use strict";var r=n(791),a=n(296);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var i=new Set,l={};function u(e,t){s(e,t),s(e+"Capture",t)}function s(e,t){for(l[e]=t,e=0;e<t.length;e++)i.add(t[e])}var c=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),f=Object.prototype.hasOwnProperty,d=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p={},h={};function m(e,t,n,r,a,o,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=a,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=i}var v={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){v[e]=new m(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];v[t]=new m(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){v[e]=new m(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){v[e]=new m(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){v[e]=new m(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){v[e]=new m(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){v[e]=new m(e,4,!1,eLine truncated
+//# sourceMappingURL=main.be418809.js.map

build/static/js/main.be418809.js.LICENSE.txt

@@ -0,0 +1,74 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @remix-run/router v1.3.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router DOM v6.8.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/**
+ * React Router v6.8.1
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */

build/static/js/main.be418809.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/js/main.be418809.js","mappings":"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 truncated

next.config.mjs

@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;

package.json

@@ -1,27 +1,52 @@
 {
-  "name": "itrweb",
+  "name": "itr",
   "version": "0.1.0",
   "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
   "dependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "ahooks": "^3.7.8",
     "animate.css": "^4.1.1",
-    "axios": "^1.7.2",
-    "next": "14.2.3",
-    "react": "^18",
-    "react-dom": "^18",
-    "sass": "^1.77.2"
+    "axios": "^1.3.2",
+    "hamburger-react": "^2.5.0",
+    "nodemon": "^2.0.20",
+    "nth-check": "^2.1.1",
+    "react": "^18.2.0",
+    "react-animation-on-scroll": "^5.1.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.8.1",
+    "react-scripts": "^5.0.1",
+    "react-scroll": "^1.8.9",
+    "react-spring": "^9.6.1",
+    "react-toastify": "^9.1.1",
+    "sass": "^1.58.0",
+    "unstated-next": "^1.1.0",
+    "uuid": "^9.0.0",
+    "web-vitals": "^2.1.4"
   },
-  "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "eslint": "^8",
-    "eslint-config-next": "14.2.3",
-    "typescript": "^5"
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
   }
 }

public/index.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="Illinois Tech Robotics"
+      content="Welcome to the Illinois Tech Robotics Club! We are a student-run organization that promotes the field of robotics through hands-on projects, competitions and events. Open to students of all majors and skill levels, we meet every week at 6:30pm CST to work on exciting robotics projects."
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>ITR - Home</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

public/manifest.json

@@ -0,0 +1,8 @@
+{
+  "short_name": "ITR",
+  "name": "ITR React App",
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

src/app/global.scss

@@ -1,18 +0,0 @@
-* {
-    padding: 0px;
-    margin: 0px;
-    background-color: transparent;
-}
-
-.container {
-    width: 100vw;
-    height: auto;   
-    min-height: 100vh;
-    margin: 0px;
-    padding: 0px;
-    background-color: #232323;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: center;
-}

src/app/layout.tsx

@@ -1,21 +0,0 @@
-import Navbar from "@/components/Navbar";
-import "@/app/global.scss";
-import Footer from "@/components/Footer";
-
-export default function Layout({ children }) {
-  return (
-    <div className="container">
-      <div
-        style={{
-          position: "relative",
-          width: "100%",
-          height: "70px",
-          backgroundColor: "transparent",
-        }}
-      />
-      <Navbar></Navbar>
-      <main>{children}</main>
-      <Footer></Footer>
-    </div>
-  );
-}

src/assets/stylesheets/about.scss

@@ -0,0 +1,143 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.about {
+  background-color: #232323;
+  width: 100%;
+  min-height: 100vh;
+  height: auto;
+  opacity: 100%;
+  overflow-x: hidden;
+  display: flex;
+  -webkit-animation: fade 0.9s ease-in;
+  -moz-animation: fade 0.9s ease-in;
+  -ms-animation: fade 0.9s ease-in;
+  -o-animation: fade 0.9s ease-in;
+  animation: fade 0.9s ease-in;
+  background: linear-gradient(#3b3b3b, #1a1a1a);
+}
+
+.about__content {
+  position: relative;
+  margin-top: 70px;
+  width: 100%;
+  height: auto;
+  overflow: hidden;
+}
+
+.about__content__main {
+  width: 100vw;
+  height: auto;
+  margin-top: 5vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.about__content__main__container {
+  padding: 10px 10px 20px 10px;
+  border-radius: 10px;
+  background-color: rgb(66, 66, 66);
+  width: 80vw;
+  height: auto;
+  display: flex;
+  flex-direction: column;
+  transition: 0.3s;
+  cursor: default;
+}
+
+.about__content__main__container h1,
+.about__content__blocks_block h1 {
+  color: white;
+  opacity: 100%;
+  font-size: 40px;
+  font-weight: bold;
+  font-family: "itrFont";
+  padding: 10px;
+}
+
+.about__content__main__container span,
+.about__content__blocks_block span {
+  color: rgb(238, 238, 238);
+  opacity: 100%;
+  font-size: 20px;
+  font-family: "itrFontMedium";
+  padding: 10px;
+  line-height: 32px;
+  border-radius: 10px;
+}
+
+.about__content__blocks_block span {
+  margin-bottom: 30px;
+}
+
+.about__content__blocks {
+  margin-top: 6vh;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: auto;
+  margin-right: calc(-1 * (100vw - 100%));
+}
+
+.about__content__blocks_block {
+  position: relative;
+  border-radius: 10px;
+  background-color: rgb(66, 66, 66);
+  width: 25vw;
+  margin-left: 3vw;
+  margin-right: 3vw;
+  min-height: 38vh;
+  height: auto;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  transition: 0.3s;
+  cursor: pointer;
+}
+
+.about__content__blocks_block p {
+  position: absolute;
+  bottom: 0;
+  color: rgb(136, 136, 136);
+  opacity: 100%;
+  font-size: 20px;
+  font-family: "itrFontMedium";
+  padding: 10px;
+  line-height: 32px;
+  border-radius: 10px;
+}
+
+.about__content__blocks_block:hover,
+.about__content__main__container:hover {
+  background-color: #666666;
+}
+
+@media screen and (max-width: 1550px) {
+  .about__content__blocks {
+    flex-direction: column;
+  }
+
+  .about__content__blocks_block {
+    margin-bottom: 6vh;
+    width: 80vw;
+  }
+
+  .about__content__blocks_block h1 {
+    font-size: 35px;
+  }
+}
+
+@keyframes fade {
+  0% {
+    opacity: 0;
+  }
+}

src/assets/stylesheets/app.scss

@@ -0,0 +1,18 @@
+* {
+  padding: 0px;
+  margin: 0px;
+  background-color: transparent;
+}
+
+.container {
+  padding: 0px;
+  margin: 0px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background-color: #232323;
+}
+
+html {
+  overflow-y: scroll;
+}

src/assets/stylesheets/awards.scss

@@ -0,0 +1,41 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.awards {
+  position: relative;
+  width: 100vw;
+  height: 100vh;
+  background-color: rgb(54, 54, 54);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.awards__content {
+    background-color: red;
+    width: 80%;
+    height: auto;
+    padding: 10px;
+}
+
+.awards__content__title {
+    font-weight: bold;
+    font-size: 300%;
+    color: rgb(255, 255, 255);
+    font-family: "itrFont";
+    margin-bottom: 1%;
+}
+
+.awards__content__list_item {
+    border-top: 1px solid black;
+    border-bottom: 1px solid black;
+    width: 100%;
+    height: 100px;
+}

src/assets/stylesheets/bubble.scss

@@ -0,0 +1,78 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.bubble {
+  color: rgb(255, 255, 255);
+  font-family: "itrFontMedium";
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  margin: 30px; 
+}
+
+.bubble_main {
+  width: 100%;
+}
+
+.bubble_main h1 {
+  font-weight: bold;
+  font-size: 300%;
+  border-left: 5px solid rgb(255, 142, 142);
+  padding-left: 15px;
+  border-top-left-radius: 10px;
+  margin-bottom: -5px;
+}
+
+.bubble_main h2 {
+  font-weight: bold;
+  font-size: 400%;
+  border-left: 5px solid rgb(255, 142, 142);
+  padding-left: 15px;
+  border-bottom-left-radius: 10px;
+  margin-bottom: 25px;
+}
+
+.bubble_main div {
+  height: auto;
+  display: flex;
+  overflow-wrap: break-word;
+  font-weight: normal;
+  font-size: 150%;
+  color: #d6d6d6;
+  background-color: rgb(59, 59, 59);
+  border-radius: 10px;
+  line-height: 35px;
+  padding: 15px;
+  flex-direction: column;
+}
+
+.bubble_main a {
+  color: rgb(141, 238, 255);
+}
+
+@media screen and (max-width: 650px) {
+  // Phones
+  .bubble_main {
+    width: auto;
+  }
+
+  .bubble_main h1 {
+    font-size: 150%;
+  }
+
+  .bubble_main h2 {
+    font-size: 250%;
+  }
+
+  .bubble_main div {
+    font-size: 100%;
+    line-height: 25px;
+  }
+}

src/assets/stylesheets/dropdown.scss

@@ -0,0 +1,146 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.mobile {
+  position: fixed!important;
+  padding: 20px!important;
+  padding: 20px!important;
+  background-color: rgb(35, 35, 35)!important;
+  z-index: 999!important;
+  width: 100%!important;
+  box-sizing: border-box;
+  height: 100vh!important;
+  justify-content: start!important;
+}
+
+@media screen and (max-width: 650px) {
+  .c {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(#353535, #232323);
+    z-index: 10000000;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    // animation: slide .6s ease;
+    // animation-iteration-count: 1;
+  }
+  .home__content__info {
+    .c {
+      padding: 0;
+      width: 100%;
+    }
+  }
+
+  .dd {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    margin-top: 45px;
+  }
+
+  li {
+    margin-bottom: 20px;
+    // margin-left: 8px;
+  }
+
+  .dd__link {
+    color: white;
+    font-size: 24px;
+    padding: 0;
+    width: 100%;
+    display: flex;
+  }
+
+  .dd__link_label {
+    position: relative;
+    width: 90%;
+    cursor: pointer;
+    line-height: 33px;
+    height: 33px;
+  }
+
+  .dd__link_arrow {
+    text-align: center;
+    color: white;
+    // padding-top: 7px;
+    height: 33px;
+    line-height: 33px;
+    width: 10%;
+    font-size: 30px;
+    cursor: pointer;
+    opacity: 0%;
+    transition: 0.2s;
+  }
+
+  .dd__link_arrow:hover:focus {
+    opacity: 100%;
+  }
+
+  .dd__link_label:hover + .dd__link_arrow {
+    opacity: 100%;
+  }
+
+  .header {
+    margin-top: 10px;
+    display: inline-block;
+    flex-direction: row;
+    width: 90%;
+  }
+
+  .header__text {
+    color: white;
+    font-size: 50px;
+    font-family: "itrFont";
+  }
+
+  .header__x {
+    color: white;
+    font-size: 25px;
+    font-family: "itrFont";
+    border: none;
+    float: right;
+    margin-top: 13px;
+    margin-right: 5px;
+    cursor: pointer;
+  }
+}
+
+.slideIn{
+  animation: slideIn .6s ease;
+}
+
+.slideOut{
+  animation: slideOut .6s ease;
+}
+
+@keyframes slideIn {
+  0% {
+    margin-top: -100vh;
+    opacity: 0%;
+  }
+  100% {
+    margin-top: 0vh;
+    opacity: 100%;
+  }
+}
+
+@keyframes slideOut {
+  0% {
+    margin-top: 0vh;
+    opacity: 100%;
+  }
+  100% {
+    margin-top: -100vh;
+    opacity: 0%;
+  }
+}

src/assets/stylesheets/error.scss

@@ -0,0 +1,97 @@
+#container {
+  opacity: 100%;
+  -webkit-animation: fade 0.9s ease-in;
+  -moz-animation: fade 0.9s ease-in;
+  -ms-animation: fade 0.9s ease-in;
+  -o-animation: fade 0.9s ease-in;
+  animation: fade 0.9s ease-in;
+  background-color: black;
+}
+
+.error {
+  background-color: #232323;
+  width: 100%;
+  overflow: hidden;
+  display: flex;
+  height: calc(100vh - 101px);
+}
+
+.error__photo {  margin: 0px;
+  width: 100%;
+  min-width: 900px;
+}
+
+.e {
+  margin: 0px;
+  position: absolute;
+  width: 100vw;
+  max-width: 500px;
+  aspect-ratio: 16/9;
+  border-radius: 30px;
+  left: 0; 
+  right: 0; 
+  top: 0;
+  bottom: 0;
+  margin: auto
+}
+
+.e__background {
+  margin: 0px;
+  position: relative;
+  width: 100vw;
+  max-width: 500px;
+  aspect-ratio: 16/9;
+}
+
+.e__container {
+  margin: 0px;
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  border-radius: 20px;
+  top: 0;
+  width: 100vw;
+  max-width: 500px;
+  aspect-ratio: 16/9;
+  height: auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.e__container__titleCon {
+  width: 100%;
+  height: 15%;
+}
+
+.e__container__messageCon {
+  width: 100%;
+  height: 77%; 
+}
+
+.e__container__titleCon__title {
+  font-family: "Tahoma";
+  margin-top: 1%;
+  margin-left: 12%;
+  font-size: 1.5rem;
+  color: white;
+}
+
+.e__container__messageCon__message {
+  font-family: "Tahoma";
+  margin-top: 1%;
+  margin-left: 12%;
+  font-size: 1.3rem;
+  color: black;
+  margin-left: 24%;
+  margin-top: 10%;
+  margin-right: 20px;
+  line-height: 35px;
+}
+
+@keyframes fade {
+  0% {
+    opacity: 0;
+  }
+}

src/assets/stylesheets/footer.scss

@@ -0,0 +1,121 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.footer {
+  background-color: #232323;
+  width: 100%;
+  height: 100px;
+  border-top: 1px solid rgb(46, 46, 46);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin: 0px;
+  padding: 0px;
+  overflow: hidden;
+}
+
+.footer__links {
+  width: 80vw;
+  height: 50px;
+  padding: 0px;
+  margin: 0px;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer__links_ul {
+  margin: 0px;
+  padding: 0px;
+  width: 80vw;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer__links_ul_li {
+  padding: 0px;
+  margin: 20px;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer__links_ul_li_a {
+  margin: 0px;
+  padding: 0px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.footer__links_ul_li_svg {
+  width: 40px;
+  height: 40px;
+  filter: invert(100%) sepia(10%) saturate(1000%) hue-rotate(10deg)
+    brightness(100%) contrast(100%);
+  opacity: 30%;
+  transition: 0.3s;
+  padding: 0px;
+  margin: 0px;
+}
+
+.footer__links_ul_li_svg:hover {
+  opacity: 70%;
+}
+
+.footer__toes {
+  display: flex;
+  width: 80vw;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 10px;
+}
+
+.footer__toes__links {
+    display: flex;
+}
+
+.footer__toes__links_link {
+  text-align: center;
+  width: 100px;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  height: 30px;
+  padding: 0px;
+  margin: 0px;
+}
+
+@media screen and (max-width: 650px) {
+  // Phones
+  .footer__links_ul_li_svg {
+    width: 30px;
+    height: 30px;
+  }
+
+  .footer__links_ul_li {
+    margin: 15px;
+  }
+
+  .footer__toes__links_link_a {
+    font-size: 17px;
+  }
+
+  .footer__toes__links_link {
+    width: 80px;
+  }
+}

src/assets/stylesheets/home.scss

@@ -0,0 +1,108 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.home {
+  width: 100%;
+  opacity: 100%;
+  -webkit-animation: fade 0.9s ease-in;
+  -moz-animation: fade 0.9s ease-in;
+  -ms-animation: fade 0.9s ease-in;
+  -o-animation: fade 0.9s ease-in;
+  animation: fade 0.9s ease-in;
+}
+
+.home__content__panel {
+  background-color: transparent;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  overflow: hidden;
+}
+
+.home__content__panel__video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.home__content__panel__title {
+  position: absolute;
+  color: white;
+  text-align: center;
+  font-size: 70px;
+  font-family: "itrFont";
+  animation: textSlide 1s ease;
+  animation-iteration-count: 1;
+  opacity: 100%;
+  width: 100%;
+  letter-spacing: 2px;
+  filter: drop-shadow(0 0 0.75rem rgb(77, 77, 77));
+  z-index: 1;
+}
+
+.home__content__info {
+  height: auto;
+  width: 100%;
+  margin: 0px;
+  padding: 0px;
+  background: linear-gradient(#353535, #232323);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+}
+
+.c {
+  margin: 0px;
+  padding: 0px;
+  width: 90%;
+  padding: 50px;
+  height: auto;
+  position: relative;
+  display: flex;
+  opacity: 100%;
+  flex-direction: column;
+  justify-content: center;
+  background: transparent;
+  z-index: 0;
+}
+
+.dropdown {
+  position: fixed;
+  z-index: 999;
+  background-color: #232323;
+}
+
+@media screen and (max-width: 650px) {
+  // Phones
+  .home__content__panel__title {
+    font-size: 45px;
+  }
+}
+
+// Animations
+
+@keyframes textSlide {
+  0% {
+    margin-top: 50vw;
+  }
+  0% {
+    opacity: 0%;
+  }
+}
+
+@keyframes fade {
+  0% {
+    opacity: 0;
+  }
+}

src/assets/stylesheets/navbar.scss

@@ -0,0 +1,211 @@
+@font-face {
+  font-family: itrFont;
+  src: url(../font/LeagueSpartan-ExtraBold.ttf);
+}
+
+@font-face {
+  font-family: itrFontMedium;
+  src: url(../font/LeagueSpartan-Medium.ttf);
+}
+
+.navbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 70px;
+  background-color: transparent;
+  position: fixed;
+  width: 100%;
+  overflow-y: hidden;
+  transition: 0.5s;
+  z-index: 1000;
+}
+
+.navbar__logotext {
+  color: white;
+  font-size: 50px;
+  font-family: "itrFont";
+  margin-top: 6px;
+  margin-left: 50px;
+  transition: 0.5s;
+  background: linear-gradient(
+    to right,
+    #ff0000,
+    #ff7300,
+    #fffb00,
+    #48ff00,
+    #00ffd5,
+    #002bff,
+    #7a00ff,
+    #ff00c8,
+    #ff0000
+  );
+  -webkit-background-clip: text;
+  background-clip: text;
+  animation: navbar__logotext 6s ease-in-out infinite;
+  background-size: 400% 100%;
+  cursor: pointer;
+}
+
+#logo {
+  text-decoration: none;
+}
+
+.navbar__logotext:hover {
+  color: transparent;
+}
+
+@keyframes navbar__logotext {
+  0%,
+  100% {
+    background-position: 0 0;
+  }
+
+  50% {
+    background-position: 100% 0;
+  }
+}
+
+li {
+  display: inline;
+}
+
+li a {
+  color: rgb(216, 216, 216);
+  text-decoration: none;
+  font-family: "itrFontMedium";
+  font-size: 20px;
+  margin-left: 3px;
+  margin-right: 3px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  transition: 0.3s;
+}
+
+li a:hover {
+  color: white;
+}
+
+.nav__placeholder {
+  padding: 10px;
+  width: 70px;
+  height: 20px;
+  border: none;
+  outline: none;
+  background: transparent;
+  position: relative;
+  z-index: 0;
+  border-radius: 10px;
+  margin-right: 50px;
+}
+
+.nav__login {
+  padding: 10px;
+  text-decoration: none;
+  font-size: 20px;
+  text-align: center;
+  font-family: "itrFontMedium";
+  width: 70px;
+  height: 20px;
+  border: none;
+  outline: none;
+  color: #ffffff;
+  background: #111;
+  cursor: pointer;
+  position: relative;
+  z-index: 0;
+  border-radius: 10px;
+  margin-right: 50px;
+}
+.nav__login::before {
+  content: "";
+  background: linear-gradient(
+    to right,
+    #ff0000,
+    #ff7300,
+    #fffb00,
+    #48ff00,
+    #00ffd5,
+    #002bff,
+    #7a00ff,
+    #ff00c8,
+    #ff0000
+  );
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  background-size: 400%;
+  z-index: -1;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
+  animation: glow 30s linear infinite;
+  opacity: 0;
+  transition: opacity 0.3s ease-in-out;
+  border-radius: 10px;
+}
+@keyframes glow {
+  0% {
+    background-position: 0 0;
+  }
+  50% {
+    background-position: 400% 0;
+  }
+  100% {
+    background-position: 0 0;
+  }
+}
+.nav__login:active {
+  color: #000;
+}
+.nav__login:active:after {
+  background: transparent;
+}
+.nav__login:hover:before {
+  opacity: 1;
+}
+
+.navbar__hamburger {
+  display: none;
+}
+
+.hamburger-react {
+  display: none;
+}
+
+@media screen and (max-width: 912px) {
+  // Tablets
+}
+
+@media screen and (max-width: 650px) {
+  // Phones
+  .navbar__logotext {
+    margin-top: 6px;
+    margin-left: 20px;
+  }
+
+  ul {
+    display: none;
+  }
+
+  .hamburger-react {
+    color: #fff;
+    display: block;
+  }
+  .navbar__hamburger {
+    display: flex;
+    flex-direction: column;
+    margin-right: 20px;
+    cursor: pointer;
+  }
+
+  .navbar__hamburger_line {
+    background-color: rgb(255, 255, 255);
+    width: 30px;
+    height: 3px;
+    margin: 2px;
+    border: none;
+    border-radius: 10px;
+  }
+}

src/assets/svg/discord.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+    width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
+    preserveAspectRatio="xMidYMid meet">
+
+    <g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
+        fill="#000000" stroke="none">
+        <path
+            d="M3000 6195 c-309 -68 -597 -158 -877 -275 l-152 -63 -42 -66 c-366
+-568 -599 -1105 -728 -1681 -79 -351 -109 -599 -118 -962 -6 -252 10 -612 28
+-634 16 -20 267 -187 403 -269 193 -116 468 -252 674 -334 215 -85 393 -144
+401 -133 92 127 297 460 304 495 1 4 -34 23 -78 41 -197 81 -406 190 -404 210
+0 6 27 30 59 54 l59 43 42 -22 c54 -27 269 -109 391 -148 585 -187 1258 -211
+1855 -66 172 42 362 105 542 179 l133 55 57 -45 c31 -26 57 -49 59 -53 3 -10
+-268 -148 -394 -201 l-102 -42 66 -117 c68 -122 223 -361 245 -379 10 -8 43
+-1 127 27 306 103 684 275 935 426 97 59 361 232 407 268 28 22 41 256 35 616
+-5 318 -17 458 -62 726 -110 658 -364 1301 -747 1891 l-78 121 -137 58 c-311
+131 -606 221 -947 291 -113 23 -119 23 -132 7 -7 -10 -44 -82 -81 -161 -58
+-122 -71 -142 -88 -138 -186 44 -849 57 -1130 23 -82 -10 -158 -19 -168 -20
+-14 -2 -36 33 -96 153 -42 85 -84 156 -92 157 -7 1 -84 -14 -169 -32z m155
+-1839 c180 -48 338 -216 390 -417 81 -307 -103 -662 -380 -734 -128 -33 -284
+-11 -385 53 -192 122 -306 375 -271 601 29 193 113 333 260 434 102 70 262 96
+386 63z m1968 -6 c163 -51 297 -191 359 -375 19 -59 23 -89 22 -195 0 -107 -4
+-136 -27 -205 -61 -184 -203 -327 -370 -371 -66 -18 -187 -18 -253 0 -179 47
+-331 215 -384 422 -63 246 35 522 235 659 120 83 280 108 418 65z" />
+    </g>
+</svg>

src/assets/svg/facebook.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+    width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
+    preserveAspectRatio="xMidYMid meet">
+
+    <g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
+        fill="#000000" stroke="none">
+        <path
+            d="M1077 7210 c-117 -20 -224 -107 -269 -218 l-23 -57 0 -2935 0 -2935
+24 -60 c33 -81 115 -163 196 -196 l60 -24 1573 -3 1572 -2 0 1242 0 1243 -420
+-3 -420 -2 0 500 0 500 419 -2 419 -3 5 460 c5 495 9 537 63 715 15 47 27 90
+28 95 1 6 10 24 19 41 9 17 13 34 10 38 -4 3 -1 6 6 6 7 0 9 5 6 10 -3 6 -1
+10 5 10 6 0 8 5 5 10 -3 6 -1 10 5 10 6 0 8 5 5 10 -3 6 -1 10 6 10 7 0 10 3
+6 6 -3 3 3 15 13 27 11 11 17 23 15 27 -3 5 2 11 11 14 8 3 13 10 10 15 -3 5
+1 12 10 15 9 4 14 9 11 12 -3 3 6 17 21 31 15 13 22 22 15 19 -6 -4 25 30 70
+76 45 45 86 82 90 82 5 1 14 9 21 18 7 10 16 15 19 11 4 -3 9 2 13 11 3 9 12
+16 20 16 8 0 14 5 14 10 0 6 7 10 15 10 8 0 15 5 15 11 0 5 4 7 10 4 6 -3 10
+-1 10 4 0 6 3 10 8 9 4 -1 27 9 52 22 25 13 50 25 55 26 6 1 42 14 80 29 39
+15 77 28 85 30 8 2 51 10 95 20 149 31 293 37 575 25 146 -6 308 -15 360 -20
+52 -5 105 -10 118 -10 l22 0 0 -444 0 -444 -342 -4 c-322 -4 -347 -6 -410 -26
+-37 -13 -74 -29 -82 -38 -8 -8 -18 -14 -21 -14 -3 0 -22 -15 -42 -35 -20 -19
+-32 -35 -28 -35 5 0 0 -7 -11 -15 -10 -8 -14 -15 -9 -15 6 0 4 -4 -2 -8 -7 -4
+-14 -17 -16 -27 -1 -11 -5 -25 -9 -30 -18 -30 -28 -201 -28 -498 l0 -332 480
+3 480 2 0 -24 c0 -13 -27 -232 -60 -487 -33 -255 -60 -470 -60 -477 0 -10 -85
+-12 -420 -10 l-420 3 0 -1243 0 -1243 853 3 852 3 60 24 c81 33 163 115 196
+196 l24 60 0 2935 0 2935 -24 60 c-33 81 -115 163 -196 196 l-60 24 -2905 1
+c-1598 1 -2927 -2 -2953 -6z" />
+    </g>
+</svg>

src/assets/svg/github.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+    width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
+    preserveAspectRatio="xMidYMid meet">
+
+    <g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
+        fill="#000000" stroke="none">
+        <path
+            d="M3692 7010 c-498 -52 -992 -234 -1407 -519 -326 -223 -654 -569 -860
+-905 -212 -347 -342 -700 -416 -1136 -21 -121 -23 -168 -24 -450 0 -333 10
+-434 66 -680 204 -883 813 -1644 1634 -2040 207 -100 346 -150 414 -150 77 0
+106 12 131 52 19 31 20 51 20 317 l0 284 -47 -7 c-289 -41 -487 -21 -653 65
+-78 40 -105 60 -172 125 -71 70 -115 135 -158 234 -78 179 -186 329 -293 405
+-34 25 -79 57 -100 72 -108 78 -78 144 66 144 168 0 349 -112 468 -289 107
+-161 173 -228 275 -280 145 -74 343 -73 552 1 51 18 64 27 68 47 33 161 75
+255 145 328 23 23 39 45 36 48 -2 3 -36 10 -73 15 -207 29 -445 98 -595 173
+-381 191 -590 499 -666 982 -24 156 -24 460 0 572 46 210 127 380 258 543 l21
+27 -20 58 c-35 99 -45 186 -39 343 5 145 30 278 72 378 l15 36 108 -5 c84 -4
+128 -12 202 -37 116 -39 329 -142 430 -210 41 -28 84 -51 95 -51 11 0 58 9
+105 21 228 54 562 83 806 68 169 -10 377 -38 504 -68 47 -12 93 -21 103 -21
+10 0 62 27 116 60 125 77 323 171 431 205 59 19 116 28 187 32 l103 6 15 -36
+c42 -100 67 -233 72 -378 6 -155 -3 -232 -37 -338 l-21 -62 64 -80 c103 -128
+175 -290 214 -476 25 -121 24 -442 -1 -598 -54 -340 -167 -577 -360 -763 -139
+-134 -289 -220 -503 -290 -107 -36 -314 -82 -437 -97 l-48 -7 20 -21 c35 -39
+90 -133 116 -198 57 -142 59 -173 65 -724 6 -554 5 -539 64 -575 59 -37 89
+-31 352 70 152 59 422 212 605 344 256 184 523 460 712 736 454 662 625 1520
+463 2329 -25 124 -30 143 -75 291 -192 628 -628 1209 -1188 1583 -373 249
+-767 401 -1232 478 -100 17 -182 21 -405 24 -154 2 -317 0 -363 -5z" />
+    </g>
+</svg>

src/assets/svg/instagram.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+    width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
+    preserveAspectRatio="xMidYMid meet">
+
+    <g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
+        fill="#000000" stroke="none">
+        <path
+            d="M2465 7213 c-778 -51 -1420 -574 -1619 -1317 -64 -238 -61 -152 -61
+-1896 0 -1744 -3 -1658 61 -1896 165 -616 641 -1093 1255 -1257 242 -65 153
+-62 1899 -62 1746 0 1657 -3 1899 62 613 164 1090 641 1254 1254 65 242 62
+153 62 1899 0 1746 3 1657 -62 1899 -162 606 -634 1083 -1239 1251 -43 12
+-131 31 -194 43 -113 21 -136 21 -1660 22 -850 1 -1567 0 -1595 -2z m3172
+-578 c327 -53 627 -246 808 -519 104 -158 161 -303 190 -479 22 -138 22 -3136
+0 -3274 -83 -510 -488 -915 -998 -998 -138 -22 -3136 -22 -3274 0 -510 83
+-915 488 -998 998 -22 138 -22 3136 0 3274 82 506 486 913 989 997 126 22
+3152 22 3283 1z" />
+        <path
+            d="M5620 6121 c-259 -70 -377 -353 -250 -600 74 -146 285 -239 448 -197
+199 51 322 204 322 401 0 193 -124 350 -317 400 -73 19 -122 18 -203 -4z" />
+        <path
+            d="M3890 5649 c-644 -44 -1193 -449 -1434 -1057 -96 -242 -133 -583 -91
+-837 61 -365 203 -650 454 -908 421 -433 1028 -598 1618 -441 555 148 1009
+602 1157 1157 78 293 78 581 0 874 -121 454 -456 854 -884 1055 -259 122 -543
+176 -820 157z m295 -575 c226 -39 424 -142 586 -304 425 -425 425 -1115 -1
+-1540 -295 -296 -733 -396 -1129 -259 -566 196 -867 819 -670 1388 173 501
+692 806 1214 715z" />
+    </g>
+</svg>

src/assets/svg/twitter.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+    width="100%" height="100%" viewBox="0 0 800.000000 800.000000"
+    preserveAspectRatio="xMidYMid meet">
+
+    <g transform="translate(0.000000,800.000000) scale(0.100000,-0.100000)"
+        fill="#000000" stroke="none">
+        <path
+            d="M5170 6790 c-323 -40 -610 -179 -835 -405 -337 -337 -471 -780 -389
+-1277 l7 -37 -69 5 c-924 74 -1737 421 -2416 1030 -113 101 -279 274 -374 388
+l-41 49 -45 -94 c-96 -197 -138 -386 -138 -614 0 -352 114 -659 345 -928 60
+-70 220 -212 252 -224 30 -12 9 -20 -40 -16 -160 13 -339 61 -485 129 l-94 44
+7 -93 c10 -138 32 -250 70 -364 72 -215 177 -385 340 -549 176 -177 375 -295
+608 -361 54 -15 92 -30 85 -34 -7 -4 -56 -14 -108 -24 -106 -20 -347 -23 -440
+-7 -30 6 -57 8 -58 7 -7 -6 36 -112 79 -197 150 -298 412 -542 720 -667 150
+-61 308 -97 442 -102 31 -1 57 -5 57 -9 0 -9 -136 -106 -245 -175 -127 -80
+-360 -194 -511 -250 -165 -60 -393 -118 -570 -145 -171 -26 -469 -36 -619 -22
+-60 6 -111 9 -113 8 -7 -7 233 -142 383 -216 592 -290 1231 -427 1895 -406
+1013 31 1890 386 2595 1050 616 580 1054 1399 1209 2261 40 220 57 402 62 645
+l4 225 90 71 c203 161 374 338 531 550 38 51 69 95 69 97 0 3 -35 -10 -78 -28
+-105 -44 -282 -101 -408 -131 -111 -26 -294 -57 -300 -51 -2 2 29 26 69 53
+148 100 326 294 413 451 39 69 114 236 114 253 0 5 -55 -20 -123 -55 -212
+-111 -558 -236 -720 -260 l-47 -7 -73 69 c-180 171 -434 298 -696 347 -104 20
+-312 28 -411 16z" />
+    </g>
+</svg>

src/components/About.js

@@ -0,0 +1,110 @@
+import React, { Component } from "react";
+import { AnimationOnScroll } from "react-animation-on-scroll";
+import "../assets/stylesheets/about.scss";
+
+export default class About extends Component {
+  componentDidMount() {
+    window.scrollTo(0, 0);
+  }
+
+  click() {}
+
+  render() {
+    return (
+      <div className="about">
+        <div className="about__content">
+          <div className="about__content__main">
+            <AnimationOnScroll
+              animateIn="animate__fadeInDown"
+              animateOnce="true"
+              duration={1}
+              delay={0}
+            >
+              <div className="about__content__main__container">
+                <h1>About Us 📌</h1>
+                <span>
+                  The Illinois Tech Robotics Club at IIT is a student-run
+                  organization dedicated to promoting the development and
+                  application of robotics technology. We aim to provide a
+                  platform for students to learn, design, build, and compete
+                  with robots. Our members come from a variety of disciplines
+                  and backgrounds, including computer science, electrical
+                  engineering, mechanical engineering, and beyond. We host
+                  regular meetings, workshops, and events to encourage hands-on
+                  experience and collaboration among members. Our club also
+                  participates in various national and international robotics
+                  competitions, providing opportunities for members to showcase
+                  their skills and put their knowledge to the test. Whether you
+                  are a seasoned robotics enthusiast or just starting out, the
+                  Illinois Tech Robotics Club is a welcoming community for
+                  anyone interested in the field. Join us in exploring the
+                  exciting world of robotics and pushing the boundaries of what
+                  is possible.
+                </span>
+              </div>
+            </AnimationOnScroll>
+          </div>
+
+          <div className="about__content__blocks">
+            <AnimationOnScroll
+              animateIn="animate__fadeInUp"
+              animateOnce="true"
+              duration={1}
+              delay={500}
+            >
+              <div className="about__content__blocks_block">
+                <h1>Awards 🏆</h1>
+                <span>
+                  Illinois Tech Robotics has received numerous awards for our
+                  contributions to the field of robotics. Our team has been
+                  recognized at local competitions for our commitment to
+                  innovation and excellence. We take pride in our recognition
+                  and continue to push the boundaries of robotics technology.
+                </span>
+                <p>(Click for more info)</p>
+              </div>
+            </AnimationOnScroll>
+            <AnimationOnScroll
+              animateIn="animate__fadeInUp"
+              animateOnce="true"
+              duration={1.2}
+              delay={500}
+            >
+              <div className="about__content__blocks_block">
+                <h1>Officers 👩‍💼</h1>
+                <span>
+                  Illinois Tech Robotics is led by a team of student officers
+                  committed to advancing robotics. Our diverse officers bring
+                  unique skills and perspectives, leading events and projects.
+                  We are proud to have a talented and passionate group guiding
+                  us forward.
+                </span>
+                <p>(Click for more info)</p>
+              </div>
+            </AnimationOnScroll>
+            <AnimationOnScroll
+              animateIn="animate__fadeInUp"
+              animateOnce="true"
+              duration={1.4}
+              delay={500}
+            >
+              <div
+                className="about__content__blocks_block"
+                onClick={this.click}
+              >
+                <h1>Constitution 📜</h1>
+                <span>
+                  Illinois Tech Robotics operates under a Constitution outlining
+                  our purpose, rules, and processes. It outlines
+                  responsibilities, decision-making, and governance to maintain
+                  fairness, transparency, and accountability within our team.
+                </span>
+                <p>(Click for more info)</p>
+              </div>
+            </AnimationOnScroll>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

src/components/Awards.js

@@ -0,0 +1,21 @@
+import React, { Component } from "react";
+import "../assets/stylesheets/awards.scss";
+
+export default class Awards extends Component {
+  render() {
+    return (
+      <div className="awards">
+        <div className="awards__content">
+          <h1 className="awards__content__title">Awards & Recognition 🏆</h1>
+          <ol className="awards__content__list">
+            <i>
+              <div className="awards__content__list_item">
+                <h2>2019</h2>
+              </div>
+            </i>
+          </ol>
+        </div>
+      </div>
+    );
+  }
+}

src/components/Bubble.js

@@ -0,0 +1,46 @@
+import React, { Component } from "react";
+import "../assets/stylesheets/bubble.scss";
+import { AnimationOnScroll } from "react-animation-on-scroll";
+
+export default class Bubble extends Component {
+  render() {
+    return (
+      <div
+        // style={{
+        //   marginLeft: `${this.props.left}`,
+        //   paddingTop: `${this.props.top}`,
+        // }}
+      >
+        <div className="bubble">
+          <AnimationOnScroll
+            className="bubble_main"
+            animateIn="animate__fadeInUp"
+            animateOnce="true"
+            duration={1}
+            delay={0}
+          >
+            <h1>{this.props.h1}</h1>
+          </AnimationOnScroll>
+          <AnimationOnScroll
+            className="bubble_main"
+            animateIn="animate__fadeInUp"
+            animateOnce="true"
+            duration={1.2}
+            delay={0}
+          >
+            <h2>{this.props.h2}</h2>
+          </AnimationOnScroll>
+          <AnimationOnScroll
+            className="bubble_main"
+            animateIn="animate__fadeIn"
+            animateOnce="true"
+            duration={3}
+            delay={500}
+          >
+            <div>{this.props.children}</div>
+          </AnimationOnScroll>
+        </div>
+      </div>
+    );
+  }
+}

src/components/DropdownContainer.js

@@ -0,0 +1,54 @@
+import React, { useEffect, useRef } from "react";
+import { NavLink } from "react-router-dom";
+import "../assets/stylesheets/dropdown.scss";
+import { useSize } from "ahooks";
+import { useContainer } from "unstated-next";
+import GlobalStore from "../store/global";
+
+const DropdownContainer = () => {
+  const container = useRef();
+  const { isMobile, toggleMenu } = useContainer(GlobalStore);
+  const toggleHamburger = () => {
+    container.current.className = "slideOut c";
+    setTimeout(() => {
+      toggleMenu();
+    }, 500);
+  };
+  return (
+    <nav ref={container} className={`dropdown c slideIn ${isMobile ? 'mobile' : ''}`}>
+      {!isMobile && (
+      <div className="header">
+        <label className="header__text">ITR</label>
+        <button className="header__x" onClick={() => toggleHamburger()}>X</button>
+      </div>)}
+      <div className="dd">
+        <li>
+          <NavLink className="dd__link" to="/">
+            <label className="dd__link_label">Home</label>
+            <label className="dd__link_arrow">{">"}</label>
+          </NavLink>
+        </li>
+        <li>
+          <NavLink className="dd__link" to="/about">
+            <label className="dd__link_label">About</label>
+            <label className="dd__link_arrow">{">"}</label>
+          </NavLink>
+        </li>
+        <li>
+          <NavLink className="dd__link" to="/projects">
+            <label className="dd__link_label">Projects</label>
+            <label className="dd__link_arrow">{">"}</label>
+          </NavLink>
+        </li>
+        <li>
+          <NavLink className="dd__link" to="/gallery">
+            <label className="dd__link_label">Gallery</label>
+            <label className="dd__link_arrow">{">"}</label>
+          </NavLink>
+        </li>
+      </div>
+    </nav>
+  );
+}
+
+export default DropdownContainer;

src/components/Error.js

@@ -0,0 +1,40 @@
+import React, { Component } from "react";
+import "../assets/stylesheets/error.scss";
+
+export default class Error extends Component {
+  status = this.props.err.item.status;
+  statusText = this.props.err.item.statusText;
+  message = this.props.err.item.message;
+
+  render() {
+    return (
+      <div className="c">
+        <div className="error">
+          <img
+            className="error__photo"
+            src={require("../assets/pics/error.jpg")}
+            alt="background"
+          ></img>
+        </div>
+
+        <div className="e">
+          <img
+            className="e__background"
+            src={require("../assets/pics/xperror.png")}
+            alt="background"
+          ></img>
+          <div className="e__container">
+            <div className="e__container__titleCon">
+              <h1 className="e__container__titleCon__title">
+                {this.status}: {this.statusText}
+              </h1>
+            </div>
+            <div className="e__container__messageCon">
+              <p className="e__container__messageCon__message">If you believe this is unintentional, please contact a site developer!</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

src/components/Footer.js

@@ -0,0 +1,87 @@
+import React, { Component } from "react";
+import "../assets/stylesheets/footer.scss";
+import { ReactComponent as DiscordSVG } from "../assets/svg/discord.svg";
+import { ReactComponent as TwitterSVG } from "../assets/svg/twitter.svg";
+import { ReactComponent as FacebookSVG } from "../assets/svg/facebook.svg";
+import { ReactComponent as InstagramSVG } from "../assets/svg/instagram.svg";
+import { ReactComponent as GithubSVG } from "../assets/svg/github.svg";
+
+export default class Footer extends Component {
+  render() {
+    return (
+      <div className="footer">
+        <div className="footer__links">
+          <ul className="footer__links_ul">
+            <li className="footer__links_ul_li">
+              <a
+                href="https://discord.gg/GA6mvMEzSu"
+                target="_blank"
+                rel="noreferrer"
+                className="footer__links_ul_li_a"
+              >
+                <DiscordSVG className="footer__links_ul_li_svg"></DiscordSVG>
+              </a>
+            </li>
+            <li className="footer__links_ul_li">
+              <a
+                href="https://twitter.com/ILTech_Robotics"
+                target="_blank"
+                rel="noreferrer"
+                className="footer__links_ul_li_a"
+              >
+                <TwitterSVG className="footer__links_ul_li_svg"></TwitterSVG>
+              </a>
+            </li>
+            <li className="footer__links_ul_li">
+              <a
+                href="https://www.facebook.com/IllinoisTechRobotics/"
+                target="_blank"
+                rel="noreferrer"
+                className="footer__links_ul_li_a"
+              >
+                <FacebookSVG className="footer__links_ul_li_svg"></FacebookSVG>
+              </a>
+            </li>
+            <li className="footer__links_ul_li">
+              <a
+                href="https://www.instagram.com/illinoistechrobotics/"
+                target="_blank"
+                rel="noreferrer"
+                className="footer__links_ul_li_a"
+              >
+                <InstagramSVG className="footer__links_ul_li_svg"></InstagramSVG>
+              </a>
+            </li>
+            <li className="footer__links_ul_li">
+              <a
+                href="https://github.com/illinoistechrobotics"
+                target="_blank"
+                rel="noreferrer"
+                className="footer__links_ul_li_a"
+              >
+                <GithubSVG className="footer__links_ul_li_svg"></GithubSVG>
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <div className="footer__toes">
+          <ul className="footer__toes__links">
+            <li className="footer__toes__links_link">
+              <a href="http://localhost:3000/about" className="footer__toes__links_link_a">About</a>
+            </li>
+            <li className="footer__toes__links_link">
+              <a href="http://localhost:3000/contact" className="footer__toes__links_link_a">Contact</a>
+            </li>
+            <li className="footer__toes__links_link">
+              <a href="http://localhost:3000/projects" className="footer__toes__links_link_a">Projects</a>
+            </li>
+            <li className="footer__toes__links_link">
+              <a href="http://localhost:3000/gallery" className="footer__toes__links_link_a">Gallery</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    );
+  }
+}

src/components/Footer.tsx

@@ -1,125 +0,0 @@
-import React from "react";
-import Image from "next/image";
-import DiscordSVG from "../../public/discord.svg";
-import TwitterSVG from "../../public/twitter.svg";
-import FacebookSVG from "../../public/facebook.svg";
-import InstagramSVG from "../../public/instagram.svg";
-import GithubSVG from "../../public/github.svg";
-import "../stylesheets/footer.scss";
-import Link from "next/link";
-
-const Footer = () => {
-  return (
-    <div className="footer">
-      <div className="footer-links">
-        <ul className="footer-links-ul">
-          <li className="footer-links-ul-li">
-            <a
-              href="https://discord.gg/GA6mvMEzSu"
-              target="_blank"
-              rel="noreferrer"
-              className="footer-links-ul-li-a"
-            >
-              <Image
-                priority
-                className="footer-links-ul-li-svg"
-                src={DiscordSVG}
-                alt=""
-              />
-            </a>
-          </li>
-          <li className="footer-links-ul-li">
-            <a
-              href="https://twitter.com/ILTech_Robotics"
-              target="_blank"
-              rel="noreferrer"
-              className="footer-links-ul-li-a"
-            >
-              <Image
-                priority
-                className="footer-links-ul-li-svg"
-                src={TwitterSVG}
-                alt=""
-              />
-            </a>
-          </li>
-          <li className="footer-links-ul-li">
-            <a
-              href="https://www.facebook.com/IllinoisTechRobotics/"
-              target="_blank"
-              rel="noreferrer"
-              className="footer-links-ul-li-a"
-            >
-              <Image
-                priority
-                className="footer-links-ul-li-svg"
-                src={FacebookSVG}
-                alt=""
-              />
-            </a>
-          </li>
-          <li className="footer-links-ul-li">
-            <a
-              href="https://www.instagram.com/illinoistechrobotics/"
-              target="_blank"
-              rel="noreferrer"
-              className="footer-links-ul-li-a"
-            >
-              <Image
-                priority
-                className="footer-links-ul-li-svg"
-                src={InstagramSVG}
-                alt=""
-              />
-            </a>
-          </li>
-          <li className="footer-links-ul-li">
-            <a
-              href="https://github.com/illinoistechrobotics"
-              target="_blank"
-              rel="noreferrer"
-              className="footer-links-ul-li-a"
-            >
-              <Image
-                priority
-                className="footer-links-ul-li-svg"
-                src={GithubSVG}
-                alt=""
-              />
-            </a>
-          </li>
-        </ul>
-      </div>
-
-      <div className="footer-toes">
-        <ul className="footer-toes-links">
-          <li className="footer-toes-links-link">
-            <Link href="/about" className="footer-toes-links-link-a">
-              About
-            </Link>
-          </li>
-          <li className="footer-toes-links-link">
-            <Link href="/contact" className="footer-toes-links-link-a">
-              Contact
-            </Link>
-          </li>
-          <li className="footer-toes-links-link">
-            <Link href="/projects" className="footer-toes-links-link-a">
-              Projects
-            </Link>
-          </li>
-          <li className="footer-toes-links-link">
-            <Link href="/gallery" className="footer-toes-links-link-a">
-              Gallery
-            </Link>
-          </li>
-        </ul>
-      </div>
-      <span className="footer-toes-span">
-          © {new Date().getFullYear()} Illinois Tech Robotics
-        </span>
-    </div>
-  );
-};
-
-export default Footer;

src/components/Gallery.js

@@ -0,0 +1,22 @@
+import React, { Component } from "react";
+import backgroundVideo from "../assets/video.mp4";
+import "../assets/stylesheets/home.scss";
+
+export default class Gallery extends Component {
+  render() {
+    return (
+      <div className="home">
+        <video autoPlay loop muted className="home__video">
+          <source src={backgroundVideo} type="video/mp4" />
+        </video>
+        <div className="home__content">
+          <label className="home__content__title">
+            ILLINOIS TECH
+            <br />
+            ROBOTICS
+          </label>
+        </div>
+      </div>
+    );
+  }
+}

src/components/Home.js

@@ -0,0 +1,83 @@
+import React, { Component } from "react";
+import backgroundVideo from "../assets/videos/video.mp4";
+import "../assets/stylesheets/home.scss";
+import Bubble from "./Bubble";
+import * as Scroll from "react-scroll";
+import "animate.css";
+
+export default class Home extends Component {
+  scrollToContent() {
+    var scroll = require("react-scroll");
+    scroll = Scroll.animateScroll;
+    scroll.scrollTo(920);
+  }
+
+  componentDidMount() {
+    window.scrollTo(0, 0);
+  }
+
+  render() {
+    return (
+      <div className="home">
+        <div className="home__content">
+          <div className="home__content__panel">
+            <label className="home__content__panel__title">
+              <p>ILLINOIS TECH</p>
+              <p>ROBOTICS</p>
+            </label>
+            {/* <button
+              className="home__content__panel__button"
+              onClick={this.scrollToContent}
+            >
+              ⬇️
+            </button> */}
+            <video
+              autoPlay
+              playsInline
+              controls={false}
+              preload="yes"
+              loop
+              muted
+              className="home__content__panel__video"
+              type="video/mp4"
+              src={backgroundVideo}
+            ></video>
+          </div>
+
+          <div className="home__content__info">
+            <div className="c">
+              <Bubble h1="Join us at our" h2="GBMs 🤝">
+                <span>
+                  Welcome to the Illinois Tech Robotics Club! We are a
+                  student-run organization that promotes the field of robotics
+                  through hands-on projects, competitions and events. Open to
+                  students of all majors and skill levels, we meet every week at
+                  6:30pm CST to work on exciting robotics projects.
+                </span>
+              </Bubble>
+              <Bubble
+                h1="Directions to the"
+                h2="ITR Lab 🗺️"
+              >
+                <span>
+                  1. Enter through the{" "}
+                  <a href="https://goo.gl/maps/NJW5LzDDBYoHiD5X6">IIT Tower</a>{" "}
+                  located at 10 W 35 St, Chicago, IL.
+                  <br />
+                  2. Sign in with the front desk, and then take the elevator to
+                  the basement.
+                  <br />
+                  3. Once in the basement, take a right from the elevator and
+                  enter the last door on the left.
+                  <br />
+                  4. Finally, sign in to the Elevate Underground Lab with the
+                  CLA on guard!
+                </span>
+              </Bubble>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}

src/components/NavBar.js

@@ -0,0 +1,55 @@
+import React, { Component, useEffect, useState } from "react";
+import { NavLink } from "react-router-dom";
+import "../assets/stylesheets/navbar.scss";
+import { useContainer } from "unstated-next";
+import GlobalStore from "../store/global";
+import Hamburger from "hamburger-react";
+
+const NavBar = () => {
+  const [navBackground, setNavBackground] = useState({ backgroundColor: "transparent" });
+  const { toggleMenu, isHamburger } = useContainer(GlobalStore);
+  useEffect(() => {
+    document.addEventListener("scroll", (event) => {
+      if (window.scrollY < 10) {
+        setNavBackground({ backgroundColor: "transparent" });
+      }
+      else {
+        setNavBackground({ backgroundColor: "#232323" });
+      };
+    });
+  }, []);
+
+  return (
+    <nav className="navbar" style={navBackground}>
+      <a id="logo" href="http://localhost:3000">
+        <h2 className="navbar__logotext">ITR</h2>
+      </a>
+      <ul>
+        <li>
+          <NavLink to="/">Home</NavLink>
+        </li>
+        <li>
+          <NavLink to="/about">About</NavLink>
+        </li>
+        <li>
+          <NavLink to="/projects">Projects</NavLink>
+        </li>
+        <li>
+          <NavLink to="/gallery">Gallery</NavLink>
+        </li>
+      </ul>
+      {/* <NavLink className="nav__login" to="/login">
+        Login
+      </NavLink> */}
+      <div className="nav__placeholder"></div>
+      <Hamburger toggled={isHamburger} toggle={toggleMenu} />
+      {/* <div className="navbar__hamburger">
+        <div className="navbar__hamburger_line"></div>
+        <div className="navbar__hamburger_line"></div>
+        <div className="navbar__hamburger_line"></div>
+      </div> */}
+    </nav>
+  );
+}
+
+export default NavBar;

src/components/Navbar.tsx

@@ -1,43 +0,0 @@
-import React, { useState, useEffect } from "react";
-import Link from "next/link";
-import "@/stylesheets/navbar.scss";
-
-const Navbar = () => {
-  const [navBackground, setNavBackground] = useState({
-    backgroundColor: "transparent",
-  });
-  useEffect(() => {
-    document.addEventListener("scroll", (event) => {
-      if (window.scrollY < 10) {
-        setNavBackground({ backgroundColor: "transparent" });
-      } else {
-        setNavBackground({ backgroundColor: "#232323" });
-      }
-    });
-  }, []);
-
-  return (
-    <div className="navbar" style={navBackground}>
-      <Link className="navbar-logo" href="/">
-        ITR
-      </Link>
-      <div className="navbar-links">
-        <Link className="navbar-link" href="/">
-          🏠 Home
-        </Link>
-        <Link className="navbar-link" href="/about">
-          ❓ About
-        </Link>
-        <Link className="navbar-link" href="/projects">
-          🤖 Projects
-        </Link>
-        <Link className="navbar-link" href="/gallery">
-          📸 Gallery
-        </Link>
-      </div>
-      <div className="navbar-hamburger">≡</div>
-    </div>
-  );
-};
-
-export default Navbar;

src/components/Projects.js

@@ -0,0 +1,22 @@
+import React, { Component } from "react";
+import backgroundVideo from "../assets/video.mp4";
+import "../assets/stylesheets/home.scss";
+
+export default class Projects extends Component {
+  render() {
+    return (
+      <div className="home">
+        <video autoPlay loop muted className="home__video">
+          <source src={backgroundVideo} type="video/mp4" />
+        </video>
+        <div className="home__content">
+          <label className="home__content__title">
+            ILLINOIS TECH
+            <br />
+            ROBOTICS
+          </label>
+        </div>
+      </div>
+    );
+  }
+}

src/index.js

@@ -0,0 +1,35 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import HomeRoute from "./routes/HomeRoute";
+import AboutRoute from "./routes/AboutRoute";
+import AwardsRoute from "./routes/AwardsRoute";
+import reportWebVitals from "./reportWebVitals";
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import ErrorRoute from "./routes/ErrorRoute";
+import GlobalStore from "./store/global";
+
+const root = ReactDOM.createRoot(document.getElementById("root"));
+
+const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <HomeRoute></HomeRoute>,
+    errorElement: <ErrorRoute></ErrorRoute>,
+  },
+  {
+    path: "/about",
+    element: <AboutRoute></AboutRoute>,
+    errorElement: <ErrorRoute></ErrorRoute>,
+  },
+  {
+    path: "/awards",
+    element: <AwardsRoute></AwardsRoute>,
+    errorElement: <ErrorRoute></ErrorRoute>,
+  }
+]);
+
+root.render(<GlobalStore.Provider>
+  <RouterProvider router={router}></RouterProvider>
+</GlobalStore.Provider>);
+
+reportWebVitals();

src/pages/about.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-import Layout from '@/app/layout';
-
-const about = () => {
-  return (
-    <div>
-      <Head>
-        <title>ITR - About</title>
-        <meta name="description" content="The oficial website for Illinois Tech Robotics." />
-      </Head>
-      <Layout>
-        <h1>About</h1>
-      </Layout>
-    </div>
-  );
-};
-
-export default about;

src/pages/error.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-import Layout from '@/app/layout';
-
-const error = () => {
-  return (
-    <div>
-      <Head>
-        <title>ITR - Error</title>
-        <meta name="description" content="The oficial website for Illinois Tech Robotics." />
-      </Head>
-      <Layout>
-        <h1>error</h1>
-      </Layout>
-    </div>
-  );
-};
-
-export default error;

src/pages/gallery.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-import Layout from '@/app/layout';
-
-const gallery = () => {
-  return (
-    <div>
-      <Head>
-        <title>ITR - Gallery</title>
-        <meta name="description" content="The oficial website for Illinois Tech Robotics." />
-      </Head>
-      <Layout>
-        <h1>Gallery</h1>
-      </Layout>
-    </div>
-  );
-};
-
-export default gallery;

src/pages/index.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-import Layout from '@/app/layout';
-
-const index = () => {
-  return (
-    <div>
-      <Head>
-        <title>ITR - Home</title>
-        <meta name="description" content="The oficial website for Illinois Tech Robotics." />
-      </Head>
-      <Layout>
-        <h1>Home</h1>
-      </Layout>
-    </div>
-  );
-};
-
-export default index;

src/pages/projects.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Head from 'next/head';
-import Layout from '@/app/layout';
-
-const projects = () => {
-  return (
-    <div>
-      <Head>
-        <title>ITR - Projects</title>
-        <meta name="description" content="The oficial website for Illinois Tech Robotics." />
-      </Head>
-      <Layout>
-        <h1>Projects</h1>
-      </Layout>
-    </div>
-  );
-};
-
-export default projects;

src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import("web-vitals").then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

src/routes/AboutRoute.js

@@ -0,0 +1,37 @@
+import React, { Component, useEffect } from "react";
+import NavBar from "../components/NavBar";
+import About from "../components/About";
+import Footer from "../components/Footer";
+import DropdownContainer from "../components/DropdownContainer";
+import "../assets/stylesheets/app.scss";
+import { useContainer } from "unstated-next";
+import GlobalStore from "../store/global";
+
+
+const Inner = () => {
+  const { isHamburger, setIsHamburger } = useContainer(GlobalStore);
+  useEffect(() => {
+    setIsHamburger(false);
+  }, []);
+  return (
+    <div className="container">
+      {isHamburger ? <DropdownContainer hamburgerToggle={setIsHamburger}/> : null}
+      <About></About>
+      <NavBar hamburgerToggle={setIsHamburger}></NavBar>
+      <Footer></Footer>
+    </div>
+  );
+}
+
+export default class AboutRoute extends Component {
+  constructor(props) {
+    super(props);
+    document.title = "ITR - About";
+  }
+
+  render() {
+    return (
+      <Inner />
+    );
+  }
+}

src/routes/AwardsRoute.js

@@ -0,0 +1,22 @@
+import React, { Component } from "react";
+import NavBar from "../components/NavBar";
+import Awards from "../components/Awards";
+import Footer from "../components/Footer";
+import "../assets/stylesheets/app.scss";
+
+export default class AboutRoute extends Component {
+  constructor(props) {
+    super(props);
+    document.title = "ITR - Awards";
+  }
+
+  render() {
+    return (
+      <div className="container">
+        <Awards></Awards>
+        <NavBar></NavBar>
+        <Footer></Footer>
+      </div>
+    );
+  }
+}

src/routes/ErrorRoute.js

@@ -0,0 +1,37 @@
+import { useRouteError } from "react-router-dom";
+import React, { useEffect, useState } from "react";
+import NavBar from "../components/NavBar";
+import Error from "../components/Error";
+import Footer from "../components/Footer";
+import DropdownContainer from "../components/DropdownContainer";
+import "../assets/stylesheets/app.scss";
+import "../assets/stylesheets/error.scss";
+import { useContainer } from "unstated-next";
+import GlobalStore from "../store/global";
+
+export default function ErrorRoute() {
+  const error = useRouteError();
+  console.error(error);
+  const { isHamburger: hamburger, setIsHamburger: setHamburger } = useContainer(GlobalStore);
+  useEffect(() => {
+    setHamburger(false);
+  }, []);
+  // create state for hamburger
+  // create function to toggle hamburger
+  const hamburgerToggle = () => {
+    setHamburger(!hamburger);
+  };
+
+  return (
+    <div style={{backgroundColor: '#232323'}}>
+      <div id="container">
+        {hamburger ? (
+          <DropdownContainer hamburgerToggle={hamburgerToggle} />
+        ) : null}
+        <NavBar hamburgerToggle={hamburgerToggle}></NavBar>
+        <Error err={{ item: error }}></Error>
+        <Footer></Footer>
+      </div>
+    </div>
+  );
+}

src/routes/HomeRoute.js

@@ -0,0 +1,52 @@
+import React, { Component, useEffect } from "react";
+import NavBar from "../components/NavBar";
+import DropdownContainer from "../components/DropdownContainer";
+import Home from "../components/Home";
+import Footer from "../components/Footer";
+import "../assets/stylesheets/app.scss";
+import { ToastContainer, toast } from "react-toastify";
+import "react-toastify/dist/ReactToastify.css";
+import { useContainer } from "unstated-next";
+import GlobalStore from "../store/global";
+
+
+const Inner = () => {
+  const { isHamburger, setIsHamburger } = useContainer(GlobalStore);
+  useEffect(() => {
+    setIsHamburger(false);
+  }, []);
+  return (
+    <div className="container">
+      {isHamburger ? <DropdownContainer hamburgerToggle={setIsHamburger}/> : null}
+      <Home></Home>
+      <NavBar hamburgerToggle={setIsHamburger}></NavBar>
+      <ToastContainer
+        position="bottom-right"
+        autoClose={5000}
+        hideProgressBar={false}
+        newestOnTop={false}
+        closeOnClick
+        rtl={false}
+        pauseOnFocusLoss
+        draggable
+        pauseOnHover
+        theme="dark"
+      />
+      <Footer></Footer>
+    </div>
+  );
+}
+
+export default class HomeRoute extends Component {
+  constructor(props) {
+    super(props);
+    toast("The new ITR Webpage! 🎉");
+    document.title = "ITR - Home";
+  }
+
+  render() {
+    return (
+      <Inner />
+    );
+  }
+}

src/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import "@testing-library/jest-dom";

src/store/global.js

@@ -0,0 +1,40 @@
+import { useSize } from 'ahooks';
+import { useEffect, useState } from 'react';
+import { createContainer } from 'unstated-next';
+
+const useGlobalStore = () => {
+  const bodySize = useSize(document.querySelector('body'));
+  const [isMobile, setIsMobile] = useState(false);
+  const [isHamburger, setIsHamburger] = useState(false);
+  const toggleMenu = () => {
+    setIsHamburger(!isHamburger);
+  };
+  const isScrollLock = isHamburger && isMobile;
+  useEffect(() => {
+    const isMobile = (bodySize?.width || 1200) < 650;
+    setIsMobile(isMobile);
+    if (!isMobile) {
+      setIsHamburger(false);
+    }
+  }, [bodySize]);
+  useEffect(() => {
+    const bodyDom = document.querySelector('body');
+    if (isScrollLock) {
+      bodyDom.style.height = '100vh';
+      bodyDom.style.overflow = 'hidden';
+    } else {
+      bodyDom.style.height = 'unset';
+      bodyDom.style.overflow = 'scroll';
+    }
+  }, [isScrollLock]);
+  return {
+    bodySize,
+    isMobile,
+    isHamburger, toggleMenu, setIsHamburger,
+    isScrollLock
+  };
+};
+
+const GlobalStore = createContainer(useGlobalStore);
+
+export default GlobalStore;

src/stylesheets/footer.scss

@@ -1,130 +0,0 @@
-@font-face {
-    font-family: itrFont;
-    src: url("../../public/LeagueSpartan-ExtraBold.ttf");
-}
-
-@font-face {
-    font-family: itrFontMedium;
-    src: url("../../public/LeagueSpartan-Medium.ttf");
-}
-
-.footer {
-    background-color: #232323;
-    width: 100%;
-    height: 150px;
-    border-top: 2px solid rgb(46 46 46);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-}
-
-.footer-links {
-    width: auto;
-    height: auto;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 10px;
-}
-
-.footer-links-ul {
-    width: 80vw;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.footer-links-ul-li {
-    padding: 0;
-    margin: 20px;
-    height: 50px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.footer-links-ul-li-a {
-    margin: 0;
-    padding: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.footer-links-ul-li-svg {
-    width: 40px;
-    height: 40px;
-    filter: invert(100%) sepia(10%) saturate(1000%) hue-rotate(10deg) brightness(100%) contrast(100%);
-    opacity: 0.3;
-    transition: 0.3s;
-    padding: 0;
-    margin: 0;
-}
-
-.footer-links-ul-li-svg:hover {
-    opacity: 0.7;
-}
-
-.footer-toes-links {
-    display: flex;
-    margin-bottom: 5px;
-}
-
-.footer-toes-links-link {
-    text-align: center;
-    width: 100px;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    height: 30px;
-    padding: 0;
-    margin: 0;
-}
-
-.footer-toes-links-link-a {
-    font-family: itrFontMedium;
-    font-size: 20px;
-    color: #f5f5f5;
-    text-decoration: none;
-    transition: 0.3s;
-}
-
-.footer-toes-links-link-a:hover {
-    color: white;
-}
-
-.footer-toes-span {
-    font-family: itrFontMedium;
-    font-size: 14px;
-    color: #afafaf;
-    margin: 0;
-    padding: 0;
-    text-align: center;
-}
-
-@media screen and (width <=650px) {
-
-    // Phones
-    .footer-links-ul-li-svg {
-        width: 30px;
-        height: 30px;
-    }
-
-    .footer-links-ul-li {
-        margin: 15px;
-    }
-
-    .footer-toes-links-link-a {
-        font-size: 17px;
-    }
-
-    .footer-toes-links-link {
-        width: 80px;
-    }
-}

src/stylesheets/navbar.scss

@@ -1,118 +0,0 @@
-@font-face {
-    font-family: itrFont;
-    src: url("../../public/LeagueSpartan-ExtraBold.ttf");
-}
-
-@font-face {
-    font-family: itrFontMedium;
-    src: url("../../public/LeagueSpartan-Medium.ttf");
-}
-
-.navbar {
-    width: 100vw;
-    height: 70px;
-    top: 0px;
-    left: 0px;
-    position: fixed;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: transparent;
-    overflow: hidden;
-    margin: 0px;
-    padding: 0px;
-}
-
-.navbar-logo {
-    width: 100px;
-    height: 60%;
-    color: white;
-    font-size: 50px;
-    font-family: itrFont;
-    transition: 0.5s;
-    text-decoration: none;
-    cursor: pointer;
-    margin-left: 30px;
-    margin-right: 0px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 6px;
-}
-
-.navbar-logo:hover {
-    color: red;
-}
-
-.navbar-links {
-    width: auto;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: row;
-}
-
-.navbar-link,
-.navbar-hamburger {
-    width: auto;
-    height: 70%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: 20px;
-    margin-right: 20px;
-    color: rgb(216 216 216);
-    text-decoration: none;
-    font-family: itrFontMedium;
-    font-size: 20px;
-    transition: 0.3s;
-    cursor: pointer;
-}
-
-.navbar-link:hover,
-.navbar-hamburger:hover {
-    color: white;
-}
-
-.navbar-hamburger {
-    border: none;
-    width: 100px;;
-    font-size: 40px;
-    margin-right: 30px;
-    margin-left: 0px;
-}
-
-@media screen and (width <=912px) {
-    // Tablets
-}
-
-@media screen and (width <=650px) {
-    // Phones
-}
-
-@keyframes navbar-logo {
-
-    0%,
-    100% {
-        background-position: 0 0;
-    }
-
-    50% {
-        background-position: 100% 0;
-    }
-}
-
-@keyframes glow {
-    0% {
-        background-position: 0 0;
-    }
-
-    50% {
-        background-position: 400% 0;
-    }
-
-    100% {
-        background-position: 0 0;
-    }
-}

tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}