Skip to content
This repository was archived by the owner on Aug 25, 2020. It is now read-only.

Commit 6590bb0

Browse files
author
Adam
committed
Zen development roadmap page
Capitalize 'Z' in Zen Remove strike through due to popular demand Small css changes Change GET request parameter remove jquery replace zen logo with coderdojo logo
1 parent 0443c4e commit 6590bb0

File tree

5 files changed

+139
-1
lines changed

5 files changed

+139
-1
lines changed

‎images/coderdojo-logo.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎images/favicon.ico‎

1.37 KB
Binary file not shown.

‎index.html‎

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,37 @@
1-
1+
<!doctype html>
2+
<head>
3+
<title>
4+
Roadmap | CoderDojo Zen
5+
</title>
6+
<meta name="description" content="CoderDojo Zen Roadmap">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
10+
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:200,300,400" type="text/css">
11+
<link rel="stylesheet" href="style.css" type="text/css">
12+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
13+
<link rel="shortcut icon" href="images/favicon.ico" />
14+
</head>
15+
<body class="container">
16+
<div class="jumbotron text-center">
17+
<a href="https://zen.coderdojo.com"><img src="images/coderdojo-logo.svg"></a>
18+
<h3>Zen features and development roadmap.</h3>
19+
<p>We are continually striving to improve Zen, to make it an even more valuable resource for the CoderDojo community.<br>
20+
The current issues with Zen are kept maintained <a class="blue" href="https://github.com/coderdojo/community-platform/issues">here.</a>
21+
If you wish to develop Zen, you can start <a class="blue" href="https://github.com/coderdojo/cp-local-development">here.</a>
22+
</p>
23+
<h4>Do you have a Zen feature request?</h4>
24+
<a class="btn btn-default blue" href="https://github.com/CoderDojo/community-platform/issues/new" role="button">If so, click me.</a>
25+
</div>
26+
<div class="content">
27+
<div class="col-lg-6 col-md-6 col-sm-6">
28+
<h4>Coming soon.</h4>
29+
<ul id="upcoming"><ul>
30+
</div>
31+
<div class="col-lg-6 col-md-6 col-sm-6">
32+
<h4>Recently completed.</h4>
33+
<ul id="completed"></ul>
34+
</div>
35+
</div>
36+
<script src="request.js"></script>
37+
</body>

‎request.js‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
(function(){
2+
3+
var date = new Date();
4+
date.setMonth(date.getMonth()-1)
5+
var base='https://api.github.com/repos/coderdojo/community-platform/issues?';
6+
var completed=base+'state=closed&since='+date;
7+
var upcoming=base+'labels=in+progress';
8+
9+
var getHttpClient = function() {
10+
this.get = function(url, cb) {
11+
var httpRequest = new XMLHttpRequest();
12+
httpRequest.onreadystatechange = function() {
13+
if (httpRequest.readyState == 4 && httpRequest.status == 200)
14+
cb(httpRequest.responseText);
15+
}
16+
httpRequest.open("GET", url, true);
17+
httpRequest.send(null);
18+
}
19+
}
20+
21+
client = new getHttpClient();
22+
client.get(upcoming, function(response) {
23+
var items = document.getElementById("upcoming");
24+
var parsed = JSON.parse(response);
25+
for(var i=0; i<parsed.length; i++){
26+
var item = document.createElement("li");
27+
item.innerHTML = '<span class="glyphicon glyphicon-plus-sign blue" aria-hidden="true"></span><a href='+parsed[i].html_url+'>'+parsed[i].title+'</a>';
28+
items.appendChild(item);
29+
}
30+
});
31+
32+
client.get(completed, function(response){
33+
var items = document.getElementById("completed");
34+
var parsed = JSON.parse(response);
35+
for(var i=0; i<parsed.length; i++){
36+
var item = document.createElement("li");
37+
item.innerHTML = '<span class="glyphicon glyphicon-ok-sign green" aria-hidden="true"></span><a href='+parsed[i].html_url+'>'+parsed[i].title+'</a>';
38+
items.appendChild(item);
39+
}
40+
})
41+
})();

‎style.css‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
ul {
2+
list-style-position: inside;
3+
}
4+
5+
h5 {
6+
display: inline-block;
7+
}
8+
9+
li{
10+
margin-bottom: 5%;
11+
list-style-type: none;
12+
}
13+
14+
body {
15+
font-family: 'Lato', sans-serif;
16+
font-weight: 300;
17+
background: #fff;
18+
padding: 0;
19+
letter-spacing: 1px;
20+
-webkit-font-smoothing: antialiased;
21+
-moz-osx-font-smoothing: grayscale;
22+
-webkit-font-smoothing: antialiased;
23+
width: 100%;
24+
}
25+
26+
.green{
27+
color:#49b749
28+
}
29+
30+
.blue{
31+
color:#0093d5;
32+
}
33+
34+
.jumbotron img{
35+
width:250px;
36+
}
37+
38+
.jumbotron{
39+
background-color: #f9f9f9;
40+
}
41+
42+
.content span{
43+
margin-right: 2.5%;
44+
}
45+
46+
.glyphicon {
47+
font-size: 25px;
48+
}
49+
50+
li span{
51+
vertical-align: middle;
52+
}
53+
54+
li a{
55+
vertical-align: middle;
56+
}
57+
58+
.content h4{
59+
padding-bottom: 3%;
60+
}

0 commit comments

Comments
 (0)