delta · mharrish7 · Dec 9, 2023 · Dec 8, 2023 · Dec 8, 2023 · Dec 9, 2023
diff --git a/fest-web-client b/fest-web-client
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   basePath: '',
+  images: {
+    domains: ['localhost'],
+  },
 };
 
 export default nextConfig;
diff --git a/package.json b/package.json
@@ -3,6 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "type": "module",
+  "workspaces": [
+    "fest-web-client/*"
+  ],
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -12,13 +15,15 @@
     "format": "prettier --write 'src/**/*.{ts,tsx,css,json}' --config ./.prettierrc"
   },
   "dependencies": {
+    "axios": "^1.6.2",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.1",
     "framer-motion": "^10.16.4",
     "next": "13.5.4",
     "react": "^18",
     "react-dom": "^18",
     "react-full-page": "^0.1.12",
+    "react-markdown": "^9.0.1",
     "swiper": "^11.0.4"
   },
   "devDependencies": {

diff --git a/public/auth-callback.html b/public/auth-callback.html
@@ -0,0 +1,131 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Delta Inductions | LOGIN REDIRECT</title>
+  </head>
+
+  <style>
+    :root {
+      --background: #282725;
+      --base: #463b33;
+      --accent1: #749f55;
+      --accent2: #ced346;
+      --text: #f4efe2;
+      --pop: #ff5757;
+    }
+
+    body {
+      margin: 0;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
+        "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+        "Helvetica Neue", sans-serif;
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+
+      background-color: var(--background);
+    }
+
+    * {
+      color: var(--text);
+    }
+
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    .containerz {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100vw;
+      min-height: 100vh;
+      background: var(--background);
+    }
+
+    .containerz .loader {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 300px;
+      height: 300px;
+    }
+
+    .containerz .loader span {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      border: 2px solid #fff;
+      pointer-events: none;
+      animation: animateThreads 5s linear infinite;
+    }
+
+    .containerz .loader span:nth-child(1) {
+      border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
+    }
+
+    .containerz .loader span:nth-child(2) {
+      animation-direction: reverse;
+      border-radius: 67% 33% 70% 30% / 75% 65% 35% 25%;
+    }
+
+    .containerz .loader span:nth-child(3) {
+      animation-duration: 3s;
+      border-radius: 52% 48% 70% 30% / 41% 65% 35% 59%;
+    }
+
+    @keyframes animateThreads {
+      0% {
+        transform: rotate(0deg);
+      }
+
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    .containerz .loader h2 {
+      color: var(--text);
+      /* font-family: "Courier New", Courier, monospace; */
+      font-weight: 500;
+      max-width: 200px;
+      text-align: center;
+    }
+  </style>
+
+  <body>
+    <!-- <h1>Auth Callback</h1> -->
+
+    <div class="containerz">
+      <div class="loader">
+        <span></span>
+        <span></span>
+        <span></span>
+        <h2>Redirecting back to the main site...</h2>
+      </div>
+    </div>
+  </body>
+
+  <script>
+    const urlSearchParams = new URLSearchParams(window.location.search);
+    const params = Object.fromEntries(urlSearchParams.entries());
+    params.source = "dauth-login-callback";
+
+    setTimeout(() => {
+      if (window.opener) {
+        // send them to the opening window
+        window.opener.postMessage(params);
+        // close the popup
+        window.close();
+      }
+    }, 500);
+  </script>
+</html>
diff --git a/src/app/clusters/clusters.module.css b/src/app/clusters/clusters.module.css
@@ -0,0 +1,88 @@
+.clusterBG {
+    background: url('../../assets/images/ClusterBG.png');
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+.portal{
+    width: 30rem;
+    position: absolute;
+    top: 5rem;
+    animation: portalAnim 0.3s;
+}
+
+@keyframes portalAnim {
+    0%{
+        top: -1rem;
+        opacity: 0;
+    }
+    100%{
+        top: 5rem;
+        opacity: 1;
+    }
+}
+
+.title{
+    margin-top: 7rem;
+}
+
+.hourglass{
+    width: 8rem;
+}
+
+.textBox{
+    min-width: 13rem;
+    position: absolute;
+    bottom: 3rem;
+    left: 50%;
+    transform: translateX(-50%);
+    animation: fadeIn 0.3s;
+    transition: 0.3s;
+}
+
+@keyframes fadeIn {
+    0%{
+        opacity: 0;
+    }
+    100%{
+        opacity: 1;
+    }
+}
+
+.clusterName{
+    font-family: 'Orbitron';
+    z-index: 100;
+    position: absolute;
+    font-size: 1.4rem;
+    bottom: 4rem;
+    left: 50%;
+    transform: translateX(-50%);
+    transition: 0.3s;
+}
+
+.cover:hover > div .clusterName {
+    font-size: 1.5rem;
+    text-shadow: 1px 1px 30px white;
+    bottom: 4.5rem;
+}
+
+.cover:hover > div .textBox {
+    min-width: 15rem;
+    bottom: 3.3rem;
+}
+
+@media only screen and (max-width:  992px) {
+    .cover{
+        transform: scale(0.7);
+    }
+    .portal{
+        width: 15rem;
+        left: 50%;
+        transform: translateX(-50%);
+        margin-top: 2rem;
+    }
+    .hourCover{
+        padding-right: 10rem;
+    }
+  }