Adjusted front page

components/About.tsx

@@ -17,7 +17,7 @@ export function About() {
             Offered from the Faculty of Mathematics as most commonly a co-op
             program, students usually attend 8 school and 6 co-op terms in their
             degree. However, CS is very flexible, as many students historically
-            have dropped co-ops, taking terms off, and messing with their
+            have dropped co-ops, taking terms off, and messed with their
             schedule to fit their desires.
           </p>
           <h4>Computing and Financial Management</h4>

components/CenterWrapper.module.css

@@ -5,7 +5,6 @@
   padding: calc(80rem / 16);
   background-color: var(--secondary-background);
   border-radius: calc(20rem / 16);
-  margin: 0 auto;
 }
 
 @media screen and (max-width: 900px) {

components/Sections.module.css

@@ -2,8 +2,6 @@
   display: flex;
   flex-direction: row;
   gap: calc(15rem / 16);
-  width: 70vw;
-  max-width: 1000px;
 }
 
 .sections h1 {

data/routes.ts

@@ -4,6 +4,7 @@ export interface PageRoute {
 }
 
 type PageID =
+  | "home"
   | "demographics"
   | "academics"
   | "coop"
@@ -18,6 +19,10 @@ type PageID =
 
 export type PageRoutes = { [key in PageID]: PageRoute };
 export const pageRoutes: PageRoutes = {
+  home: {
+    name: "Home",
+    url: "/",
+  },
   demographics: {
     name: "Demographics",
     url: "/demographics",

pages/demographics.tsx

@@ -170,7 +170,7 @@ export default function Demographics() {
         />
       </ComponentWrapper>
 
-      <BottomNav rightPage={pageRoutes.academics}></BottomNav>
+      <BottomNav leftPage={pageRoutes.home} rightPage={pageRoutes.academics} />
     </div>
   );
 }

pages/frontpage.module.css

@@ -5,7 +5,6 @@
 }
 
 .main > * {
-  margin-top: calc(65rem / 16);
   margin-bottom: calc(65rem / 16);
 }
 
@@ -29,7 +28,7 @@
 
 .blurb {
   position: absolute;
-  bottom: 0vh;
+  bottom: 20vh;
   right: 7vw;
   width: fit-content;
   height: fit-content;
@@ -88,4 +87,13 @@
   .decoratorSolid {
     display: none;
   }
+
+  .blurb {
+    right: 0;
+  }
 }
+
+.homeSectionsStyles {
+  width: 70vw;
+  max-width: 1000px;
+}

pages/index.tsx

@@ -54,12 +54,22 @@ export default function Home() {
             Planning, where all University of Waterloo stakeholders that are
             interested in conducting a non-academic research survey involving a
             large portion of the UWaterloo population are reviewed and approved.
-            The entirety of the survey creation and data processing was done by
-            the UW Computer Science Club, so please check us out if you enjoy
-            what you see!
+            The entirety of the survey creation, data processing, and the
+            creation of this website was done by the{" "}
+            <b>
+              <a
+                href="https://csclub.uwaterloo.ca"
+                target="_blank"
+                rel="noreferrer"
+              >
+                UW Computer Science Club
+              </a>
+            </b>{" "}
+            so please check us out if you enjoy what you see! All of the graphs,
+            and designs on this website were built by us!
           </p>
         </CenterWrapper>
-        <Sections data={pageRoutes} />
+        <Sections data={pageRoutes} className={styles.homeSectionsStyles} />
       </div>
     </>
   );