index.html

---
layout: default
footerlogos: yes

---

<!-- Hero -->
<div class="jumbotron fond__grey">
  <div class="container">
    <div class="row">
      <div id="animation-wrapper" class="col-lg-11 col-lg-offset-1">
        <h1 class="cta text__blue animated-claim">Stadt<span class="text__red">&lt;</span>entwickler <span class="text__red">/&gt;</span>*
        <br />nutzen offene Daten um ihre Stadt zu verbessern<span class="marker"></span></h1>
        <h5 class="highlight highlight-hero cta-sub">
        <span class="highlight-red"> Code a difference: Nutz' Deine Fähigkeiten um Deine Stadt zu verbessern!</span>
        </h5>
      </div>
    </div>
  </div>
</div>

<!-- Lab Map -->
<div class="jumbotron fond__green" style="padding:0px;">

      <div id="lab-map" class="lab-map-home"></div>

</div>

<!-- About -->
<div class="beneath-sections jumbotron fond__blue animated">
  <div class="container text-center text__black">
    <div class="row">
      <div class="col-lg-10 col-lg-offset-1">
        <p>
        Jede Woche <a href="http://codefor.de/termine">treffen sich in ganz Deutschland Code for Germany Teams,</a> die gemeinsam an nützlichen Anwendungen und Visualisierungen rund um offene Daten und digitale Werkzeuge für Bürgerinnen arbeiten. <br>
        Die lokalen Gruppen, bestehend aus Programmiererinnen, Designern und Open Data Interessierten, erproben, wie Code und Software dabei helfen können ihre Stadt und Nachbarschaft zu verbessern. <br><br>

Wo gerade welche Anwendungen und Projekte entstehen, wann das nächste Treffen stattfindet und wie man mitmachen kann, erfährst Du durch einen Klick auf die jeweilige Stadt.


        </p>
      </div>
    </div>
    <!--
    <div class="row">
      <div class="col-lg-4 highlight">
        <p class="highlight-red" >Use civic tech to make your community better!</p>
      </div>
      <div class="col-lg-4 highlight">
        <p class="highlight-red" >Use civic tech to make your community better!</p>
      </div>
      <div class="col-lg-4 highlight">
        <p class="highlight-red" >Use civic tech to make your community better!</p>
      </div>
    </div>
    -->
  </div>
</div>

<!-- Newsletter -->
{% include newsletter-form.html %}

<script src="js/lib/jquery.cookie.js"></script>
<script src="js/lib/prettyCheckbox.min.js"></script>

<script src="js/Application.js"></script>
<script src="/js/GoogleMaps.js"></script>

<script>
    //the center of map on load
    var google_map_position = "51.1642292,10.4541194";
    //zoom level
    var google_map_zoom = 6;
    //the markers
    var google_maps_markers = [
    {% for lab in site.pages %}
     {% if lab.lab %}
        {
            "latlong": "{{ lab.lat }} , {{ lab.long }}",
            "url":"{{ lab.url }} ", // leave "" to disable marker clickevent
            "text": "{{ lab.lab }}"
        },
     {% endif %}
   {% endfor %}
    ];
</script>

<script type="text/javascript">
$(document).ready(function() {
  app = new Application();
  app.init();
  gmap = new GoogleMaps(google_map_position, google_map_zoom, google_maps_markers,'/img/lab_marker.png');
  $(":checkbox").prettyCheckbox();

});
</script>