Shamusworld >> Repos - ardour-manual/blob - source/_layouts/bootstrap.html

   1 ---
   2 bootstrap_path: /bootstrap-2.2.2
   3 page_title: The Ardour Manual
   4 ---
   5
   6 <!DOCTYPE html>
   7
   8 <html lang="en">
   9     <head>
  10         <meta charset="utf-8" />
  11
  12         <title>{{page.page_title}}</title>
  13
  14         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15         <link href="{{page.bootstrap_path}}/css/bootstrap.min.css" rel="stylesheet">
  16         <link href="{{page.bootstrap_path}}/css/bootstrap-responsive.min.css" rel="stylesheet">
  17
  18         <link href="/css/app.css" rel="stylesheet">
  19
  20         <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  21     </head>
  22     <body>
  23
  24         <!--
  25     <div class="navbar">
  26         <div class="navbar-inner">
  27             <div class="container">
  28
  29               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  30                 <span class="icon-bar"></span>
  31                 <span class="icon-bar"></span>
  32                 <span class="icon-bar"></span>
  33               </a>
  34
  35                 <a class="brand" href="#">The Ardour Manual</a>
  36
  37                 <div class="nav-collapse collapse">
  38                 </div>
  39
  40             </div>
  41         </div>
  42     </div>
  43     -->
  44
  45     <div class="container-fluid">
  46         <div class="row-fluid">
  47             <div id="tree">
  48                 <h1 class="title"><a href="/"><img src="/images/logo.png" alt="The Ardour Manual" /></a></h1>
  49                 {% tree %}
  50             </div>
  51             <div class="span12" id="content">
  52                 <h1 class="title">{{ page.title }}</h1>
  53                 {{ content }}
  54             </div>
  55         </div>
  56     </div>
  57
  58     <script type="text/javascript">
  59
  60         if (navigator.userAgent.match(/Mac/)) {
  61             var e = document.getElementsByTagName('body')[0];
  62             e.className += ' mac';
  63         }
  64
  65         var tree = document.getElementById('tree'),
  66             anchors = document.getElementsByTagName('a'),
  67             name = '/' + document.location.pathname.split('/')[1] + '/',
  68             offset;
  69
  70         for (var i = 0; i < anchors.length; i++) {
  71             if (anchors[i].getAttribute('name') === name) {
  72                 offset = anchors[i].offsetTop;
  73                 break;
  74             }
  75         }
  76
  77         if (tree && offset) {
  78             tree.scrollTop = offset - 10;
  79         }
  80
  81     </script>
  82
  83     </body>
  84 </html>