Skip to content

Commit 4cf87da

Browse files
ajitzeroajitzero
committed
Removed Navbar hidden mode
1 parent 7eee978 commit 4cf87da

File tree

4 files changed

+21
-50
lines changed

4 files changed

+21
-50
lines changed

‎index.html‎

Lines changed: 14 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,15 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
6+
77
<!-- OpenGraph tags -->
88
<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.">
99
<meta property="og:image" content="https://codehackathon.github.io/assets/brand/main-logo.png">
1010
<meta property="og:site_name" content="Code Hackathon">
1111
<meta property="og:title" content="Code Hackathon">
1212
<meta property="og:type" content="website">
1313
<meta property="og:url" content="https://codehackathon.github.io/">
14-
14+
1515
<!-- Favicon & Theme -->
1616
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/apple-icon-114x114.png">
1717
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/apple-icon-120x120.png">
@@ -30,28 +30,28 @@
3030
<meta name="msapplication-TileColor" content="#12002D">
3131
<meta name="msapplication-TileImage" content="assets/favicon/ms-icon-144x144.png">
3232
<meta name="theme-color" content="#12002D">
33-
33+
3434
<title>Code Hackathon · GITAM</title>
35-
35+
3636
<!-- Bootstrap core CSS -->
3737
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
38-
38+
3939
<!-- Custom CSS -->
4040
<link href="style.css" rel="stylesheet">
4141
</head>
4242

4343
<body>
4444
<div id="wrapper" class="container-fluid">
4545
<!-- Navigation section -->
46-
<nav class="navbar navbar-expand-xl fixed-top hidden-nav">
46+
<nav class="navbar navbar-expand-xl fixed-top">
4747
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#PrimaryMenu" aria-controls="menu" aria-expanded="false" aria-label="Toggle Navigation">
4848
<span class="navbar-toggler-icon"></span>
4949
</button>
5050

5151
<a class="navbar-brand" href="index.html">
5252
<img class="d-inline-block align-top" src="./assets/brand/main-logo.png" alt="Code Hackathon">
5353
</a>
54-
54+
5555
<div id="PrimaryMenu" class="collapse navbar-collapse">
5656
<ul class="navbar-nav ml-auto">
5757
<li class="nav-item active">
@@ -72,10 +72,10 @@
7272
</ul>
7373
</div>
7474
</nav>
75-
75+
7676
<div id="Home" class="container-fluid">
7777
<div class="row">
78-
<div class="intro-content col-8 offset-2 col-md-6 offset-md-3 d-flex justify-content-center align-items-center flex-column">
78+
<div class="intro-content col-sm-10 offset-sm-1 col-md-6 offset-md-3 d-flex justify-content-center align-items-center flex-column">
7979
<div>
8080
<img id="landing-logo" src="./assets/brand/main-logo-sq.png" alt="CSI Logo">
8181
</div>
@@ -99,7 +99,7 @@ <h3>We are a team of students in GITAM that aim to promote coding as being fun,
9999
<div class="col-sm-10 offset-sm-1 col-md-5 offset-md-1 col-lg-6 offset-lg-0">
100100
<h2>Mission</h2>
101101
<p>To develop a community of people that <code>💜</code> to <code>code</code> and enhance their knowledge through practice, collaboration and sharing!</p>
102-
102+
103103
<h2>How do we do it?</h2>
104104
<ul>
105105
<li>Challenges are placed in an online interface and must be solved in a specified interval of time.</li>
@@ -110,14 +110,14 @@ <h2>How do we do it?</h2>
110110
<li>The <code>2</code> highest scorers are given gifts in collaboration with the Head of Department (CSE).</li>
111111
</ul>
112112
</div>
113-
113+
114114
<div class="col-sm-10 offset-sm-1 col-md-5 offset-md-0 col-lg-6">
115115
<h2>Where is this event organised?</h2>
116116
<p>🖥️ The event itself is organised in the labs of the Department of CSE, however the specific details of the room numbers will be provided within <code>2-3 days</code> of organising the contest.</p>
117117

118118
<h2>How do you find out more?</h2>
119119
<p>📌 Information will be sent to you via text or through your AMC &amp; Class Representative. We also put up information on various notice boards throughout ICT building and the G-Notice board.</p>
120-
120+
121121
<h2>Where can I start practicing?</h2>
122122
<p>🎲 There are several online resources where you can get started: <code><a href="https://www.hackerrank.com/" target="blank">HackerRank</a>, <a href="https://www.hackerearth.com/" target="blank">HackerEarth</a>, <a href="https://www.geeksforgeeks.org/" target="blank">GeeksforGeeks</a>, <a href="https://www.codechef.com/" target="blank">CodeChef</a>, <a href="http://codeforces.com/" target="blank">Codeforces</a>, <a href="https://www.spoj.com/" target="blank">SPOJ</a> &amp; <a href="https://www.topcoder.com/" target="blank">TopCoder</a></code></p>
123123
</div>
@@ -158,29 +158,11 @@ <h2>Questions? We'd be happy to help! <a href="contact" class="btn">Contact Us</
158158
</div>
159159
</div>
160160
</footer>
161-
161+
162162
<!-- Bootstrap core JavaScript -->
163163
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
164164
<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>
165165
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
166-
167-
<script>
168-
$(function () {
169-
var navbar = $(".navbar");
170-
$(window).on("scroll", function () {
171-
// bring navbar into view
172-
if ($(this).scrollTop() >= 50) {
173-
navbar.css({
174-
'margin-top': '0'
175-
});
176-
} else {
177-
navbar.css({
178-
'margin-top': '-150vh'
179-
});
180-
}
181-
});
182-
});
183-
</script>
184-
166+
185167
</body>
186168
</html>

‎sass/navbar.sass‎

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,15 @@
22

33
// Custom navbar settings
44
.navbar
5-
background: -moz-linear-gradient(-135deg, $primary-dark 0%, $primary-dark 55%, #8132ff 100%)
6-
background: -webkit-linear-gradient(-135deg, $primary-dark 0%,$primary-dark 55%,#8132ff 100%)
75
background: $primary-dark
86
background: linear-gradient(-135deg, $primary-dark 0%,$primary-dark 55%,#8132ff 100%)
97
box-shadow: 0 0 100px rgba($off-dark, 0.5)
108
text-align: center
119
transition: all 0.3s ease
12-
&.hidden-nav
13-
box-shadow: 0 0 100px rgba($off-light, 0.5)
14-
margin-top: -150vh
1510
@media( #{$bp-md})
16-
background: -moz-linear-gradient(15deg, $primary-dark 0%, $primary-dark 55%, #8132ff 100%)
17-
background: -webkit-linear-gradient(15deg, $primary-dark 0%,$primary-dark 55%,#8132ff 100%)
1811
background: linear-gradient(15deg, $primary-dark 0%,$primary-dark 55%,#8132ff 100%)
1912
.navbar-brand img
2013
height: 60px
21-
// width: 60px
2214
.navbar-toggler
2315
border: none
2416
outline: none

‎sass/style.sass‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,9 @@ h1, h2, h3, h4, h5, h6
6363

6464
.intro-content
6565
min-height: 100vh
66-
padding: 3rem 0
66+
padding: 3rem
67+
& > div:first-child
68+
margin-top: 5rem
6769

6870
#landing-logo
6971
box-shadow: 0 0 100px rgba($off-light, 0.5)

‎style.css‎

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

0 commit comments

Comments
 (0)