Merge pull request #15 from OpenTechSchool/update

Update new slides
OpenTechSchool · Aug 12, 2013 · fd6e44c · fd6e44c
2 parents 67478e2 + ce42035
commit fd6e44c
Show file tree

Hide file tree

Showing 68 changed files with 878 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -13,6 +13,7 @@
   .overview .wide-container {
   	max-width: 1020px;
   	margin: 0 auto;
+    padding: 0 50px;
   }
 
   /* Caption */
@@ -56,20 +57,31 @@ <h1>Presentations Archive</h1>
   		<p>OpenTechSchool promotion and educational presentations</p>
   	</header>
 
-	<section id="current">
-  		<h2>Current</h2>
+
+    <section id="matrials">
+      <h2>Materials</h2>
+      <ul>
+        <li><a href="presentations/coaching/">Coaches Guidelines</a> the short introduction explaining the principles and rules of coaching with the OpenTechSchool</li>
+      </ul>
+    </section>
+
+
+  	<section id="about">
+  		<h2>About OpenTechSchool</h2>
   		<ul>
-  			<li><a href="presentations/about/">About the OpenTechSchool</a> the 10min short highly visual Introduction to OTS</li>
-  			<li><a href="presentations/coaching/">Coaches Guidelines</a> the short introduction explaining the principles and rules of coaching with the OpenTechSchool</li>
+  			<li><a href="presentations/about/">Lightning Talk</a> the 10min-20min short highly visual Introduction to OTS, with intense focus on the values and actual workshops</li>
+        <li><a href="presentations/about-micro/">Micro Talk</a> for when there are 5mins or less to convince an audience about OpenTechSchool and spark a local chapter</li>
+        <li><a href="presentations/about-two/">Extended Talk</a> extended version of the lightning talk also covering local Chapters, the Blueprint and other, further involvements.</li>
   		</ul>
   	</section>
 
   	<section id="archive">
   		<h2>Archive</h2>
   		<ul>
-  			<li>Berlin, 2012/11/12 - <a href="presentations/opencurriuculum-github-for-the-win/">Opencurriculum - Github for the Win</a> as hold by <a href="http://open-strategies.de/sessions/opencurriculum-github-for-the-win">by Benjamin Kampmann at the Summit of New Thinking</a></li>
+        <li>Berlin, 2013/05/10 - <a href="presentations/the-state-of-tech-education/">The state of Tech Education</a> as given by <a href="berlin.codemotionworld.com/talk-page/?talk_name=new-methods-in-tech-education">by Amélie Anglade and Benjamin Kampmann at Codemotion Berlin</a></li>
+  			<li>Berlin, 2012/11/12 - <a href="presentations/opencurriuculum-github-for-the-win/">Opencurriculum - Github for the Win</a> as hold by <a href="http://open-strategies.de/sessions/opencurriculum-github-for-the-win">by Benjamin Kampmann at Summit of New Thinking</a></li>
   		</ul>
-  	</div>
+  	</section>
 
   </div>
 

diff --git a/presentations/about-micro/assets/bg_berlin.jpg b/presentations/about-micro/assets/bg_berlin.jpg
diff --git a/presentations/about-micro/assets/blueprint.png b/presentations/about-micro/assets/blueprint.png
diff --git a/presentations/about-micro/assets/community.jpg b/presentations/about-micro/assets/community.jpg
diff --git a/presentations/about-micro/assets/js_workshop.jpg b/presentations/about-micro/assets/js_workshop.jpg
diff --git a/presentations/about-micro/assets/learning_experience.jpg b/presentations/about-micro/assets/learning_experience.jpg
diff --git a/presentations/about-micro/assets/thanks.jpg b/presentations/about-micro/assets/thanks.jpg
diff --git a/presentations/about-micro/index.html b/presentations/about-micro/index.html
@@ -0,0 +1,118 @@
+<!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>Micro-About the OpenTechSchool</h1>
+  		<p>A super short 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 w" id="js-beginners"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Coding Workshops</h2>
+          <h3>free, hands-on and awesome</h3>
+        </header>
+        <img src="assets/js_workshop.jpg" alt="">
+      </section>
+    </div></div>
+
+
+    <div class="slide cover shout w" id="experience"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Hands-on experience</h2>
+          <h3>in a safe learning environment</h3>
+        </header>
+        <img src="assets/learning_experience.jpg" alt="">
+      </section>
+    </div></div>
+
+
+
+    <div class="slide cover shout w" id="community"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Community-run<br/>
+            not-for-profit</h2>
+        </header>
+        <img src="assets/community.jpg" alt="">
+      </section>
+    </div></div>
+
+    <div class="slide cover shout w" id="team-blueprint"><div>
+      <section>
+        <header class="with-bg">
+          <h2>Blueprint</h2>
+          <h5>more than OpenSource</h5>
+        </header>
+        <img src="assets/blueprint.png" alt="">
+      </section>
+    </div></div>
+
+
+    <div class="slide cover shout w" id="city-berlin"><div>
+      <section>
+        <header class="with-bg">
+          <h2>independent, local Teams</h2>
+          <h5>Berlin, Stockholm, Melbourne, Hamburg, <br/> Zurich, Dortmund, Tel Aviv and $your_city</h5>
+        </header>
+        <img src="assets/bg_berlin.jpg" alt="">
+      </section>
+    </div></div>
+
+
+  	<div class="slide" id="ThankYou"><div>
+  		<section style="background: url(assets/thanks.jpg) left bottom; background-size: cover;">
+  			<header>
+  				<h2>Thanks</h2>
+  			</header>
+        <p style="text-align: center">You can learn more about the OpenTechSchool at <br> <a href="http://opentechschool.org"><strong>OpenTechSchool.org</strong></a></p>
+        <p style="text-align: center">Stay connected: <br>
+    		  <a href="http://twitter.com/opentechschool">@OpenTechSchool</a>&nbsp;|&nbsp;<a href="http://gplus.to/opentechschool">+OpenTechSchool</a>&nbsp;|&nbsp;<a href="http://facebook.com/opentechschool">fb.com/OpenTechSchool</a>
+        </p>
+        <p style="font-size: 0.8em;"><br>Special thanks to <a href="http://www.flickr.com/photos/crazysphinx/6846247288/sizes/l/">CrazySphinx</a>, <a href="http://commons.wikimedia.org/wiki/File:Sullivan_and_Ride_Show_Sleep_Restraints_-_GPN-2000-001032.jpg">NASA</a>, <a href="http://www.flickr.com/photos/mape_s/333862275/sizes/l/in/photostream/">Marieke IJsendoorn-Kuijpers</a>, <a href="http://www.flickr.com/photos/erix/3563179497/">Erich Ferdinand</a>, <a href="http://www.flickr.com/photos/mikebaird/3149088088/">Mike Baird</a>, <a href="http://www.flickr.com/photos/wscullin/3770015203/sizes/o/">Will Scullin</a>, <a href="http://www.flickr.com/photos/d2k6/5047947055/sizes/l/">Luis Hernandez</a> and <a href="http://www.flickr.com/photos/jdhancock/4378606832/sizes/l/">JD Hancok</a> for the amazing pictures.</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/presentations/about-two/assets/android_workshop.jpg b/presentations/about-two/assets/android_workshop.jpg
diff --git a/presentations/about-two/assets/appSummerCamp.jpg b/presentations/about-two/assets/appSummerCamp.jpg
diff --git a/presentations/about-two/assets/ardunio.jpg b/presentations/about-two/assets/ardunio.jpg
diff --git a/presentations/about-two/assets/bg_berlin.jpg b/presentations/about-two/assets/bg_berlin.jpg
diff --git a/presentations/about-two/assets/bg_dortmund.jpg b/presentations/about-two/assets/bg_dortmund.jpg
diff --git a/presentations/about-two/assets/bg_hamburg.jpg b/presentations/about-two/assets/bg_hamburg.jpg
diff --git a/presentations/about-two/assets/bg_melbourne.jpg b/presentations/about-two/assets/bg_melbourne.jpg
diff --git a/presentations/about-two/assets/bg_stockholm.jpg b/presentations/about-two/assets/bg_stockholm.jpg
diff --git a/presentations/about-two/assets/bg_zurich.jpg b/presentations/about-two/assets/bg_zurich.jpg
diff --git a/presentations/about-two/assets/blueprint.png b/presentations/about-two/assets/blueprint.png
diff --git a/presentations/about-two/assets/campus_party.jpg b/presentations/about-two/assets/campus_party.jpg
diff --git a/presentations/about-two/assets/community.jpg b/presentations/about-two/assets/community.jpg
diff --git a/presentations/about-two/assets/empowerment.jpg b/presentations/about-two/assets/empowerment.jpg
diff --git a/presentations/about-two/assets/environment.jpg b/presentations/about-two/assets/environment.jpg
diff --git a/presentations/about-two/assets/github_workshop.jpg b/presentations/about-two/assets/github_workshop.jpg
diff --git a/presentations/about-two/assets/js_workshop.jpg b/presentations/about-two/assets/js_workshop.jpg
diff --git a/presentations/about-two/assets/kids_hackathon.png b/presentations/about-two/assets/kids_hackathon.png
diff --git a/presentations/about-two/assets/learners_meetup.jpg b/presentations/about-two/assets/learners_meetup.jpg
diff --git a/presentations/about-two/assets/learning_experience.jpg b/presentations/about-two/assets/learning_experience.jpg
diff --git a/presentations/about-two/assets/openness.jpg b/presentations/about-two/assets/openness.jpg
diff --git a/presentations/about-two/assets/python_workshop.jpg b/presentations/about-two/assets/python_workshop.jpg
diff --git a/presentations/about-two/assets/talkAndPlay.jpg b/presentations/about-two/assets/talkAndPlay.jpg
diff --git a/presentations/about-two/assets/thanks.jpg b/presentations/about-two/assets/thanks.jpg
diff --git a/presentations/about-two/assets/transparency.jpg b/presentations/about-two/assets/transparency.jpg
diff --git a/presentations/about-two/assets/your_city.jpg b/presentations/about-two/assets/your_city.jpg