Merge pull request #7 from ligthyear/ots-generali

General About OTS Slides
OpenTechSchool · Apr 19, 2013 · 810c198 · 810c198
2 parents 9463e9a + 3383c9f
commit 810c198
Show file tree

Hide file tree

Showing 14 changed files with 215 additions and 0 deletions.
diff --git a/presentations/about/assets/android_workshop.jpg b/presentations/about/assets/android_workshop.jpg
diff --git a/presentations/about/assets/campus_party.jpg b/presentations/about/assets/campus_party.jpg
diff --git a/presentations/about/assets/empowerment.jpg b/presentations/about/assets/empowerment.jpg
diff --git a/presentations/about/assets/environment.jpg b/presentations/about/assets/environment.jpg
diff --git a/presentations/about/assets/github_workshop.jpg b/presentations/about/assets/github_workshop.jpg
diff --git a/presentations/about/assets/js_workshop.jpg b/presentations/about/assets/js_workshop.jpg
diff --git a/presentations/about/assets/learners_meetup.jpg b/presentations/about/assets/learners_meetup.jpg
diff --git a/presentations/about/assets/learning_experience.png b/presentations/about/assets/learning_experience.png
diff --git a/presentations/about/assets/not-for-profit.jpg b/presentations/about/assets/not-for-profit.jpg
diff --git a/presentations/about/assets/openness.jpg b/presentations/about/assets/openness.jpg
diff --git a/presentations/about/assets/python_workshop.jpg b/presentations/about/assets/python_workshop.jpg
diff --git a/presentations/about/assets/transparency.jpg b/presentations/about/assets/transparency.jpg
diff --git a/presentations/about/index.html b/presentations/about/index.html
@@ -0,0 +1,201 @@
+<!DOCTYPE HTML>
+
+<html lang="en">
+
+<head>
+	<title>OpenTechSchool</title>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=1274, user-scalable=no">
+	<link rel="stylesheet" href="../../theme/style.css">
+  <script type="text/javascript" src="//use.typekit.net/ayv2sls.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>	
+</head>
+
+<body class="list">
+
+  <nav class="meta">
+    <div class="container">
+      <a class="logo" href="http://opentechschool.org">OpenTechSchool</a>
+    </div>
+  </nav>
+
+  	<header class="caption">
+  		<h1>About the OpenTechSchool</h1>
+  		<p>A lightning presentation about the OpenTechSchool and what it does.</p>
+  	</header>
+
+    <section class="slides">
+
+  	<div class="slide cover shout" id="Cover"><div>
+  		<section>
+  			<header>
+  				<h2>OpenTechSchool</h2>
+  				<p class="tagline">opentechschool.org</p>
+  			</header>
+  		</section>
+  	</div></div>
+
+    <div class="slide cover shout" id="what_is_it"><div>
+      <section>
+        <header>
+          <h2>What is OpenTechSchool?</h2>
+        </header>
+      </section>
+    </div></div>
+
+  	<div class="slide cover shout w" id="openess"><div>
+  		<section>
+  			<header class="with-bg">
+  				<h2>Openness</h2>
+  			</header>
+  			<img src="assets/openness.jpg" alt="">
+  		</section>
+  	</div></div>
+
+    <div class="slide cover shout w" id="empowerment"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Empowerment</h2>
+        </header>
+        <img src="assets/empowerment.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="environment"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Safe learning Environment</h2>
+        </header>
+        <img src="assets/environment.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="experience"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Hands-on learning experience</h2>
+        </header>
+        <img src="assets/learning_experience.png" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="transparency"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Transparency</h2>
+        </header>
+        <img src="assets/transparency.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="not-for-profit"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Not for profit</h2>
+        </header>
+        <img src="assets/not-for-profit.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout" id="workshops"><div>
+      <section>
+        <header>
+          <h2>Workshops</h2>
+        </header>
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="js-beginners"><div>
+      <section>
+        <header class="with-bg">
+          <h2>JavaScript For Absolute Beginners</h2>
+        </header>
+        <img src="assets/js_workshop.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="python-workshops"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Python Workshops</h2>
+        </header>
+        <img src="assets/python_workshop.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="github-workshops"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Social Coding with GitHub</h2>
+        </header>
+        <img src="assets/github_workshop.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="android-workshops"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Android for Beginners</h2>
+        </header>
+        <img src="assets/android_workshop.jpg" alt="">
+      </section>
+    </div></div>
+    <div class="slide cover shout w" id="learners-meetup"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Learners Meetup</h2>
+        </header>
+        <img src="assets/learners_meetup.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout" id="upcoming-workshops-title"><div>
+      <section>
+        <header>
+          <h2>Upcoming Workshops</h2>
+        </header>
+      </section>
+    </div></div>
+
+    <div class="slide cover shout" id="upcoming-workshops"><div>
+      <section>
+        <header>
+          <h2>Arduino<br>
+            Advanced Git<br>
+            Repairing Hardware<br>
+            Games Development<br>
+            Kids Hackathon<br>
+          </h2>
+        </header>
+      </section>
+    </div></div>
+
+  	<div class="slide" id="ThankYou"><div>
+  		<section>
+  			<header>
+  				<h2>Thanks</h2>
+  			</header>
+        <p>You can learn more about the OpenTechSchool via
+    			<ul>
+    				<li><a href="http://twitter.com/opentechschool">@opentechschool</a></li>
+
+            <li><a href="http://facebook.com/opentechschool">fb.com/opentechschool</a></li>
+    				<li><a href="http://opentechschool.org">opentechschool.org</a></li>
+    				<li><a href="http://blog.opentechschool.org">blog.opentechschool.org</a></li>
+    			</ul>
+        </p>
+  			<p>Fork this presentation on <a href="https://github.com/OpenTechSchool/slides">Github</a>.</p>
+  		</section>
+  	</div></div>
+
+  	<!--
+  		To hide progress bar from entire presentation
+  		just remove “progress” element.
+  		-->
+  	<div class="progress"><div></div></div>
+
+  </section>
+
+	<script src="../../lib/shower/scripts/script.js"></script>
+</body>
+</html>
diff --git a/theme/style.css b/theme/style.css
@@ -299,6 +299,20 @@ h1, h2, h3 {
 	text-align: center;
 }
 
+.slide.invert header.with-bg, 
+.slide.shout header.with-bg,
+.slide.shout-louder header.with-bg {
+	background-color: #286d99;
+	background-color: rgba(0,0,0,0.5);
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
+	/* For IE 8*/
+	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
+
+	padding: 1em 0;
+	border-top: solid 1px #666;
+	border-bottom: solid 1px #666;
+}
+
 .slide.shout section > *:first-child,
 .slide.centered section > *:first-child,
 .slide.shout-louder section > *:first-child {