_layouts/ots.html

<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>OpenTechSchool – {{ page.title }}</title>
  <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
  <link href="{{site.baseurl}}/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="{{site.baseurl}}/css/zenburn.min.css" rel="stylesheet" media="screen">
  <link href="{{site.baseurl}}/css/styles.css" rel="stylesheet" media="screen">

  <link rel="icon" href="{{site.baseurl}}/favicon.ico" type="image/png">
</head>
<body>
  <div class="navbar navbar-inverse navbar-static-top">
    <div class="navbar-inner">
      <div class="container-fluid">
        <div class="row-fluid">
          <div class="span3"><a href="http://www.opentechschool.org/" target="_blank"><h1>OpenTechSchool</a></h1></div>
          <div class="span6"><h1><a href="{{site.baseurl}}/">{{site.title}}</a></h1></div>
        </div>
      </div>
    </div>
  </div>

  <div id="main-content" class="container-fluid">

    <div class="row-fluid">
      <h1 class="title">{{ page.title }}</h1>
      <hr>
    </div>

    <div class="row-fluid">

      <div class="span3 well sidebar-nav">
        <ul class="nav nav-list">
          {% for p in site.map %}
            <li class="nav-header">
              {% if p.path %}
                <a href="{{site.baseurl}}{{p.path}}" alt="{{ p.caption }}">{{p.title}}</a>
              {% else %}
                {{p.title}}
              {% endif %}
            </li>
            {% for s in p.subpages %}
              <li><a href="{{site.baseurl}}{{s.path}}" alt="{{ s.caption }}">{{s.title}}</a></li>
            {% endfor %}
          {% endfor %}
        </ul>
      </div>

      <div id="main-content" class="span9">
        {{ content }}
      </div>

    </div>

  </div>

  <div id="footer">
    <p>
      © 2013-2014 - made by <a href="http://www.opentechschool.org">OpenTechSchool</a> and its <a href="https://github.com/OpenTechSchool/python-data-intro/graphs/contributors">Contributors</a>&nbsp;&nbsp;||&nbsp;&nbsp;<a href="http://www.opentechschool.org/imprint.html">Impressum</a>
    </p>
  </div>

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script src="{{site.baseurl}}/bootstrap/js/bootstrap.min.js"></script>
  <script src="{{site.baseurl}}/js/highlight.min.js"></script>
  <script>hljs.initHighlightingOnLoad();</script>
  <script src="{{site.baseurl}}/js/spoilers.js"></script>
</body>
</html>