Skip to content

Commit 0e7d720

Browse files
committed
Navigation bar and placeholder - before sorting out CI
1 parent ea0a989 commit 0e7d720

File tree

9 files changed

+104
-10
lines changed

9 files changed

+104
-10
lines changed

README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,5 @@
11
# CoderDojo RISE
2+
3+
## TODO
4+
5+
The website will slowly be migrated to Jekyll, there are a few things that have to be produced in order to achieve this.

src/_data/navbar.yml

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
logo: /assets/images/logo_150px.png
2+
links:
3+
4+
- title: About Us
5+
tooltip: Learn more about the team behind CoderDojo RISE.
6+
url: /about-us
7+
8+
- title: Attend A Dojo
9+
tooltip: Check our next events.
10+
url: /attend-a-dojo
11+
12+
- title: Volunteer
13+
tooltip: Come volunteer at CoderDojo RISE in London.
14+
url: /volunteer
15+
16+
- title: Resources
17+
tooltip: Learn to code using CoderDojo RISE's resources for free!
18+
url: /resources
19+
20+
- title: Supporters
21+
tooltip: Find out more about our amazing supporters.
22+
url: /supporters
23+
24+
- title: Community
25+
tooltip: Come join our awesome community!
26+
url: /community

src/_includes/navbar.html

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<nav class="navbar navbar-default navbar-fixed-top">
2+
<div class="container">
3+
<div class="navbar-header">
4+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#cd-london-navbar-collapse" aria-expanded="false">
5+
<span class="sr-only">Toggle navigation</span>
6+
<span class="icon-bar"></span>
7+
<span class="icon-bar"></span>
8+
<span class="icon-bar"></span>
9+
</button>
10+
<a class="navbar-brand" href="/">
11+
<img class="logo" src="{{ site.data.navbar.logo }}"/>
12+
</a>
13+
</div>
14+
15+
<div class="collapse navbar-collapse" id="cd-london-navbar-collapse">
16+
<ul class="nav navbar-nav navbar-right">
17+
{% for item in site.data.navbar.links %}
18+
<!-- <li class="about-us" title="{{ item.tooltip }}">
19+
<a href="{{ item.url | relative_url }}">{{ item.title }}</a>
20+
</li> -->
21+
{% endfor %}
22+
</ul>
23+
</div>
24+
</div>
25+
</nav>

src/_layouts/master.html

Lines changed: 24 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,35 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
54
<title>{{ page.title }}</title>
6-
<link rel="stylesheet" href="{{ '/css/master.css' | relative_url }}" />
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="icon" type="image/png" href="/assets/favicon.png" />
8+
9+
<!-- Stylesheets -->
10+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
11+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/paper/bootstrap.min.css" />
12+
<link rel="stylesheet" href="{{ '/assets/css/master.css' | relative_url }}" />
713
</head>
814
<body>
15+
<div class="header-container">
16+
{% include navbar.html %}
17+
</div>
18+
<div class="container breadcrumbs-element">
19+
<ol class="breadcrumb">
20+
<li class="active">
21+
<a href="/" title="Home">
22+
Home
23+
</a>
24+
</li>
25+
</ol>
26+
</div>
927
<div class="container">
1028
{{ content }}
1129
</div>
30+
<!-- Scripts -->
31+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
32+
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
33+
<script type="text/javascript" src="{{ '/assets/js/scripts.js' | relative_url }}"></script>
1234
</body>
1335
</html>

src/assets/css/master.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
---
3+
// Write Sass from this line
4+
5+
body {}
6+
7+
.header-container {
8+
padding-top: 70px;
9+
}
10+
11+
nav {
12+
height: 120px;
13+
}

src/assets/images/logo_150px.png

10.5 KB
Loading

src/assets/js/scripts.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
$(document).ready(function()
2+
{
3+
console.log('hello!');
4+
});

src/css/master.scss

Lines changed: 0 additions & 7 deletions
This file was deleted.

src/index.html

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,13 @@
11
---
22
title: CoderDojo RISE
33
layout: master
4+
breadcrumb: {123}
45
---
56

6-
<h1>Hello!!</h1>
7+
<div class="well">
8+
<h1>New website coming soon!</h1>
9+
<p>Thank you for your interest, the new website will be deployed to GitHub pages soon, and you are free to contribute!</p>
10+
<p>Send a tweet to @Carlos_Tweets for more information.</p>
11+
12+
<h3><em>Be cool!</em></h3>
13+
</div>

0 commit comments

Comments
 (0)