Skip to content

Commit 23d3a60

Browse files
committed
WIP: Added Archive & Leaderboard
1 parent 0ed7bb3 commit 23d3a60

File tree

2 files changed

+274
-0
lines changed

2 files changed

+274
-0
lines changed

archive.html

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
7+
<!-- OpenGraph tags -->
8+
<meta property="og:description" content="We are a team of students in GITAM that aim to promote coding as being fun, challenging & most of all 'Not Boring'. In collaboration with the Department of CSE, we organise frequent coding competitions called 'Code Hackathons' on a bi-weekly basis on Saturday afternoons (except for during important college events). We may on occasion also take classes to discuss and try out various programming techniques and challenges to further enhance your skills.">
9+
<meta property="og:image" content="https://codehackathon.github.io/assets/brand/main-logo.png">
10+
<meta property="og:site_name" content="Code Hackathon">
11+
<meta property="og:title" content="Code Hackathon">
12+
<meta property="og:type" content="website">
13+
<meta property="og:url" content="https://codehackathon.github.io/">
14+
15+
<!-- Favicon & Theme -->
16+
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
17+
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
18+
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-icon-144x144.png">
19+
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-icon-152x152.png">
20+
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-icon-180x180.png">
21+
<link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-icon-57x57.png">
22+
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-icon-60x60.png">
23+
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-icon-72x72.png">
24+
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-icon-76x76.png">
25+
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
26+
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/android-icon-192x192.png">
27+
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
28+
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
29+
<link rel="manifest" href="assets/favicon/manifest.json">
30+
<meta name="msapplication-TileColor" content="#12002D">
31+
<meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
32+
<meta name="theme-color" content="#12002D">
33+
34+
<title>Archive · Code Hackathon · GITAM</title>
35+
36+
<!-- Bootstrap core CSS -->
37+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
38+
39+
<!-- Custom CSS -->
40+
<link href="style.css" rel="stylesheet">
41+
</head>
42+
43+
<body>
44+
<div id="wrapper" class="container-fluid">
45+
<!-- Navigation section -->
46+
<nav class="navbar navbar-expand-xl fixed-top">
47+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#PrimaryMenu" aria-controls="menu" aria-expanded="false" aria-label="Toggle Navigation">
48+
<span class="navbar-toggler-icon"></span>
49+
</button>
50+
51+
<a class="navbar-brand" href="index">
52+
<img class="d-inline-block align-top" src="./assets/brand/main-logo.png" alt="Code Hackathon">
53+
</a>
54+
55+
<div id="PrimaryMenu" class="collapse navbar-collapse">
56+
<ul class="navbar-nav ml-auto">
57+
<li class="nav-item">
58+
<a class="nav-link" href="index">Home</a>
59+
</li>
60+
<li class="nav-item">
61+
<a class="nav-link" href="schedule">Schedule</a>
62+
</li>
63+
<li class="nav-item active">
64+
<a class="nav-link" href="archive">Archive</a>
65+
</li>
66+
<li class="nav-item">
67+
<a class="nav-link" href="leaderboard">Leaderboard</a>
68+
</li>
69+
<li class="nav-item">
70+
<a class="nav-link" href="contact">Contact</a>
71+
</li>
72+
</ul>
73+
</div>
74+
</nav>
75+
76+
<div id="Schedule" class="container">
77+
<div class="row">
78+
<div class="col-10 offset-1">
79+
<h1>Archive</h1>
80+
<h3>⚠️ This section is still being developed!</h3>
81+
<p>All questions from previous Code Hackathons will be provided here soon. Stay tuned!</p>
82+
<p>Meanwhile, check the <code><a href="schedule">Schedule</a></code> for upcoming events:</p>
83+
</div>
84+
</div>
85+
</div>
86+
87+
<div id="suggestion-grid" class="container">
88+
<div class="row">
89+
<div class="col-10 offset-1">
90+
<a href="schedule">
91+
<div id="suggest-one" class="suggestion-card">
92+
<h3>🗓️ Schedule</h3>
93+
<h5>Save the date</h5>
94+
</div>
95+
</a>
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
101+
<footer id="End-Game" class="container-fluid">
102+
<div class="container">
103+
<div class="row">
104+
<div class="col-sm-10 offset-sm-1 col-md-10 offset-md-1 col-lg-10 offset-lg-1">
105+
<h2>Questions? We'd be happy to help! <a href="contact" class="btn">Contact Us</a></h2>
106+
</div>
107+
</div>
108+
</div>
109+
</footer>
110+
111+
<!-- Bootstrap core JavaScript -->
112+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
113+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
114+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
115+
116+
<script>
117+
$(function () {
118+
var navbar = $(".navbar")
119+
var topMenu = $("#PrimaryMenu"),
120+
topMenuHeight = topMenu.outerHeight() + 15,
121+
menuItems = topMenu.find("li a"),
122+
scrollItems = menuItems.map(function () {
123+
var item = $($(this).attr("href"));
124+
if (item.length) {
125+
return item;
126+
}
127+
});
128+
129+
// Close navbar on click
130+
$('.nav-link').on('click', function () {
131+
$('.navbar-collapse').collapse('hide');
132+
});
133+
});
134+
</script>
135+
136+
</body>
137+
</html>

leaderboard.html

Lines changed: 137 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,137 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6+
7+
<!-- OpenGraph tags -->
8+
<meta property="og:description" content="We are a team of students in GITAM that aim to promote coding as being fun, challenging & most of all 'Not Boring'. In collaboration with the Department of CSE, we organise frequent coding competitions called 'Code Hackathons' on a bi-weekly basis on Saturday afternoons (except for during important college events). We may on occasion also take classes to discuss and try out various programming techniques and challenges to further enhance your skills.">
9+
<meta property="og:image" content="https://codehackathon.github.io/assets/brand/main-logo.png">
10+
<meta property="og:site_name" content="Code Hackathon">
11+
<meta property="og:title" content="Code Hackathon">
12+
<meta property="og:type" content="website">
13+
<meta property="og:url" content="https://codehackathon.github.io/">
14+
15+
<!-- Favicon & Theme -->
16+
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
17+
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
18+
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/apple-icon-144x144.png">
19+
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/apple-icon-152x152.png">
20+
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-icon-180x180.png">
21+
<link rel="apple-touch-icon" sizes="57x57" href="assets/favicon/apple-icon-57x57.png">
22+
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/apple-icon-60x60.png">
23+
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/apple-icon-72x72.png">
24+
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/apple-icon-76x76.png">
25+
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
26+
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/android-icon-192x192.png">
27+
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
28+
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96x96.png">
29+
<link rel="manifest" href="assets/favicon/manifest.json">
30+
<meta name="msapplication-TileColor" content="#12002D">
31+
<meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
32+
<meta name="theme-color" content="#12002D">
33+
34+
<title>Leaderboard · Code Hackathon · GITAM</title>
35+
36+
<!-- Bootstrap core CSS -->
37+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
38+
39+
<!-- Custom CSS -->
40+
<link href="style.css" rel="stylesheet">
41+
</head>
42+
43+
<body>
44+
<div id="wrapper" class="container-fluid">
45+
<!-- Navigation section -->
46+
<nav class="navbar navbar-expand-xl fixed-top">
47+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#PrimaryMenu" aria-controls="menu" aria-expanded="false" aria-label="Toggle Navigation">
48+
<span class="navbar-toggler-icon"></span>
49+
</button>
50+
51+
<a class="navbar-brand" href="index">
52+
<img class="d-inline-block align-top" src="./assets/brand/main-logo.png" alt="Code Hackathon">
53+
</a>
54+
55+
<div id="PrimaryMenu" class="collapse navbar-collapse">
56+
<ul class="navbar-nav ml-auto">
57+
<li class="nav-item">
58+
<a class="nav-link" href="index">Home</a>
59+
</li>
60+
<li class="nav-item">
61+
<a class="nav-link" href="schedule">Schedule</a>
62+
</li>
63+
<li class="nav-item">
64+
<a class="nav-link" href="archive">Archive</a>
65+
</li>
66+
<li class="nav-item active">
67+
<a class="nav-link" href="leaderboard">Leaderboard</a>
68+
</li>
69+
<li class="nav-item">
70+
<a class="nav-link" href="contact">Contact</a>
71+
</li>
72+
</ul>
73+
</div>
74+
</nav>
75+
76+
<div id="Schedule" class="container">
77+
<div class="row">
78+
<div class="col-10 offset-1">
79+
<h1>Leaderboard</h1>
80+
<h3>⚠️ This section is still being developed!</h3>
81+
<p>All winners of previous Code Hackathons will be listed here soon. Stay tuned!</p>
82+
<p>Meanwhile, check the <code><a href="schedule">Schedule</a></code> for upcoming events:</p>
83+
</div>
84+
</div>
85+
</div>
86+
87+
<div id="suggestion-grid" class="container">
88+
<div class="row">
89+
<div class="col-10 offset-1">
90+
<a href="schedule">
91+
<div id="suggest-one" class="suggestion-card">
92+
<h3>🗓️ Schedule</h3>
93+
<h5>Save the date</h5>
94+
</div>
95+
</a>
96+
</div>
97+
</div>
98+
</div>
99+
</div>
100+
101+
<footer id="End-Game" class="container-fluid">
102+
<div class="container">
103+
<div class="row">
104+
<div class="col-sm-10 offset-sm-1 col-md-10 offset-md-1 col-lg-10 offset-lg-1">
105+
<h2>Questions? We'd be happy to help! <a href="contact" class="btn">Contact Us</a></h2>
106+
</div>
107+
</div>
108+
</div>
109+
</footer>
110+
111+
<!-- Bootstrap core JavaScript -->
112+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
113+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
114+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
115+
116+
<script>
117+
$(function () {
118+
var navbar = $(".navbar")
119+
var topMenu = $("#PrimaryMenu"),
120+
topMenuHeight = topMenu.outerHeight() + 15,
121+
menuItems = topMenu.find("li a"),
122+
scrollItems = menuItems.map(function () {
123+
var item = $($(this).attr("href"));
124+
if (item.length) {
125+
return item;
126+
}
127+
});
128+
129+
// Close navbar on click
130+
$('.nav-link').on('click', function () {
131+
$('.navbar-collapse').collapse('hide');
132+
});
133+
});
134+
</script>
135+
136+
</body>
137+
</html>

0 commit comments

Comments
 (0)