Add front page (Closes #44) #68
102
pages/index.tsx
102
pages/index.tsx
|
@ -1,9 +1,9 @@
|
|||
import { pageRoutes } from "data/routes";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
|
||||
import { About } from "@/components/About";
|
||||
import { CenterWrapper } from "@/components/CenterWrapper";
|
||||
import { Header } from "@/components/Header";
|
||||
import { Sections } from "@/components/Sections";
|
||||
import { Title } from "@/components/Title";
|
||||
|
||||
|
@ -11,58 +11,56 @@ import styles from "./frontpage.module.css";
|
|||
|
||||
export default function Home() {
|
||||
return (
|
||||
<div className={styles.main}>
|
||||
<Title>Home</Title>
|
||||
<div className={styles.title}>
|
||||
<div className={styles.titleImage}>
|
||||
<img
|
||||
src="/images/frontPageTitle.png"
|
||||
alt="A picture of the University of Waterloo campus"
|
||||
/>
|
||||
<>
|
||||
<Header />
|
||||
<div className={styles.main}>
|
||||
<Title>Home</Title>
|
||||
<div className={styles.title}>
|
||||
<div className={styles.titleImage}>
|
||||
<img
|
||||
src="/images/frontPageTitle.png"
|
||||
alt="A picture of the University of Waterloo campus"
|
||||
/>
|
||||
</div>
|
||||
<div className={styles.blurb}>
|
||||
<h1 className={styles.classYear}>Computer Science 2022</h1>
|
||||
<h1 className={styles.classProfile}>Class Profile</h1>
|
||||
<h3>Welcome to UW Computer Science 2022 Class Profile.</h3>
|
||||
</div>
|
||||
<div className={styles.decoratorSolid} />
|
||||
<div className={styles.decoratorDots} />
|
||||
</div>
|
||||
<div className={styles.blurb}>
|
||||
<h1 className={styles.classYear}>Computer Science 2022</h1>
|
||||
<h1 className={styles.classProfile}>Class Profile</h1>
|
||||
<h3>Welcome to UW Computer Science 2022 Class Profile.</h3>
|
||||
</div>
|
||||
<div className={styles.decoratorSolid} />
|
||||
<div className={styles.decoratorDots} />
|
||||
<About />
|
||||
<CenterWrapper>
|
||||
<h1>Preface</h1>
|
||||
<p>
|
||||
The CS Class Profile consists of data relevant to CS, CFM, and
|
||||
CS/BBA students. These were combined with the knowledge that
|
||||
students in these programs tend to have similar experiences, as many
|
||||
of the same CS required courses are shared. In the standard co-op
|
||||
offering, CS and CFM take 4 years and 2 semesters to complete, while
|
||||
CS/BBA can take up to a full 5 years.
|
||||
</p>
|
||||
<p>
|
||||
Computer Science (and the others) is known to be a very prestigious
|
||||
program, and is very well known in Canada as well as across the
|
||||
world. For prospective students or anyone who is interested in
|
||||
learning more about what the students are like, this CS Class
|
||||
Profile will attempt to answer some of your questions, and you may
|
||||
even learn a thing or two you didn’t expect!
|
||||
</p>
|
||||
<p>
|
||||
The survey questions were approved by the Institutional Analysis &
|
||||
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!
|
||||
</p>
|
||||
</CenterWrapper>
|
||||
<Sections data={pageRoutes} />
|
||||
</div>
|
||||
<About />
|
||||
<CenterWrapper>
|
||||
<h1>Preface</h1>
|
||||
<p>
|
||||
The CS Class Profile consists of data relevant to CS, CFM, and CS/BBA
|
||||
students. These were combined with the knowledge that students in
|
||||
these programs tend to have similar experiences, as many of the same
|
||||
CS required courses are shared. In the standard co-op offering, CS and
|
||||
CFM take 4 years and 2 semesters to complete, while CS/BBA can take up
|
||||
to a full 5 years.
|
||||
</p>
|
||||
<p>
|
||||
Computer Science (and the others) is known to be a very prestigious
|
||||
program, and is very well known in Canada as well as across the world.
|
||||
For prospective students or anyone who is interested in learning more
|
||||
about what the students are like, this CS Class Profile will attempt
|
||||
to answer some of your questions, and you may even learn a thing or
|
||||
two you didn’t expect!
|
||||
</p>
|
||||
<p>
|
||||
The survey questions were approved by the Institutional Analysis &
|
||||
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!
|
||||
</p>
|
||||
</CenterWrapper>
|
||||
<Sections data={pageRoutes} />
|
||||
<p>
|
||||
Click <Link href="/playground">here</Link> to visit the playground
|
||||
<br />
|
||||
Click <Link href="/samplePage">here</Link> to visit a sample page
|
||||
</p>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue