Skip to content

Commit 54dcb50

Browse files
razziusrazzius
committed
starting point for website, mocked up resources
1 parent 7f41a26 commit 54dcb50

File tree

10 files changed

+345
-26
lines changed

10 files changed

+345
-26
lines changed

‎_template.html

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="codetswana home page">
8+
<link rel="shortcut icon" href="favicon.ico">
9+
10+
<title>codetwana</title>
11+
12+
<!-- Bootstrap core CSS -->
13+
<link href="css/bootstrap.min.css" rel="stylesheet">
14+
15+
<!-- Custom styles for this template -->
16+
<link href="css/main.css" rel="stylesheet">
17+
18+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19+
<script src="js/ie10-viewport-bug-workaround.js"></script>
20+
21+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22+
<!--[if lt IE 9]>
23+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
24+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
25+
<![endif]-->
26+
</head>
27+
28+
<body>
29+
30+
<div class="site-wrapper">
31+
32+
<div class="site-wrapper-inner">
33+
34+
<div class="cover-container">
35+
36+
<div class="masthead clearfix">
37+
<div class="inner">
38+
<!-- razzi: this is where the logo should go -->
39+
<h3 class="masthead-brand">codetswana</h3>
40+
<ul class="nav masthead-nav">
41+
{{ set active page }}
42+
<li class="active"><a href="/">Home</a></li>
43+
<li><a href="schedule.html">Schedule</a></li>
44+
<li><a href="resources.html">Resources</a></li>
45+
<li><a href="about.html">About</a></li>
46+
</ul>
47+
</div>
48+
</div>
49+
50+
<div class="inner cover">
51+
{{ content }}
52+
</div>
53+
54+
<div class="mastfoot">
55+
<div class="inner row">
56+
<div class="col-md-2 col-md-offset-4">
57+
<img src="img/github.png">
58+
<img src="img/facebook.png">
59+
</div>
60+
<div class="col-md-2">
61+
&copy; 2014</span>
62+
</div>
63+
</div>
64+
</div>
65+
66+
</div>
67+
68+
</div>
69+
70+
</div>
71+
72+
<!-- Bootstrap core JavaScript -->
73+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
74+
<script src="js/bootstrap.min.js"></script>
75+
{{ scripts }}
76+
</body>
77+
</html>

‎about-us.html

Whitespace-only changes.

‎about.html

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="codetswana home page">
8+
<link rel="shortcut icon" href="favicon.ico">
9+
10+
<title>codetwana</title>
11+
12+
<!-- Bootstrap core CSS -->
13+
<link href="css/bootstrap.min.css" rel="stylesheet">
14+
15+
<!-- Custom styles for this template -->
16+
<link href="css/main.css" rel="stylesheet">
17+
18+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19+
<script src="js/ie10-viewport-bug-workaround.js"></script>
20+
21+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22+
<!--[if lt IE 9]>
23+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
24+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
25+
<![endif]-->
26+
</head>
27+
28+
<body>
29+
30+
<div class="site-wrapper">
31+
32+
<div class="site-wrapper-inner">
33+
34+
<div class="cover-container">
35+
36+
<div class="masthead clearfix">
37+
<div class="inner">
38+
<!-- razzi: this is where the logo should go -->
39+
<h3 class="masthead-brand">codetswana</h3>
40+
<ul class="nav masthead-nav">
41+
<li><a href="/">Home</a></li>
42+
<li><a href="schedule.html">Schedule</a></li>
43+
<li><a href="resources.html">Resources</a></li>
44+
<li class="active"><a href="about.html">About</a></li>
45+
</ul>
46+
</div>
47+
</div>
48+
49+
<div class="inner cover">
50+
<p class="lead inner">codetswana was founded in 2014 to promote global innovation.</p>
51+
<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? Code to an <a href="schedule.html">event</a> or <a href="mailto:[email protected]">email [email protected]</a>.</p>
52+
53+
<p class="lead inner">Our Partners</p>
54+
<div class="row">
55+
<img href="http://ub.bw" src="http://www.ub.bw/images/UB-logo.png">
56+
<img href="http://www.bih.co.bw/" src="http://www.bih.co.bw/images/bih.jpg">
57+
</div>
58+
</div>
59+
60+
<div class="mastfoot">
61+
<div class="inner row">
62+
<div class="col-md-2 col-md-offset-4">
63+
<img src="img/github.png">
64+
<img src="img/facebook.png">
65+
</div>
66+
<div class="col-md-2">
67+
&copy; 2014</span>
68+
</div>
69+
</div>
70+
</div>
71+
72+
</div>
73+
74+
</div>
75+
76+
</div>
77+
78+
<!-- Bootstrap core JavaScript -->
79+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
80+
<script src="js/bootstrap.min.js"></script>
81+
{{ scripts }}
82+
</body>
83+
</html>

‎css/main.css

Lines changed: 12 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -6,17 +6,14 @@
66
a,
77
a:focus,
88
a:hover {
9-
color: #fff;
9+
color: #444;
1010
}
1111

1212
/* Custom default button */
1313
.btn-default,
1414
.btn-default:hover,
1515
.btn-default:focus {
1616
color: #333;
17-
text-shadow: none; /* Prevent inheritence from `body` */
18-
background-color: #fff;
19-
border: 1px solid #fff;
2017
}
2118

2219

@@ -27,14 +24,9 @@ a:hover {
2724
html,
2825
body {
2926
height: 100%;
30-
background-color: #333;
3127
}
3228
body {
33-
color: #fff;
3429
text-align: center;
35-
text-shadow: 0 1px 3px rgba(0,0,0,.5);
36-
-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
37-
box-shadow: inset 0 0 100px rgba(0,0,0,.5);
3830
}
3931

4032
/* Extra markup and styles for table-esque vertical and horizontal centering */
@@ -62,6 +54,7 @@ body {
6254
/*
6355
* Header
6456
*/
57+
6558
.masthead-brand {
6659
margin-top: 10px;
6760
margin-bottom: 10px;
@@ -77,22 +70,18 @@ body {
7770
padding-right: 0;
7871
padding-left: 0;
7972
font-size: 16px;
80-
font-weight: bold;
81-
color: #fff; /* IE8 proofing */
82-
color: rgba(255,255,255,.75);
8373
border-bottom: 2px solid transparent;
8474
}
8575
.masthead-nav > li > a:hover,
8676
.masthead-nav > li > a:focus {
8777
background-color: transparent;
8878
border-bottom-color: #a9a9a9;
89-
border-bottom-color: rgba(255,255,255,.25);
9079
}
9180
.masthead-nav > .active > a,
9281
.masthead-nav > .active > a:hover,
9382
.masthead-nav > .active > a:focus {
94-
color: #fff;
95-
border-bottom-color: #fff;
83+
color: #555;
84+
border-bottom-color: #555;
9685
}
9786

9887
@media (min-width: 768px) {
@@ -122,11 +111,6 @@ body {
122111
* Footer
123112
*/
124113

125-
.mastfoot {
126-
color: #999; /* IE8 proofing */
127-
color: rgba(255,255,255,.5);
128-
}
129-
130114

131115
/*
132116
* Affix and center
@@ -161,3 +145,11 @@ body {
161145
width: 700px;
162146
}
163147
}
148+
149+
.cover {
150+
margin-top: 50px;
151+
}
152+
153+
.event {
154+
text-align: left;
155+
}

‎img/facebook.png

467 Bytes
Loading

‎img/github.png

746 Bytes
Loading

‎img/ostriches.jpg

216 KB
Loading

‎index.html

Lines changed: 15 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -41,22 +41,31 @@ <h3 class="masthead-brand">codetswana</h3>
4141
<li class="active"><a href="/">Home</a></li>
4242
<li><a href="schedule.html">Schedule</a></li>
4343
<li><a href="resources.html">Resources</a></li>
44-
<li><a href="about-us.html">About Us</a></li>
44+
<li><a href="about.html">About</a></li>
4545
</ul>
4646
</div>
4747
</div>
4848

4949
<div class="inner cover">
50-
<h1 class="cover-heading">Cover your page.</h1>
51-
<p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
50+
<h1 class="cover-heading">Empowering Botswana developers and entrepreneurs.</h1>
51+
<br>
52+
<br>
53+
<p class="lead event"><a href="https://www.facebook.com/events/312373398887377/?context=create&source=49">Tuesday 3 June: Introductory Developer Meeting at UB</a></p>
54+
<p class="lead event" title="Event Coming Soon">Friday 6 June: Structuring and Deploying Applications</p>
5255
<p class="lead">
53-
<a href="/about.html" class="btn btn-lg btn-default">Learn more</a>
56+
<a href="/schedule.html" class="btn btn-lg btn-default">Full Schedule</a>
5457
</p>
5558
</div>
5659

5760
<div class="mastfoot">
58-
<div class="inner">
59-
<p>&copy; 2014</p>
61+
<div class="inner row">
62+
<div class="col-md-2 col-md-offset-4">
63+
<img src="img/github.png">
64+
<img src="img/facebook.png">
65+
</div>
66+
<div class="col-md-2">
67+
&copy; 2014</span>
68+
</div>
6069
</div>
6170
</div>
6271

‎resources.html

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta name="description" content="codetswana home page">
8+
<link rel="shortcut icon" href="favicon.ico">
9+
10+
<title>codetwana</title>
11+
12+
<!-- Bootstrap core CSS -->
13+
<link href="css/bootstrap.min.css" rel="stylesheet">
14+
15+
<!-- Custom styles for this template -->
16+
<link href="css/main.css" rel="stylesheet">
17+
18+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
19+
<script src="js/ie10-viewport-bug-workaround.js"></script>
20+
21+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
22+
<!--[if lt IE 9]>
23+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
24+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
25+
<![endif]-->
26+
</head>
27+
28+
<body>
29+
30+
<div class="site-wrapper">
31+
32+
<div class="site-wrapper-inner">
33+
34+
<div class="cover-container">
35+
36+
<div class="masthead clearfix">
37+
<div class="inner">
38+
<!-- razzi: this is where the logo should go -->
39+
<h3 class="masthead-brand">codetswana</h3>
40+
<ul class="nav masthead-nav">
41+
<li><a href="/">Home</a></li>
42+
<li><a href="schedule.html">Schedule</a></li>
43+
<li class="active"><a href="resources.html">Resources</a></li>
44+
<li><a href="about.html">About</a></li>
45+
</ul>
46+
</div>
47+
</div>
48+
49+
<div class="inner cover">
50+
This is where we will be posting useful tutorials and content. Stay tuned!
51+
</div>
52+
53+
<div class="mastfoot">
54+
<div class="inner row">
55+
<div class="col-md-2 col-md-offset-4">
56+
<img src="img/github.png">
57+
<img src="img/facebook.png">
58+
</div>
59+
<div class="col-md-2">
60+
&copy; 2014</span>
61+
</div>
62+
</div>
63+
</div>
64+
65+
</div>
66+
67+
</div>
68+
69+
</div>
70+
71+
<!-- Bootstrap core JavaScript -->
72+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
73+
<script src="js/bootstrap.min.js"></script>
74+
{{ scripts }}
75+
</body>
76+
</html>

0 commit comments

Comments
 (0)