Skip to content

Commit 76d9989

Browse files
author
Kristina Schneider
committed
re-structure css, add responsive grid, lots of layout tweaks
1 parent 868c0dc commit 76d9989

10 files changed

+605
-535
lines changed

‎_layouts/main.html

+132-13
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,134 @@
1-
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<meta charset='utf-8'>
5-
<meta http-equiv="X-UA-Compatible" content="chrome=1">
6-
<meta name="viewport" content="width=640" />
7-
<link rel="stylesheet" href="/stylesheets/core.css" media="screen"/>
8-
<link rel="stylesheet" href="/stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)"/>
9-
<title>{{ page.title }} – Open Tech School</title>
10-
</head>
11-
12-
<body>
1+
<!doctype html>
2+
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
3+
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
4+
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
5+
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6+
<head>
7+
<meta charset="utf-8">
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9+
10+
<title>OpenTechSchool – {{ page.title }}</title>
11+
<meta name="description" content="OpenTechSchool is a community initiative to provide programming and other tech-related workshops to women and their friends. We take care of the organizational side of things (venues, press, finding participants) and let our volunteer coaches to create the curriculum according to their vision. Our main goal is to create a friendly and safe learning environment where no one feels shy about asking any question. Everyone, no matter what their gender, skill level or experience, is invited to participate, whether as a coach or a learner">
12+
<meta name="author" content="OpenTechSchool">
13+
<link rel="icon" href="/favicon.ico" type="image/png">
14+
<meta name="viewport" content="width=device-width,initial-scale=1">
15+
16+
<!-- CSS concatenated and minified via ant build script-->
17+
<!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->
18+
19+
20+
<link rel="stylesheet" href="stylesheets/style.css?v=2">
21+
<link rel="stylesheet" href="/stylesheets/grid.css" media="screen"/>
22+
<link rel="stylesheet" href="/stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)"/>
23+
<link rel="stylesheet" href="/stylesheets/calendar.css" media="screen"/>
24+
25+
<!-- end CSS-->
26+
27+
<!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers-->
28+
<script type="text/javascript" src="js/css3-mediaqueries.js"></script>
29+
30+
31+
</head>
32+
33+
<body>
34+
35+
<header class="site_header">
36+
<div class="container">
37+
<div class="row">
38+
<div class="eightcol">
39+
<h1>
40+
OpenTechSchool
41+
<i>Berlin</i>
42+
</h1>
43+
<h2>Bringing free tech workshops to women and their friends</h2>
44+
45+
</div>
46+
<div class="fourcol last">
47+
<div id="socialshare">
48+
<div id="socialshareprivacy"></div>
49+
</div>
50+
</div>
51+
</div>
52+
</div>
53+
</header>
54+
55+
56+
<div class="site_header full_bg">
57+
<div class="container">
58+
<div class="row">
59+
60+
<h1>full width img goes here</h1>
61+
62+
</div>
63+
</div>
64+
</div>
65+
66+
67+
68+
<div class="container">
1369
{{ content }}
14-
</body>
70+
</div>
71+
72+
<footer class="full_bg">
73+
<div class="container">
74+
<div class="row">
75+
<p>
76+
© 2011-2012 by <a href="http://www.opentechschool.org">OpenTechSchool</a>&nbsp;&nbsp;||&nbsp;&nbsp;Picture by <a href="http://www.flickr.com/photos/lapetiteclaudine/48410895/">La Petit Claudine</a> on Flickr
77+
</p>
78+
</div>
79+
</div>
80+
</footer>
81+
82+
83+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
84+
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
85+
86+
<script src="js/supersized.3.1.3.min.js"></script>
87+
<script src="js/jquery.socialshareprivacy.min.js"></script>
88+
<script type="text/javascript">
89+
$(function() {
90+
slideshow_interval = 0;
91+
$.supersized({
92+
slides: [{'image': 'images/it_uni_copen_2.jpg'}]
93+
});
94+
$('#socialshareprivacy').socialSharePrivacy({
95+
services: {
96+
facebook: {
97+
dummy_img : 'images/socialshareprivacy/dummy_facebook_en.png',
98+
txt_info: '2-Click-Privacy-Protection-System: Only when you click here, will the sharing be activated and data send to Facebook. Click a second time to share this Page on Facebook.',
99+
language: 'en_US'
100+
},
101+
twitter : {
102+
txt_info: 'Tweet this link',
103+
txt_info: '2-Click-Privacy-Protection-System: Only when you click here, will the sharing be activated and data send to Twitter. Click a second time to share this Page on Twitter.',
104+
},
105+
gplus: {
106+
txt_info: '2-Click-Privacy-Protection-System: Only when you click here, will the sharing be activated and data send to Google. Click a second time to share this Page on Google+',
107+
language: 'en'
108+
}
109+
}
110+
});
111+
});
112+
</script>
113+
<!--[if lt IE 7 ]>
114+
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
115+
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
116+
<![endif]-->
117+
118+
<script type="text/javascript">
119+
120+
var _gaq = _gaq || [];
121+
_gaq.push(['_setAccount', 'UA-33344154-1']);
122+
_gaq.push(['_trackPageview']);
123+
124+
(function() {
125+
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
126+
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
127+
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
128+
})();
129+
130+
</script>
131+
132+
</body>
15133
</html>
134+

‎index.html

+30-105
Original file line numberDiff line numberDiff line change
@@ -1,117 +1,42 @@
1-
<!doctype html>
2-
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
3-
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
4-
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
5-
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6-
<head>
7-
<meta charset="utf-8">
8-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
1+
---
2+
layout: main
3+
title: Home
4+
---
95

10-
<title>OpenTechSchool – Bringing free tech workshops to women and their friends</title>
11-
<meta name="description" content="">
12-
<meta name="author" content="">
13-
<link rel="icon" href="/favicon.ico" type="image/png">
14-
<meta name="viewport" content="width=device-width,initial-scale=1">
15-
16-
<!-- CSS concatenated and minified via ant build script-->
17-
<link rel="stylesheet" href="stylesheets/style.css?v=2">
18-
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400' rel='stylesheet' type='text/css'>
19-
<!-- end CSS-->
20-
21-
</head>
22-
23-
<body>
24-
25-
<div id="container">
26-
<header>
27-
28-
</header>
296
<div id="main" role="main">
307
<div id="inner-container">
31-
<div class="boxed" id="content">
32-
<h1>OpenTechSchool</h1>
33-
<h2>Bringing free tech workshops to women and their friends</h2>
34-
35-
<div id="introduction">
36-
<p>OpenTechSchool is a community initiative to provide programming and other tech-related workshops to women and their friends. We take care of the organizational side of things (venues, press, finding participants) and let our volunteer coaches to create the curriculum according to their vision. Our main goal is to create a friendly and safe learning environment where no one feels shy about asking any question. Everyone, no matter what their gender, skill level or experience, is invited to participate, whether as a coach or a learner. OTS is an idea we would be very happy to see spread across the globe!
37-
</p>
38-
<h2>Looking for Coaches</h2>
39-
<p>We are currently trying to set up our first two workshops about Javascript and Python. If you feel like coaching on those topics, let us know ( <a href="https://gist.github.com/2850541" target="_blank">here for python</a>, <a href="https://gist.github.com/2835808" target="_blank">here for javascript</a>).
40-
</p>
41-
<h2>Join the movement</h2>
42-
<p>
43-
We are currently working on our official web presence. Until then please feel free to join our Google Group to stay up to date:</p>
44-
</div>
45-
<div id="mail-wrapper" >
46-
<a href="https://groups.google.com/forum/#!forum/opentechschool" class="btn btn-large btn-danger">Join OpenTechSchool Mailinglist</a>
47-
</div>
48-
</div>
498

50-
<div id="socialshare" class="boxed">
51-
<div id="socialshareprivacy"></div>
52-
</div>
9+
<div id="introduction">
10+
<p>OpenTechSchool is a community initiative to provide programming and other tech-related workshops to women and their friends. We take care of the organizational side of things (venues, press, finding participants) and let our volunteer coaches to create the curriculum according to their vision. Our main goal is to create a friendly and safe learning environment where no one feels shy about asking any question. Everyone, no matter what their gender, skill level or experience, is invited to participate, whether as a coach or a learner. OTS is an idea we would be very happy to see spread across the globe!
11+
</p>
12+
13+
<h2>Upcoming events</h2>
14+
<!-- Move this div where you want to insert the calendar -->
5315

5416

55-
<div class="boxed" style="font-size: 10px; padding: 5px; margin-top: 125px;">
56-
© 2011-2012 by <a href="http://www.opentechschool.org">OpenTechSchool</a>&nbsp;&nbsp;||&nbsp;&nbsp;Picture by <a href="http://www.flickr.com/photos/lapetiteclaudine/48410895/">La Petit Claudine</a> on Flickr
57-
17+
<h2>Looking for Coaches</h2>
18+
<p>We are currently trying to set up our first two workshops about Javascript and Python. If you feel like coaching on those topics, let us know ( <a href="https://gist.github.com/2850541" target="_blank">here for python</a>, <a href="https://gist.github.com/2835808" target="_blank">here for javascript</a>).
19+
</p>
20+
<h2>Join the movement</h2>
21+
<p>
22+
We are currently working on our official web presence. Until then please feel free to join our Google Group to stay up to date:</p>
23+
</div>
24+
<div id="mail-wrapper" >
25+
<a href="https://groups.google.com/forum/#!forum/opentechschool">Join OpenTechSchool Mailinglist</a>
5826
</div>
27+
5928
</div>
6029
</div>
61-
<footer>
62-
63-
</footer>
64-
</div> <!--! end of #container -->
65-
66-
67-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
68-
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
69-
70-
<script src="javascripts/supersized.3.1.3.min.js"></script>
71-
<script src="javascripts/jquery.socialshareprivacy.min.js"></script>
72-
<script type="text/javascript">
73-
$(function() {
74-
slideshow_interval = 0;
75-
$.supersized({
76-
slides: [{'image': 'images/it_uni_copen_2.jpg'}]
77-
});
78-
$('#socialshareprivacy').socialSharePrivacy({
79-
services: {
80-
facebook: {
81-
dummy_img : 'images/socialshareprivacy/dummy_facebook_en.png',
82-
txt_info: '2-Click-Privacy-Protection-System: Only when you click here, will the sharing be activated and data send to Facebook. Click a second time to share this Page on Facebook.',
83-
language: 'en_US'
84-
},
85-
twitter : {
86-
txt_info: 'Tweet this link',
87-
txt_info: '2-Click-Privacy-Protection-System: Only when you click here, will the sharing be activated and data send to Twitter. Click a second time to share this Page on Twitter.',
88-
},
89-
gplus: {
90-
txt_info: '2-Click-Privacy-Protection-System: Only when you click here, will the sharing be activated and data send to Google. Click a second time to share this Page on Google+',
91-
language: 'en'
92-
}
93-
}
94-
});
95-
});
96-
</script>
97-
<!--[if lt IE 7 ]>
98-
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
99-
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
100-
<![endif]-->
101-
102-
<script type="text/javascript">
10330

104-
var _gaq = _gaq || [];
105-
_gaq.push(['_setAccount', 'UA-33344154-1']);
106-
_gaq.push(['_trackPageview']);
31+
<script>(function() {
10732

108-
(function() {
109-
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
110-
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
111-
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
112-
})();
33+
// Customize these as you wish
34+
var pastdays = 0; // # of past days to show (0 to 30)
35+
var futuredays = 60; // # of future days to show (0 to 365)
36+
var cachemins = 10; // # of minutes to wait before refreshing calendar data (2 to 1440)
37+
var container = "icjs"; // ID of div to embed calendar into
11338

114-
</script>
115-
116-
</body>
117-
</html>
39+
// Do not change anything below this
40+
var s = document.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = "https://zetabee.com/icaljs/embed?calid=OGp3RkZmWFlvQ0M0QWh5RzBnbzlFZz09&offset=-2&cachemins=" + cachemins + "&futuredays=" + futuredays + "&pastdays=" + pastdays + "&container=" + container;
41+
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(s);
42+
})();</script>

‎javascripts/jquery.socialshareprivacy.min.js renamed to ‎js/jquery.socialshareprivacy.min.js

File renamed without changes.

‎javascripts/supersized.3.1.3.min.js renamed to ‎js/supersized.3.1.3.min.js

File renamed without changes.

0 commit comments

Comments
 (0)