-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
52 lines (49 loc) · 2.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!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">
<link rel="stylesheet" href="styles.css">
<!-- Audiowide font for neon text -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Audiowide&display=swap" rel="stylesheet">
<!-- Aldrich font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Aldrich&display=swap" rel="stylesheet">
<title>A Puzzling Night</title>
</head>
<body>
<section id="landing">
<header class="neon" id="mainHeader">A <b>Puzzling</b> Night...</header>
<div id="landingWrapper">
<p class="landingText">For centuries, nobody could determine why Rivergard City collapsed...</p>
<p class="landingText">Can you discover its secrets?</p>
<p class="landingText">Solve puzzles. Find clues. Unlock the mystery.</p>
<a class="learnMore" href="#learnMore">
<h4>Learn More</h4>
</a>
</div>
</section>
<section id="learnMore">
<div class="learnSection" id="whatSection">
<header class="neon learnHeaders">What?</header>
<p class="learnText">In order to solve the mystery of Rivergard’s collapse, you must piece together the clues hidden at the end of several games/puzzles. These games will be run by several student organizations including ACM, multiple ACM communities, and IEEE/HKN.</p>
<p class="learnText">This event is open to anyone and everyone so stop by if you want to solve some puzzles! You’re more than welcome to participate by yourself or with some friends.</p>
</div>
<div id="rightSide">
<div class="learnSection" id="whereSection">
<header class="neon learnHeaders">Where?</header>
<p class="learnText">All of the puzzles/games will be held in CS 203, 204, and 207. CS 205 will be used by ACM General as an HQ. This is where you will go to assemble all puzzle pieces to solve the mystery of Rivergard City and claim your prize! This room will also have lots of free pizza and extra games.</p>
</div>
<div class="learnSection" id="whenSection">
<header class="neon learnHeaders">When?</header>
<p class="learnText">The event will be Tuesday, April 19th and run from 5:00 PM until 8:00 PM. Feel free to come and go at any point during those times!</p>
</div>
</div>
</section>
<img src="./cityscape-cropped.png" alt="cityscape">
</body>
</html>