Skip to content

Commit eed9760

Browse files
razziusrazzius
committed
refactor layout, add news page
1 parent 1ff3507 commit eed9760

9 files changed

+175
-172
lines changed

‎_config.yml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
defaults:
2+
-
3+
scope:
4+
path: ""
5+
values:
6+
layout: "default"
7+
8+
markdown: rdiscount

‎_includes/footer.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<div class="mastfoot">
22
<div class="inner row">
33
<div class="col-md-3 col-md-offset-4">
4-
<a href="https://github.com/codetswana"><img src="img/github.png"></a>
5-
<a href="https://www.facebook.com/groups/codetswana"><img src="img/facebook.png"></a>
6-
<a href="https://twitter.com/codetswana"><img src="img/twitter.png"></a>
4+
<a href="https://github.com/codetswana"><img src="/img/github.png"></a>
5+
<a href="https://www.facebook.com/groups/codetswana"><img src="/img/facebook.png"></a>
6+
<a href="https://twitter.com/codetswana"><img src="/img/twitter.png"></a>
77
</div>
88
<div class="col-md-2">
99
&copy; 2014</span>

‎_layouts/default.html

Lines changed: 49 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010
<title>{{ page.title }}</title>
1111

1212
<!-- Bootstrap core CSS -->
13-
<link href="css/bootstrap.min.css" rel="stylesheet">
13+
<link href="/css/bootstrap.min.css" rel="stylesheet">
1414

1515
<!-- Custom styles for this template -->
16-
<link href="css/main.css" rel="stylesheet">
16+
<link href="/css/main.css" rel="stylesheet">
1717

1818
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19-
<script src="js/ie10-viewport-bug-workaround.js"></script>
19+
<script src="/js/ie10-viewport-bug-workaround.js"></script>
2020

2121
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
2222
<!--[if lt IE 9]>
@@ -26,6 +26,51 @@
2626
</head>
2727

2828
<body>
29-
{{ content }}
29+
<div class="site-wrapper">
30+
31+
<div class="site-wrapper-inner">
32+
33+
<div class="cover-container">
34+
35+
<div class="masthead clearfix">
36+
<div class="inner">
37+
<h3 class="masthead-brand"><a href="/">codetswana</a></h3>
38+
<ul class="nav masthead-nav">
39+
40+
{% if page.title == "resources" %}
41+
<li class="active"><a href="/resources.html">resources</a></li>
42+
{% else %}
43+
<li><a href="/resources.html">resources</a></li>
44+
{% endif %}
45+
46+
{% if page.title == "schedule" %}
47+
<li class="active"><a href="/schedule.html">schedule</a></li>
48+
{% else %}
49+
<li><a href="/schedule.html">schedule</a></li>
50+
{% endif %}
51+
52+
{% if page.title == "news" %}
53+
<li class="active"><a href="/news.html">news</a></li>
54+
{% else %}
55+
<li><a href="/news.html">news</a></li>
56+
{% endif %}
57+
58+
{% if page.title == "about" %}
59+
<li class="active"><a href="/about.html">about</a></li>
60+
{% else %}
61+
<li><a href="/about.html">about</a></li>
62+
{% endif %}
63+
64+
</ul>
65+
</div>
66+
</div>
67+
68+
{{ content }}
69+
70+
{% include footer.html %}
71+
72+
</div>
73+
</div>
74+
</div>
3075
</body>
3176
</html>

‎_posts/2014-06-04-online_learning_resources.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
title: Online Learning Resources
3+
summary: Razzi and Alex present free websites where you can improve your skills as a developer.
4+
---
5+
6+
## Free Online Learning Resources:
7+
8+
<div class="inner cover">
9+
<table class="table table-striped">
10+
<tr>
11+
<td><a href="http://www.codecademy.com">Codecademy</a></td>
12+
<td>Good for programming practice and learning new technologies</td>
13+
</tr>
14+
<tr>
15+
<td><a href="http://www.microsoftvirtualacademy.com">Microsoft Virtual Academy</a></td>
16+
<td>Up-to-date courses on Microsoft technologies</td>
17+
</tr>
18+
<tr>
19+
<td><a href="http://www.udacity.com">Udacity</a></td>
20+
<td>High-quality video courses taught by Stanford and Google</td>
21+
</tr>
22+
<tr>
23+
<td><a href="http://www.thecodeplayer.com">thecodeplayer.com</a></td>
24+
<td>A fun way to learn html, css, and javascript</td>
25+
</tr>
26+
</table>
27+
28+
<br>
29+
<h4>Slides</h4>
30+
<div class="row">
31+
<div class="col-md-4"><a href="https://speakerdeck.com/codetswana/microsoft-virtual-academy"><img class="img-responsive" src="/img/mva.png"></a></div>
32+
<a href="https://speakerdeck.com/codetswana/channel-9" class="col-md-4"><img class="img-responsive" src="/img/channel9.png"></a>
33+
<a href="http://slides.com/razzi/deck-2#/" class="col-md-4"><img class="img-responsive" src="/img/first_developer_meeting.png"></a>
34+
</div>
35+
<h3><a href="https://github.com/codetswana/4_june_demos">4 June Code Samples</a></h3>
36+
37+
</div>

‎about.html

Lines changed: 9 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,13 @@
11
---
2-
layout: default
32
title: codetswana | schedule
43
---
5-
6-
<div class="site-wrapper">
7-
8-
<div class="site-wrapper-inner">
9-
10-
<div class="cover-container">
11-
12-
<div class="masthead clearfix">
13-
<div class="inner">
14-
<!-- razzi: this is where the logo should go -->
15-
<h3 class="masthead-brand">codetswana</h3>
16-
<ul class="nav masthead-nav">
17-
<li><a href="/">Home</a></li>
18-
<li><a href="schedule.html">Schedule</a></li>
19-
<li><a href="resources.html">Resources</a></li>
20-
<li class="active"><a href="about.html">About</a></li>
21-
</ul>
22-
</div>
23-
</div>
24-
25-
<div class="inner cover">
26-
<h4 class="inner">codetswana was founded in 2014 to promote global innovation.</h4>
27-
<p>Our goal is to build a community of developers and entrepreneurs who can solve problems and create value through technology. Want to get involved? Come to an <a href="schedule.html">event</a> or <a href="mailto:[email protected]">email [email protected]</a>.</p>
28-
29-
<h4 class="inner">Our Partners</h4>
30-
<div class="row">
31-
<img href="http://ub.bw" src="http://www.ub.bw/images/UB-logo.png">
32-
<img href="http://www.bih.co.bw/" src="http://www.bih.co.bw/images/bih.jpg">
33-
</div>
34-
</div>
35-
36-
{% include footer.html %}
37-
</div>
38-
4+
<div class="inner cover">
5+
<h4 class="inner">codetswana was founded in 2014 to promote global innovation.</h4>
6+
<p>Our goal is to build a community of developers and entrepreneurs who can solve problems and create value through technology. Want to get involved? Come to an <a href="schedule.html">event</a> or <a href="mailto:[email protected]">email [email protected]</a>.</p>
7+
8+
<h4 class="inner">Our Partners</h4>
9+
<div class="row">
10+
<img href="http://ub.bw" src="http://www.ub.bw/images/UB-logo.png">
11+
<img href="http://www.bih.co.bw/" src="http://www.bih.co.bw/images/bih.jpg">
3912
</div>
40-
41-
</div>
13+
</div>

‎index.html

Lines changed: 9 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,13 @@
11
---
2-
layout: default
3-
title: codetswana | home
2+
title: home
43
---
54

6-
<div class="site-wrapper">
7-
8-
<div class="site-wrapper-inner">
9-
10-
<div class="cover-container">
11-
12-
<div class="masthead clearfix">
13-
<div class="inner">
14-
<!-- razzi: this is where the logo should go -->
15-
<h3 class="masthead-brand">codetswana</h3>
16-
<ul class="nav masthead-nav">
17-
<li class="active"><a href="/">Home</a></li>
18-
<li><a href="schedule.html">Schedule</a></li>
19-
<li><a href="resources.html">Resources</a></li>
20-
<li><a href="about.html">About</a></li>
21-
</ul>
22-
</div>
23-
</div>
24-
25-
<div class="inner cover">
26-
<img src="img/logo.png">
27-
<h1 class="cover-heading">Empowering Botswana developers and entrepreneurs.</h1>
28-
<br>
29-
<!-- <p class="lead event"><a href="https://www.facebook.com/events/536160949839993/">Tuesday 17 June: Deploying Web Applications</a> -->
30-
<p class="lead event" title="Event Coming Soon">Thursday 19 June: HTML5 and the Modern Web</p>
31-
<p class="lead">
32-
<a href="/schedule.html" class="btn btn-lg btn-default">Full Schedule</a>
33-
</p>
34-
</div>
35-
36-
{% include footer.html %}
37-
</div>
38-
39-
</div>
40-
5+
<div class="inner cover">
6+
<img src="img/logo.png">
7+
<h1 class="cover-heading">Empowering developers and entrepreneurs in Botswana.</h1>
8+
<br>
9+
<p class="lead event" title="Event Coming Soon">Thursday 19 June: HTML5 and the Modern Web</p>
10+
<p class="lead">
11+
<a href="schedule" class="btn btn-lg btn-default">Full Schedule</a>
12+
</p>
4113
</div>

‎news.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
---
2+
title: news
3+
---
4+
5+
<div class="inner cover">
6+
7+
{% for post in site.posts %}
8+
9+
<h2>{{ post.date | date_to_string }} <a href="{{ post.url }}">{{ post.title }}</a></h2>
10+
<p>{{ post.summary }}</p>
11+
<br>
12+
13+
{% endfor %}
14+
15+
</div>

‎resources.html

Lines changed: 40 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,61 +1,43 @@
11
---
2-
layout: default
3-
title: codetswana | resources
2+
title: resources
43
---
5-
<div class="site-wrapper">
64

7-
<div class="site-wrapper-inner">
8-
9-
<div class="cover-container">
10-
11-
<div class="masthead clearfix">
12-
<div class="inner">
13-
<!-- razzi: this is where the logo should go -->
14-
<h3 class="masthead-brand">codetswana</h3>
15-
<ul class="nav masthead-nav">
16-
<li><a href="/">Home</a></li>
17-
<li><a href="schedule.html">Schedule</a></li>
18-
<li class="active"><a href="resources.html">Resources</a></li>
19-
<li><a href="about.html">About</a></li>
20-
</ul>
21-
</div>
22-
</div>
23-
24-
<div class="inner cover">
25-
<h3>Free Online Learning Resources:</h3>
26-
<table class="table table-striped">
27-
<tr>
28-
<td><a href="http://www.codecademy.com">Codecademy</a></td>
29-
<td>Good for programming practice and learning new technologies</td>
30-
</tr>
31-
<tr>
32-
<td><a href="http://www.microsoftvirtualacademy.com">Microsoft Virtual Academy</a></td>
33-
<td>Up-to-date courses on Microsoft technologies</td>
34-
</tr>
35-
<tr>
36-
<td><a href="http://www.udacity.com">Udacity</a></td>
37-
<td>High-quality video courses taught by Stanford and Google</td>
38-
</tr>
39-
<tr>
40-
<td><a href="http://www.thecodeplayer.com">thecodeplayer.com</a></td>
41-
<td>A fun way to learn html, css, and javascript</td>
42-
</tr>
43-
</table>
44-
<br>
45-
<h4>Slides</h4>
46-
<div class="row">
47-
<div class="col-md-4"><a href="https://speakerdeck.com/codetswana/microsoft-virtual-academy"><img class="img-responsive" src="img/mva.png"></a></div>
48-
<a href="https://speakerdeck.com/codetswana/channel-9" class="col-md-4"><img class="img-responsive" src="img/channel9.png"></a>
49-
<a href="http://slides.com/razzi/deck-2#/" class="col-md-4"><img class="img-responsive" src="img/first_developer_meeting.png"></a>
50-
</div>
51-
<h3><a href="https://github.com/codetswana/4_june_demos">4 June Code Samples</a></h3>
52-
53-
</div>
54-
55-
{% include footer.html %}
56-
57-
</div>
58-
59-
</div>
60-
61-
</div>
5+
<h3>Free Online Learning Resources</h3>
6+
<table class="table table-striped">
7+
<tr>
8+
<td><a href="http://www.codecademy.com">Codecademy</a></td>
9+
<td>Good for programming practice and learning new technologies</td>
10+
</tr>
11+
<tr>
12+
<td><a href="http://www.microsoftvirtualacademy.com">Microsoft Virtual Academy</a></td>
13+
<td>Up-to-date courses on Microsoft technologies</td>
14+
</tr>
15+
<tr>
16+
<td><a href="http://www.udacity.com">Udacity</a></td>
17+
<td>High-quality video courses taught by Stanford and Google</td>
18+
</tr>
19+
<tr>
20+
<td><a href="http://www.thecodeplayer.com">thecodeplayer.com</a></td>
21+
<td>A fun way to learn html, css, and javascript</td>
22+
</tr>
23+
</table>
24+
25+
<br>
26+
27+
<h3>Web Application Frameworks</h3>
28+
<table class="table table-striped">
29+
<tr>
30+
<td><a href="http://www.djangoproject.com">Django</a></td>
31+
<td>A popular Python web framework with good support for databases.</td>
32+
</tr>
33+
</table>
34+
35+
<br>
36+
37+
<h3>Server Deployment Platforms</h3>
38+
<table class="table table-striped">
39+
<tr>
40+
<td><a href="http://www.heroku.com">Heroku</a></td>
41+
<td>Server platform supporting a variety of languages. Free for one server.</td>
42+
</tr>
43+
</table>

0 commit comments

Comments
 (0)