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)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy