index.html

---
layout: landing
title: OpenTechSchool
rss_feed: full
---

<div class="bg_full">
  <div class="container container_narrow">

    <h3><span class="label label-info">Important</span></h3>
    <h2>Hackership Batch-2 on a Beach!</h2>
    <p>Hackership, the full-time coding master class run by the <a href="/berlin/">OpenTechSchool Berlin</a>, openend its application for Batch-2 taking place Winter 2014/2015 in Gran Canaria. Learn more about it, the schedule and deadline through the <a href="http://blog.hackership.org/2014/10/Destination%20Announcement.html" target="_blank">announcement blog post</a> or at one of their <a href="http://blog.hackership.org/2014/10/Taste%20of%20Hackership%20is%20Back.html" target="_blank">Taste of Hackership sessions</a>.
    </p>
    <p><a href="http://www.hackership.org/apply">Or apply right here.</a></p>
  </div>
</div>

<div class="bg_full bg_full_white">
  <div class="container clearfix">
    <div class="a-third blocky green">
      <h3 class="head">More about OTS</h3>
      <p>Go to <a href="/about.html">about</a> to learn more about what OpenTechSchool is, what we do, the values and the history of the movement. 
      </p>
      <p>You might also want to learn more about <a href="/foundation/">the foundation</a> behind it and what some of the learners, coaches and organisers <a href="testimonials.html">say about OpenTechSchool</a>.</p>

    </div>
    <div class="a-third blocky violet">
      <h3 class="head">Start learning</h3>
      <p>If you are looking to learn coding/about tech yourself, you probably want to find out <a href="/locator/">where and when the next events</a> takes place near you.</p>
      <p>In any case make sure you <a href="#stay-connected" class="stay-connected">stay connected</a> to receive updates about whats going on.</p>
    </div>

    <div class="a-third blocky orange">
      <h3 class="head">Join the movement</h3>
      <p>Just reach out to the <a href="/locator/">next chapter close to you</a> and help organising, coaching or with general support.</p>
 
      <p>You might also want to join the <a href="/foundation/">Foundation as a Member</a> and <a href="http://discourse.opentechschool.org">join our online community</a> of coaches, organisers and volunteers and generally <a href="#stay-connected" class="stay-connected">stay connected</a>.</p>
    </div>

  </div>

  <div class="container clearfix">
    <div class="blocky col_left">

      <h3 class="head">Upcoming events <a href="/locator/" class="tiny_button">find closest to me</a></h3>
      <div id="upcomingEvents"></div>
    </div>

    <div class="blocky col_right">

      <h3 class="head">Community <a href="http://discourse.opentechschool.org" class="tiny_button">see all</a></h3>
      <div id="currentTopics"> </div>
    </div>
  </div>
  

  <div class="container clearfix">
    <div class="blocky">

      <h3 class="head">News <a href="http://blog.opentechschool.org/feeds/{{page.rss_feed}}.xml" class="tiny_button">&raquo;rss</a></h3>

      <section id="blog-posts">
        <div id="js-blog-posts-list"> </div>
      </section>

      <script type="text/x-template" data-template="blog-post">
        <article>
          <h3 class="post_title"><a href="http://blog.opentechschool.org${link}">${title}</a></h3>
          <p>${date}</p>
        </article>
      </script>

    </div>
  </div>
</div>


<div class="bg_full">
  <div class="container container_narrow">

    <h2>Testimonials</h2>

    <div class="testimonials_teaser">
      <img src="images/testimonials_teaser.jpg" alt="Testimonials">
    </div>

    <p>A learner, a coach, and a learner-to-be talk about OpenTechSchool. What do they say? <a href="{{site.baseurl}}testimonials.html">&raquo; Read more</a>
    </p>

  </div>
</div>

<div class="modal-backdrop"></div>

<div class="modal">
  <div class="modal-outer-container">
    <div class="modal-middle-container">
      <div class="modal-inner-container">
        <div class="modal-header">
          <h3>Stay connected with OpenTechSchool <span class="close" title="close">x</span></h3>
        </div>
        <div class="modal-body clearfix">
          <h4>Follow us on</h4>
          <div class="clearfix">
            <a href="https://www.twitter.com/OpenTechSchool" class="btn"><span class="ots_icon twitter"></span> Twitter</a>
            <a href="http://www.facebook.com/OpenTechSchool" class="btn"><span class="ots_icon facebook"></span> Facebook</a> 
            <a href="https://plus.google.com/b/114834784518588736271/114834784518588736271/posts" class="btn">Google+</a>
          </div>
          <h4>and</h4>
          <div class="clearfix">
            <a href="http://blog.opentechschool.org/" class="btn">Read the Blog</a>
            <a href="http://discourse.opentechschool.org/" class="btn"><span class="ots_icon discourse"></span> Join the Forum</a>
            <a href="https://github.com/OpenTechSchool" class="btn"><span class="ots_icon github"></span> Github</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.8.0/react.js" type="text/javascript" charset="utf-8"></script>
<script src="/scripts/widgets.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
   $(function() {
    React.renderComponent(OTS.Widgets.UpcomingEventsPreview({teams: OTS.config.chapters, page: 5, params: {text: 'opentechschool'}}), document.getElementById('upcomingEvents'));

    React.renderComponent(OTS.Widgets.LatestConversations({path: "/latest.json"}), document.getElementById('currentTopics'));

    $(".stay-connected").click(function() {
      $('body').addClass("show-modal");
    });
    $(".modal .close").click(function() {
      $('body').removeClass("show-modal"); 
    });
    $(document).keypress(function(ev){
      if (ev.keyCode === 27){ // ESCAPE
       $('body').removeClass("show-modal"); 
      }
    });
   });
</script>