add discord redirect page

.yarnrc.yml

@@ -2,4 +2,6 @@ compressionLevel: mixed
 
 enableGlobalCache: false
 
+nodeLinker: node-modules
+
 yarnPath: .yarn/releases/yarn-4.0.2.cjs

package.json

@@ -44,7 +44,7 @@
     "eslint-plugin-next": "^0.0.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.8.7"
+    "prettier": "^3.3.2"
   },
   "packageManager": "[email protected]"
 }

pages/blog.tsx

@@ -13,12 +13,10 @@ export async function getStaticProps() {
   return {
     props: {
       posts: await Promise.all(
-        (
-          await getPostIds()
-        ).map(
+        (await getPostIds()).map(
           async (id) =>
-            await getPostMetadata(id).then((data) => ({ id, ...data }))
-        )
+            await getPostMetadata(id).then((data) => ({ id, ...data })),
+        ),
       ),
     },
   };

pages/discord.tsx

@@ -0,0 +1,28 @@
+import Link from "next/link";
+import Footer from "../components/Footer";
+
+import Navbar from "../components/Navbar";
+
+import styles from "../styles/Discord.module.scss";
+
+import Script from "next/script";
+
+export default function Discord() {
+  return (
+    <div>
+      <Navbar />
+      <main className={styles.redirect}>
+        <h1>Redirecting you now...</h1>
+        <p className={styles.home}>
+          <Link href="https://discord.gg/H9enFH7g">
+            Click here if you are not redirected automatically
+          </Link>
+        </p>
+      </main>
+      <Script id="discord-redirect">
+        {`window.location.href = "https://discord.gg/H9enFH7g"`}
+      </Script>
+      <Footer />
+    </div>
+  );
+}

pages/events.tsx

@@ -91,10 +91,10 @@ export default function Events() {
   useEffect(() => setToday(new Date()), []);
 
   const thisWeek = AllEvents.filter((e) =>
-    isSameWeek(new Date(e.start), today)
+    isSameWeek(new Date(e.start), today),
   );
   const upcomingEvents = AllEvents.filter(
-    (e) => e.start > today.valueOf() && !isSameWeek(new Date(e.start), today)
+    (e) => e.start > today.valueOf() && !isSameWeek(new Date(e.start), today),
   );
 
   return (

styles/About.module.scss

@@ -87,15 +87,19 @@
           text-align: center;
           font-weight: 800;
           font-size: calc(0.35 * var(--size));
-          transition: font-size 100ms linear, padding-bottom 100ms linear;
+          transition:
+            font-size 100ms linear,
+            padding-bottom 100ms linear;
         }
 
         img {
           margin: auto;
           object-fit: contain;
           width: calc(0.75 * var(--size));
           height: calc(0.75 * var(--size));
-          transition: width 100ms linear, height 100ms linear;
+          transition:
+            width 100ms linear,
+            height 100ms linear;
         }
       }
 

styles/Discord.module.scss

@@ -0,0 +1,15 @@
+.redirect {
+  min-height: 90vh;
+  padding: 4rem 0 4rem 0;
+  margin: 4rem 20% 0 20%;
+  text-align: center;
+  color: #ffba44;
+}
+
+.home a {
+  text-decoration: underline;
+}
+
+.home:hover a {
+  color: #ffba44;
+}

styles/Home.module.scss

@@ -10,7 +10,8 @@
 
   height: max(var(--welcome-hero-height), 28rem);
   overflow: hidden;
-  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)),
+  background:
+    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)),
     url("/images/collage.png") no-repeat;
   background-size: cover;
 
@@ -199,15 +200,19 @@ h1.motto {
             text-align: center;
             font-weight: 800;
             font-size: calc(0.35 * var(--size));
-            transition: font-size 100ms linear, padding-bottom 100ms linear;
+            transition:
+              font-size 100ms linear,
+              padding-bottom 100ms linear;
           }
 
           img {
             margin: auto;
             object-fit: contain;
             width: calc(0.75 * var(--size));
             height: calc(0.75 * var(--size));
-            transition: width 100ms linear, height 100ms linear;
+            transition:
+              width 100ms linear,
+              height 100ms linear;
           }
         }
 

styles/Navbar.module.scss

@@ -222,7 +222,9 @@
           margin: -10px;
           padding: 0;
           border: 0;
-          transition: height $amazing-curve, min-height $amazing-curve,
+          transition:
+            height $amazing-curve,
+            min-height $amazing-curve,
             margin $amazing-curve;
 
           li {
@@ -234,7 +236,9 @@
             width: 0;
             height: 0;
             margin: -10px;
-            transition: height $amazing-curve, margin $amazing-curve;
+            transition:
+              height $amazing-curve,
+              margin $amazing-curve;
           }
         }
 
@@ -244,7 +248,9 @@
           margin: -10px;
           padding: 0;
           border: 0;
-          transition: height $amazing-curve, margin $amazing-curve;
+          transition:
+            height $amazing-curve,
+            margin $amazing-curve;
         }
       }
 

styles/globals.scss

@@ -2,7 +2,8 @@
   font-family: "Westwood Sans 0.5";
   font-style: normal;
   font-weight: 400;
-  src: local("Westwood Sans Regular"),
+  src:
+    local("Westwood Sans Regular"),
     url("../public/fonts/WestwoodSans-Regular-0.5.ttf") format("truetype");
 }