Skip to content

Commit 924e5fc

Browse files
authored
Merge pull request #3 from WATurbine/discord-hotfix
Fixed discord link to make it a forever link
2 parents 4aed339 + 9356511 commit 924e5fc

File tree

1 file changed

+102
-74
lines changed

1 file changed

+102
-74
lines changed

pages/index.js

Lines changed: 102 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,119 +1,147 @@
11
import Head from "next/head";
22
import Image from "next/image";
3-
import logo from '../assets/whitelogo.png'
3+
import logo from "../assets/whitelogo.png";
44
import Link from "next/link";
55
import { Inter } from "next/font/google";
66
import styles from "@/styles/Home.module.css";
7-
import ElectricBoltIcon from '@mui/icons-material/ElectricBolt';
8-
import SettingsIcon from '@mui/icons-material/Settings';
9-
import AccountBalanceIcon from '@mui/icons-material/AccountBalance';
10-
import AirIcon from '@mui/icons-material/Air';
11-
import ComputerIcon from '@mui/icons-material/Computer';
7+
import ElectricBoltIcon from "@mui/icons-material/ElectricBolt";
8+
import SettingsIcon from "@mui/icons-material/Settings";
9+
import AccountBalanceIcon from "@mui/icons-material/AccountBalance";
10+
import AirIcon from "@mui/icons-material/Air";
11+
import ComputerIcon from "@mui/icons-material/Computer";
1212

1313
const inter = Inter({ subsets: ["latin"] });
1414

1515
export default function Home() {
1616
return (
17-
<>
18-
<Head>
17+
<>
18+
<Head>
1919
<title>WATURBINE</title>
20-
<meta name="description" content="University of Waterloo small wind turbine design team. " />
20+
<meta
21+
name="description"
22+
content="University of Waterloo small wind turbine design team. "
23+
/>
2124
<meta name="viewport" content="width=device-width, initial-scale=1" />
2225
<link rel="icon" href="/favicon.ico" />
23-
</Head>
24-
<main className = {styles.main}>
25-
<Image className = {styles.heroLogo} src = {logo}/>
26+
</Head>
27+
<main className={styles.main}>
28+
<Image className={styles.heroLogo} src={logo} />
2629
</main>
27-
<div className = {styles.mainAbout}>
28-
<div className = {styles.aboutText}>
29-
<h1>WHO WE ARE</h1>
30-
<h3><span>WATurbine</span> is a a team of ambitious engineering students from the University of Waterloo, dedicated to driving innovation in the fields of renewable energy and sustainable technology. Our goal is to design and build the most efficient and sustainable small wind turbine possible for the International Small Wind Turbine Competition.</h3>
31-
<h3>As a subsidiary of the University of Waterloo&#39;s Engineers Without Borders Chapter, WATurbine aims to embody the Engineers Without Borders vision through wind power advancement.
32-
</h3>
33-
<h3></h3>
30+
<div className={styles.mainAbout}>
31+
<div className={styles.aboutText}>
32+
<h1>WHO WE ARE</h1>
33+
<h3>
34+
<span>WATurbine</span> is a a team of ambitious engineering students
35+
from the University of Waterloo, dedicated to driving innovation in
36+
the fields of renewable energy and sustainable technology. Our goal
37+
is to design and build the most efficient and sustainable small wind
38+
turbine possible for the International Small Wind Turbine
39+
Competition.
40+
</h3>
41+
<h3>
42+
As a subsidiary of the University of Waterloo&#39;s Engineers
43+
Without Borders Chapter, WATurbine aims to embody the Engineers
44+
Without Borders vision through wind power advancement.
45+
</h3>
46+
<h3></h3>
3447
</div>
3548
</div>
36-
<div className = {styles.work}>
37-
<div className = {styles.rightContainer} id = {styles.estateLeft}>
49+
<div className={styles.work}>
50+
<div className={styles.rightContainer} id={styles.estateLeft}>
3851
<h1>OUR MISSION</h1>
39-
<p>We are passionate about our mission to create a more sustainable future for everyone. Check out the global impact that we can make together.</p>
40-
<Link href = "/mission">
52+
<p>
53+
We are passionate about our mission to create a more sustainable
54+
future for everyone. Check out the global impact that we can make
55+
together.
56+
</p>
57+
<Link href="/mission">
4158
<button>Learn more</button>
4259
</Link>
4360
</div>
44-
<div className = {styles.leftContainer} id = {styles.estateRight}>
61+
<div className={styles.leftContainer} id={styles.estateRight}>
4562
<h1>The Competition</h1>
46-
<Link href = 'https://www.hanze.nl/en/research/centres/entrance-centre-of-expertise-energy/projects/international-small-wind-turbine-contest-iswtc' target = '_blank'> <button>IWSTC</button></Link>
63+
<Link
64+
href="https://www.hanze.nl/en/research/centres/entrance-centre-of-expertise-energy/projects/international-small-wind-turbine-contest-iswtc"
65+
target="_blank"
66+
>
67+
{" "}
68+
<button>IWSTC</button>
69+
</Link>
4770
</div>
4871
</div>
49-
<div className = {styles.work}>
50-
<div className = {styles.leftContainer}>
51-
<div className = {styles.borderWrap}>
52-
<h1>SUBTEAMS</h1>
53-
<h3>6 total subteams within WATurbine!</h3>
54-
<p>Get to know more about each subteam, and how your skills might be aligned with the team&#39;s needs!</p>
55-
<Link href = '/subteams'>
56-
<button>Learn More</button>
57-
</Link>
72+
<div className={styles.work}>
73+
<div className={styles.leftContainer}>
74+
<div className={styles.borderWrap}>
75+
<h1>SUBTEAMS</h1>
76+
<h3>6 total subteams within WATurbine!</h3>
77+
<p>
78+
Get to know more about each subteam, and how your skills might be
79+
aligned with the team&#39;s needs!
80+
</p>
81+
<Link href="/subteams">
82+
<button>Learn More</button>
83+
</Link>
5884
</div>
5985
</div>
60-
<div className = {styles.rightContainer}>
61-
<div className = {styles.borderWrap} id = {styles.subteamSection}>
62-
<div className = {styles.wrapDiv}>
63-
<div className = {styles.third}>
64-
<AirIcon/>
65-
<div className = {styles.textBox}>
66-
<h3>Aerodynamics</h3>
86+
<div className={styles.rightContainer}>
87+
<div className={styles.borderWrap} id={styles.subteamSection}>
88+
<div className={styles.wrapDiv}>
89+
<div className={styles.third}>
90+
<AirIcon />
91+
<div className={styles.textBox}>
92+
<h3>Aerodynamics</h3>
93+
</div>
6794
</div>
68-
</div>
69-
<div className = {styles.third}>
70-
<SettingsIcon/>
71-
<div className = {styles.textBox}>
72-
<h3>Mechanical</h3>
73-
</div>
74-
</div>
75-
<div className = {styles.third}>
76-
<AccountBalanceIcon/>
77-
<div className = {styles.textBox}>
78-
<h3>Structural</h3>
95+
<div className={styles.third}>
96+
<SettingsIcon />
97+
<div className={styles.textBox}>
98+
<h3>Mechanical</h3>
99+
</div>
79100
</div>
80-
</div>
81-
</div>
82-
<div className = {styles.wrapDiv}>
83-
<div className = {styles.third}>
84-
<ElectricBoltIcon/>
85-
<div className = {styles.textBox}>
86-
<h3>Power</h3>
101+
<div className={styles.third}>
102+
<AccountBalanceIcon />
103+
<div className={styles.textBox}>
104+
<h3>Structural</h3>
105+
</div>
87106
</div>
88107
</div>
89-
<div className = {styles.third}>
90-
<ComputerIcon/>
91-
<div className = {styles.textBox}>
92-
<h3>Controls</h3>
108+
<div className={styles.wrapDiv}>
109+
<div className={styles.third}>
110+
<ElectricBoltIcon />
111+
<div className={styles.textBox}>
112+
<h3>Power</h3>
113+
</div>
114+
</div>
115+
<div className={styles.third}>
116+
<ComputerIcon />
117+
<div className={styles.textBox}>
118+
<h3>Controls</h3>
119+
</div>
93120
</div>
94121
</div>
95122
</div>
96-
97-
</div>
98123
</div>
99124
</div>
100-
<div className = {styles.work}>
101-
<div className = {styles.rightContainer}>
102-
<div className = {styles.sponsorWrap}>
125+
<div className={styles.work}>
126+
<div className={styles.rightContainer}>
127+
<div className={styles.sponsorWrap}>
103128
<h1>SPONSOR US!</h1>
104-
<p>Contribute to creating a more sustainable future, in a meaningful way.</p>
105-
<Link href = '/Waturbine_Sponsorship.pdf' target = "_blank">
129+
<p>
130+
Contribute to creating a more sustainable future, in a meaningful
131+
way.
132+
</p>
133+
<Link href="/Waturbine_Sponsorship.pdf" target="_blank">
106134
<button>SPONSORSHIP</button>
107135
</Link>
108136
</div>
109137
</div>
110-
<div className = {styles.leftContainer}>
138+
<div className={styles.leftContainer}>
111139
<h1>JOIN OUR TEAM!</h1>
112-
<Link href = 'https://discord.gg/JdXtvNtA' target = "_blank"><button>I&#39;m Interested!</button></Link>
140+
<Link href="https://discord.gg/QJhDqWywaP" target="_blank">
141+
<button>I&#39;m Interested!</button>
142+
</Link>
113143
</div>
114144
</div>
115-
116-
117145
</>
118146
);
119147
}

0 commit comments

Comments
 (0)