<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>{% block title %}{%if pagetitle %}{{ pagetitle }} | {% endif %}OONI Looking Glass{% endblock %}</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="static/favicon.ico" type="image/x-icon">
    <link rel="icon" href="static/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="static/css/generated/incapp.min.css">
    <script src="static/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    <script src="static/js/generated/libs.js" charset="utf-8"></script>
  </head>
  <body>
    <div class="github-fork-ribbon-wrapper right fixed">
    <div class="github-fork-ribbon">
      <a href="https://github.com/TylerJFisher/ooni-looking-glass">Fork Me on GitHub</a>
 </div></div>
    <!--[if lt IE 8]>
    <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="/static/img/ooni-looking-glass-logo.png" ></a>
</div>
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
        <li ><a href="#map">The Map</a></li>
        <li ><a href="#table">The Table</a></li>
        <li ><a href="#about">About</a></li>
</ul>
        </div>


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

    <div class="container">
      {% block content %}
      {% endblock %}
    </div>

    <footer>
      <p class="text-center">This hack was created at <a href="http://hackthenorth.com">Hack The North</a> 2015  using
        open data from the <a href="https://ooni.torproject.org/">OONI project</a>.</p>
    </footer>    

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="static/js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
      <script>$(function() {
        $('a[href*=#]:not([href=#])').click(function() {
          if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
            var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            $('html,body').animate({
              scrollTop: target.offset().top - ($('nav').height()+18)
            }, 1000);
            return false;
          }
          }
        });
      });
      $('section').each(function(){
        if ($(this).height() < $(window).height()) {
          $(this).css("height", $(window).height());}
      });
    </script>
      {% block scripts %}
      {% endblock %}
    </body>
  </html>
