Skip to content

Commit 0764580

Browse files
WardormeurWardormeur
authored
Merge pull request #1 from adhorrig/roadmap-page
RoadMap page for Zen development
2 parents 0443c4e + 6590bb0 commit 0764580

File tree

5 files changed

+139
-1
lines changed

5 files changed

+139
-1
lines changed

‎images/coderdojo-logo.svg

+1
Loading

‎images/favicon.ico

1.37 KB
Binary file not shown.

‎index.html

+37-1
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

+41
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

+60
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)