index.html

<!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>	
  <style>
  .overview .wide-container {
  	max-width: 1020px;
  	margin: 0 auto;
    padding: 0 50px;
  }

  /* Caption */
	.overview .caption {
		text-align: center;
		color: #085987;
		line-height: 1.13;	
	}

	.overview .caption h1 {
		font-size: 2em;
		line-height: 1em;
		margin: 1.5em 0 .2em 0;
		font-weight: bold; 
	}

	.overview section {
		margin-top: 50px;
	}

	.overview section ul {
		font-size: 0.8em;
	}
	.overview section ul a{
		font-weight: bold;
	}
  </style>
</head>

<body class="overview">
  <nav class="meta">
    <div class="container">
      <a class="logo" href="http://opentechschool.org">OpenTechSchool</a>
    </div>
  </nav>

  <div class="wide-container">
    
  	<header class="caption">
  		<h1>Presentations Archive</h1>
  		<p>OpenTechSchool promotion and educational presentations</p>
  	</header>


    <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/">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, 2013/10/16 - <a href="presentations/2013-10-erlang-factory-berlin/">Introducing OpenTechSchool and Hackership</a> as given by <a href="http://www.erlang-factory.com/conference/Berlin2013/speakers/BenjaminKampmann">Benjamin Kampmann at Erlang Factory Lite Berlin</a></li>
        <li>Cologne, 2013/10/15 - <a href="https://docs.google.com/presentation/d/1SCioo0L2zpcUobTZVOyts8unZcp8t1cmJycq1qFZJZg/edit">OTS Potpourri</a> as given by <a href="https://2013.de.pycon.org/schedule/sessions/8/">Robert Lehmann at PyConDE 2013</a></li>
        <li>Berlin, 2013/09/23 - <a href="https://docs.google.com/presentation/d/1sjhojB3BaCyb3ItF0t3z4YSZ9oxbSmcUKcNZVHeqqHU/edit">Inside OpenTechSchool - A worldwide community for free tech education</a> as given by <a href="http://socialmediaweek.org/berlin/events/?id=101151">Lorenzo Pilia and Duana Stanley at Social Media Week</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="http://berlin.codemotionworld.com/talk-page/?talk_name=new-methods-in-tech-education">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">Benjamin Kampmann at Summit of New Thinking</a></li>
  	</section>

  </div>

</body>

</html>