-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (149 loc) · 7.54 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="title" content="10πHacks 2020">
<meta name="description" content="10πHacks | 28-29 May 2021">
<meta name="author" content="10πHacks">
<meta name="keywords" content="10πHacks 2020">
<title>10πHacks 2020</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cardo&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/grayscale.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- Favicon for 10piHacks 2020 -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon_io/10pihacksicon.png">
</head>
<body id="page-top">
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav" style="background-color: #390050;">
<div id="navbar-container" class="container">
<div id="navbar-top-menu">
<div class="d-flex align-items-center justify-content-between">
<a class="navbar-brand js-scroll-trigger" href="index.html">
<div class="title-icon"></div>
</a>
<button class="navbar-toggler nexa" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
</div>
</div>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul id="navbar-buttons" class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger nexa" href="faqs.html">FAQs</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger nexa" href="sponsors.html">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger nexa" href="prizes.html">Prizes</a>
</li>
<li class="nav-item" id="team">
<a class="nav-link js-scroll-trigger nexa" href="teams.html">Team</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- <div id="particles-js"></div> -->
<div class="homeintro">
<div class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center no-select">
<h1 class="mx-auto my-0 title-text">10<strong class="pi-char">π</strong>Hacks 2021</h1>
<img src="img/logo/bigchonkwhitelogo.png" alt="10piHacks 2021" style="width: 100%; alignment: center">
<!-- <p style="height: 55vh"></p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>-->
<h2 class="orange mx-auto mt-2 mb-1 sub-heading" style="width: 100%;">29<sup>th</sup>-30<sup>th</sup> May 2021</h2>
<h2 class="mx-auto mt-2 mb-3 sub-heading lightblue" style="width: 100%;">Online, via Discord and Zoom</h2>
<br>
<div id="button-box">
<a href="https://forms.gle/HPgCyS6M2uUeUj6LA" class="btn btn-primary js-scroll-trigger" style="z-index: 1; position: relative;">Registration Open Until May 28!</a><br><br>
<a href="https://drive.google.com/drive/folders/1nvDVmoJFD9ZYksBSNBBqJmTGKWl8V81h?usp=sharing" class="btn btn-primary js-scroll-trigger" style="z-index: 1; position: relative;">Google Drive of Resources and Key Information</a>
<a href="https://discord.gg/xxYnjDnphZ" class="btn btn-primary js-scroll-trigger" style="z-index: 1; position: relative;">Discord Server</a>
</div>
<br><br><br>
</div>
</div>
</div>
</div>
<section id="aboutsection" class="text-center">
<section>
<h1 class="sub-heading diagonal-text darkblue sub-heading-title" style="padding-bottom: 100px; padding-top: 100px; margin-bottom: 0;">About</h1>
</section>
<section class="diagonal-section white-bg">
<div class="mx-auto diagonal-section-content">
<div class="container nexa">
<p class="black bold">10<strong class="pi-char">π</strong>Hacks is a 31-hour 41-minute 59-second hackathon that aims to bring together high school and middle school students from across the United States in a fun competition involving coding a project based on a prompt given on Challenge Day!
</br></br>
10<strong class="pi-char">π</strong>Hacks will host a weekend of fun, learning and innovation whilst letting students learn more about the world of computer science through our workshops. If you fancy an opportunity with exciting workshops, cool swag, guest speakers, and the chance to win some awesome prizes, register now!. <br> For more info about prizes and cool swag, check out our <a href="prizes.html">prizes</a> page!
<br>
</p>
</div>
</div>
</section>
<section>
<h1 class="sub-heading diagonal-text darkblue sub-heading-title" style="padding-bottom: 100px; padding-top: 100px; margin-bottom: 0;">Schedule</h1>
</section>
<section class="diagonal-section white-bg">
<div class="mx-auto diagonal-section-content">
<div class="schedule">
<div id="schedSat">
<h3 style="font-weight: bold;">Saturday 29th</h3>
<br>
<table class="table table-hover" id="saturdayContainer">
</table>
</div>
<div id="schedSun">
<h3 style="font-weight: bold;">Sunday 30th</h3>
<br>
<table class="table table-hover" id="sundayContainer">
</table>
</div>
</div>
<br>
<p style="font-weight: bold;">All times are in CST (Central Standard Time). Tutorials, guides, and general information related to each workshop/course will be posted right after the event concludes so that you can refer to it throughout the hackathon. These will be posted in the Google Drive folder which can be accessed through the button above.</p>
</div>
</section>
<section class="diagonal-section black-bg" style="height: 4em; opacity: 1;"></section>
<section class="footer-section black-bg">
<div style="padding-top: 0">
<div class="small text-center white">
<div class="social d-flex justify-content-center"></div>
<div class="white mb-4 nexa">
Copyright © 10<strong class="pi-char">π</strong>Hacks 2021
</div>
<a href="https://www.facebook.com/10pi-Hacks-105484548316422" class="mx-2 orange-hover">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/10pihacks/" class="mx-2 orange-hover">
<i class="fab fa-instagram"></i>
</a>
<a href="https://twitter.com/10piHacks " class="mx-2 orange-hover">
<i class="fab fa-twitter"></i>
</a>
</div>
</div>
</section>
</section>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.js"></script>
<!-- Custom javascript -->
<script src="js/custom.js"></script>
<!-- Particle library
<script src="particles/particles.js"></script>
<script src="particles/app.js"></script> -->
</body>
</html>