Skip to content

Commit 0ed7bb3

Browse files
ajitzeroajitzero
committed
Finished Schedule page
- Added poster - Modified suggestion card for single card mode
1 parent 23d8bbe commit 0ed7bb3

File tree

4 files changed

+203
-36
lines changed

4 files changed

+203
-36
lines changed

‎assets/poster/w6.jpg‎

1.71 MB
Loading

‎sass/style.sass‎

Lines changed: 28 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -108,8 +108,12 @@ h1, h2, h3, h4, h5, h6
108108

109109
#suggestion-grid
110110
margin: 1rem auto 5rem
111-
text-align: right
111+
h3
112+
text-align: center
113+
margin-top: 1rem
114+
margin-bottom: 1rem
112115
.suggestion-card
116+
text-align: right
113117
display: block
114118
box-sizing: border-box
115119
padding: 6rem 2rem 2rem
@@ -127,34 +131,42 @@ h1, h2, h3, h4, h5, h6
127131
padding: 4rem 2rem
128132
width: 100%
129133
margin: 1rem auto
134+
#suggest-one
135+
width: 30%
136+
margin: 1rem 35%
137+
padding: 4rem 0
138+
text-align: center
139+
@media( #{$bp-sm})
140+
width: 100%
141+
margin: 1rem auto
130142

131-
#Schedule
132-
-webkit-animation-fill-mode: forwards
133-
-webkit-animation: backgroundScroll 30s ease-in-out infinite
134-
animation-fill-mode: forwards
135-
animation: backgroundScroll 30s ease-in-out infinite
136-
background-attachment: fixed
137-
background-color: $primary-light
138-
background-repeat: repeat
139-
h1, h3
140-
color: $primary-dark
141-
padding: 40px 0 0
142-
h1
143-
font-size: 4rem
144-
145-
#Contact
143+
#Schedule, #Contact
146144
margin-top: 12rem
147145
h1
148146
color: $primary-dark
149147
padding: 40px 0 0
150148
font-size: 4rem
149+
h3
150+
margin-top: 1rem
151+
margin-bottom: 2rem
151152
p
152153
font-size: 1.2rem
153154
margin: 2rem 0
154155
ul
155156
font-size: 1.2rem
156157
margin: 3rem 0 2rem -1rem
157158

159+
.poster
160+
width: 100%
161+
max-width: 960px
162+
display: block
163+
margin: 0 auto
164+
overflow: hidden
165+
box-shadow: 0 7px 15px rgba($off-dark, 0.3)
166+
transition: all .3s ease-in-out
167+
@media( #{$bp-md})
168+
border-radius: .5rem
169+
158170
#Team
159171
margin: 2rem 0 4rem
160172
.col-12

‎schedule.html‎

Lines changed: 136 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,136 @@
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>Schedule · 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 active">
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">
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>Schedule</h1>
80+
<h3>Up next: Week 6, on 22<sup>nd</sup> December, 2018</h3>
81+
</div>
82+
</div>
83+
</div>
84+
<img class="poster" src="assets/poster/w6.jpg" alt="Week 6 Code Hackathon Poster">
85+
<div id="suggestion-grid" class="container">
86+
<div class="row">
87+
<div class="col-10 offset-1">
88+
<h3>While you're waiting, check our previous problems:</h3>
89+
<a href="archive">
90+
<div id="suggest-one" class="suggestion-card">
91+
<h3>📚 Archive</h3>
92+
<h5>Previous Questions</h5>
93+
</div>
94+
</a>
95+
</div>
96+
</div>
97+
</div>
98+
</div>
99+
100+
<footer id="End-Game" class="container-fluid">
101+
<div class="container">
102+
<div class="row">
103+
<div class="col-sm-10 offset-sm-1 col-md-10 offset-md-1 col-lg-10 offset-lg-1">
104+
<h2>Questions? We'd be happy to help! <a href="contact" class="btn">Contact Us</a></h2>
105+
</div>
106+
</div>
107+
</div>
108+
</footer>
109+
110+
<!-- Bootstrap core JavaScript -->
111+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
112+
<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>
113+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
114+
115+
<script>
116+
$(function () {
117+
var navbar = $(".navbar")
118+
var topMenu = $("#PrimaryMenu"),
119+
topMenuHeight = topMenu.outerHeight() + 15,
120+
menuItems = topMenu.find("li a"),
121+
scrollItems = menuItems.map(function () {
122+
var item = $($(this).attr("href"));
123+
if (item.length) {
124+
return item;
125+
}
126+
});
127+
128+
// Close navbar on click
129+
$('.nav-link').on('click', function () {
130+
$('.navbar-collapse').collapse('hide');
131+
});
132+
});
133+
</script>
134+
135+
</body>
136+
</html>

‎style.css‎

Lines changed: 39 additions & 20 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)