Skip to content

Commit ac2aecd

Browse files
thewindsofwinterthewindsofwinter
committed
create all of them while we're at it
1 parent 0be2843 commit ac2aecd

File tree

3 files changed

+551
-1
lines changed

3 files changed

+551
-1
lines changed

‎views/pages/contest.ejs‎

Lines changed: 275 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,275 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8+
<%- include('../partials/meta'); %>
9+
10+
<!-- Update to 2022 -->
11+
<title>JHMC 2022</title>
12+
13+
<!-- Bootstrap core CSS -->
14+
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
15+
16+
<!-- Custom fonts for this template -->
17+
<!-- <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet"> -->
18+
<!-- <link rel="preconnect" href="https://fonts.gstatic.com"> -->
19+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap" rel="stylesheet">
20+
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i"
21+
rel="stylesheet">
22+
23+
<!-- Custom styles for this template -->
24+
<link href="css/one-page-wonder.css" rel="stylesheet">
25+
26+
</head>
27+
28+
<body>
29+
30+
<!-- Navigation -->
31+
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
32+
<div class="container">
33+
<!-- Update to 2022 -->
34+
<a class="navbar-brand" href="#">JHMC 2022</a>
35+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"
36+
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
37+
<span class="navbar-toggler-icon"></span>
38+
</button>
39+
<!-- TODO: add other pages (see partners page) -->
40+
<ul class="navbar-nav ml-auto">
41+
<li class="nav-item">
42+
<a class="nav-link" href="#">Home</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="/about">About Us</a>
46+
</li>
47+
<li class="nav-item">
48+
<a class="nav-link" href="/contest">Contest</a>
49+
</li>
50+
<li class="nav-item">
51+
<a class="nav-link" href="/partners">Sponsors</a>
52+
</li>
53+
<li class="nav-item">
54+
<a class="nav-link" href="/questions">Past Tests</a>
55+
</li>
56+
<li class="nav-item">
57+
<a class="nav-link" href="/questions">Sign Up</a>
58+
</li>
59+
</ul>
60+
</div>
61+
</nav>
62+
63+
<!-- Used to be different for bootstrap stuff, must harmonize -->
64+
<header class="masthead text-center imsa-foreground">
65+
<div class="masthead-content">
66+
<div class="container">
67+
<!-- Only updated for 2022 title etc, still have to update form -->
68+
<h1 class="masthead-heading mb-0">2022 Virtual JHMC</h1>
69+
<h2 class="masthead-subheading mb-0">Saturday, March 12th</h2>
70+
<!-- TODO: UPDATE GOOGLE FORM LINK HERE AND AT BOTTOM OF PAGE -->
71+
<!-- TODO: harmonize with bootstrap, for now changing colors manually -->
72+
<a href="https://docs.google.com/forms/d/e/1FAIpQLScLNivDmUuYJrHekc0w8ylTJ0Nyi7Vx5p6LHdOxYjyOKgzZow/viewform?usp=sf_link" class="btn btn-imsa btn-xl rounded-pill mt-5">Fill Out Interest Form</a>
73+
</div>
74+
</div>
75+
<div class="bg-plus-1 bg-square" id="4">
76+
<!-- Making circles empty, maybe squares too and plus signs -->
77+
<table class="empty-plus">
78+
<tr>
79+
<td></td>
80+
<td></td>
81+
</tr>
82+
<tr>
83+
<td></td>
84+
<td></td>
85+
</tr>
86+
</table>
87+
</div>
88+
<div class="bg-circle-1 bg-circle" id="1">
89+
<!-- Making circles empty, maybe squares too and plus signs -->
90+
<div class="empty-circle"></div>
91+
</div>
92+
<div class="bg-circle-2 bg-circle" id="2">
93+
<!-- Making circles empty, maybe squares too and plus signs -->
94+
<div class="empty-circle"></div>
95+
</div>
96+
<div class="bg-square-1 bg-square" id="3">
97+
<!-- Making circles empty, maybe squares too and plus signs -->
98+
<div class="empty-square"></div>
99+
</div>
100+
</header>
101+
102+
<section>
103+
<div class="container">
104+
<div class="row align-items-center">
105+
<!-- <div class="col-lg-6">
106+
<div class="p-5">
107+
<img class="img-fluid rounded-circle" src="img/02.jpg" alt="">
108+
</div>
109+
</div> -->
110+
<div class="col-lg">
111+
<div class="p-5">
112+
<h2 class="display-4">About</h2>
113+
<p>
114+
The 32nd Annual JHMC, Virtual Division, will be held on Saturday,
115+
March 12, 2022. The contest is currently scheduled from 9:00 AM
116+
to 9:00 PM in your timezone, so students should expect to spend an
117+
entire day on the competition. Since the virtual contest will be occuring
118+
at the international level, students will take their tests asynchronously while
119+
being proctored by their coach.
120+
</p>
121+
</div>
122+
</div>
123+
</div>
124+
</div>
125+
</section>
126+
127+
<section>
128+
<div class="container">
129+
<div class="row p-5">
130+
<div class="col-sm-4">
131+
<div class="card">
132+
<div class="card-body">
133+
<h5 class="card-title">Contest Rules</h5>
134+
<p class="card-text">Rules are subject to change. Official rules will be emailed.</p>
135+
<a href="https://drive.google.com/file/d/1g4cXq3jCScqmHfdXke1AVCs3SUBYExr5/view?usp=sharing" class="btn btn-outline-dark" target = "_blank">View Rules</a>
136+
</div>
137+
</div>
138+
</div>
139+
<div class="col-sm-4">
140+
<div class="card">
141+
<div class="card-body">
142+
<h5 class="card-title">Invitation Letter</h5>
143+
<p class="card-text">Updated for the 32nd annual JHMC, with online information.</p>
144+
<a href="https://drive.google.com/file/d/1f-UvVBwKOP-PQCymszWr5iwBBY6cVgGe/view?usp=sharing" class="btn btn-outline-dark" target = "_blank">View Letter</a>
145+
</div>
146+
</div>
147+
</div>
148+
<div class="col-sm-4">
149+
<div class="card">
150+
<div class="card-body">
151+
<h5 class="card-title">Questions or Concerns</h5>
152+
<p class="card-text">Contact the team for any questions or concerns you have.</p>
153+
<a href="mailto:[email protected], [email protected], [email protected]" class="btn btn-outline-dark" target = "_blank">Contact Us</a>
154+
</div>
155+
</div>
156+
</div>
157+
</div>
158+
</div>
159+
</section>
160+
161+
<section>
162+
<div class="container">
163+
<div class="row align-items-center">
164+
<!-- <div class="col-lg-6 order-lg-2">
165+
<div class="p-5">
166+
<img class="img-fluid rounded-circle" src="img/01.jpg" alt="">
167+
</div>
168+
</div> -->
169+
<div class="col-lg order-lg-1">
170+
<div class="p-5">
171+
<h2 class="display-4">Now Online</h2>
172+
<p>Historically, JHMC has been in person, but due to the COVID pandemic
173+
last year, we brought the contest online. After the success of last
174+
year's contest, and the fixing of many of the bugs our first run had,
175+
we're maintaining an online division for this test in 2022 to give
176+
students across the world the same opportunity to compete and grow
177+
that Illinois middle-school students had for the past 31 years.</p>
178+
<p>This year, we're bringing JHMC to more schools and students around
179+
the world through online testing. Learn more about the testing
180+
software below. Students from schools outside of Illinois and from
181+
Illinois schools we weren't able to fit into the in-person division
182+
will be able to attend this contest either as part of a school
183+
team, or, if their school can't field a team, as an ad-hoc team. More about
184+
this can be found in the updated rules doc linked above.</p>
185+
<div class="col text-center">
186+
<a href="/test/sample" class="btn btn-dark btn-xl rounded-pill mt-5" style="margin: 0 auto;">Take a Sample
187+
Test</a>
188+
</div>
189+
</div>
190+
</div>
191+
</div>
192+
</div>
193+
</section>
194+
195+
<!-- TODO: Add IMSA's info here and sample sponsor places -->
196+
197+
<section>
198+
<div class="container">
199+
<div class="row align-items-center">
200+
<!-- <div class="col-lg-6 order-lg-2">
201+
<div class="p-5">
202+
<img class="img-fluid rounded-circle" src="img/01.jpg" alt="">
203+
</div>
204+
</div> -->
205+
<div class="col-lg order-lg-1">
206+
<div class="p-5">
207+
<!-- TODO: Update registration info after we get sponsor info -->
208+
<h2 class="display-4">Registration</h2>
209+
<p>Registration costs $50 for this year. Due to the popularity of this event,
210+
it is imperative that we know soon whether you are planning to attend and
211+
approximately how many students you plan to have compete. The registration
212+
fee is used to defray the cost of the event. If you'd like your school to
213+
participate, <a href="https://forms.gle/c75cSMbWnVUEs9tDA" style="margin: 0 auto;">Fill Out Interest Form</a>.</p>
214+
<!-- <div class="col text-center">
215+
216+
</div> -->
217+
</div>
218+
</div>
219+
</div>
220+
</div>
221+
</section>
222+
223+
<div id="bottom-spacer">
224+
225+
</div>
226+
227+
<!-- Footer -->
228+
<footer class="py-5 bg-black">
229+
<div class="container partners">
230+
<div class="partner">
231+
<img src="img/sponsor square.png" class="logo"/>
232+
</div>
233+
<div class="partner">
234+
<img src="img/sponsor square.png" class="logo"/>
235+
</div>
236+
<div class="partner title-partner">
237+
<a href="https://www.imsa.edu" class="text-reset">
238+
<img src="img/imsa-logo.png" class="logo" />
239+
<p class="text-white spacer">|</p>
240+
<img src="img/jhmc-logo.png" class="logo"/>
241+
</a>
242+
</div>
243+
<div class="partner">
244+
<img src="img/sponsor square.png" class="logo"/>
245+
</div>
246+
<div class="partner">
247+
<img src="img/sponsor square.png" class="logo"/>
248+
</div>
249+
</div>
250+
<div class="container">
251+
<p class="m-0 text-center text-white small">Copyright &copy; JHMC 2022</p>
252+
</div>
253+
<!-- /.container -->
254+
</footer>
255+
256+
<!-- Bootstrap core JavaScript -->
257+
<script src="vendor/jquery/jquery.min.js"></script>
258+
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
259+
<script>
260+
$(window).scroll(() => {
261+
var yoff = window.pageYOffset;
262+
// Added x-component and square translate
263+
$(".bg-circle").map((i, a) => {
264+
$(a).css('transform', 'translate(' + (i) / 10 * yoff + 'px,' + (i + 1) / 6 * yoff + 'px)');
265+
})
266+
267+
$(".bg-square").map((i, a) => {
268+
$(a).css('transform', 'translate(' + (i - 2) / 12 * yoff + 'px,' + (2 * i - 1) / 6 * yoff + 'px)');
269+
})
270+
});
271+
</script>
272+
273+
</body>
274+
275+
</html>

‎views/pages/partners.ejs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@
5656
<a class="nav-link" href="/questions">Past Tests</a>
5757
</li>
5858
<li class="nav-item">
59-
<a class="nav-link" href="/questions">Sign Up</a>
59+
<a class="nav-link" href="/signup">Sign Up</a>
6060
</li>
6161
</ul>
6262
</div>

0 commit comments

Comments
 (0)