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 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   7 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   8     <head>
   9         <meta charset="utf-8" />
  10
  11         <title>{{page.page_title}}</title>
  12
  13         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14         <link href="{{page.bootstrap_path}}/css/bootstrap.min.css" rel="stylesheet" />
  15         <link href="{{page.bootstrap_path}}/css/bootstrap-responsive.min.css" rel="stylesheet" />
  16
  17         <link href="/css/app.css" rel="stylesheet" />
  18
  19         <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css' />
  20     </head>
  21     <body>
  22
  23         <!--
  24     <div class="navbar">
  25         <div class="navbar-inner">
  26             <div class="container">
  27
  28               <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  29                 <span class="icon-bar"></span>
  30                 <span class="icon-bar"></span>
  31                 <span class="icon-bar"></span>
  32               </a>
  33
  34                 <a class="brand" href="#">The Ardour Manual</a>
  35
  36                 <div class="nav-collapse collapse">
  37                 </div>
  38
  39             </div>
  40         </div>
  41     </div>
  42     -->
  43
  44     <div class="container-fluid">
  45         <div class="row-fluid">
  46             <div id="tree">
  47                 <div id="tree-inner">
  48                     <h1 class="title"><a href="/"><img src="/images/logo.png" alt="The Ardour Manual" /></a></h1>
  49                     {% tree %}
  50                 </div>
  51             </div>
  52             <div class="span12" id="content">
  53                 <div id="search">
  54                     <gcse:search></gcse:search>
  55                 </div>
  56                 <div id="content-main">
  57                     <h1 class="title">{{ page.title }}</h1>
  58                     {{ content }}
  59                 </div>
  60             </div>
  61         </div>
  62     </div>
  63
  64     <script type="text/javascript">
  65
  66         if (navigator.userAgent.match(/Mac/)) {
  67             var e = document.getElementsByTagName('body')[0];
  68             e.className += ' mac';
  69         }
  70
  71         var tree = document.getElementById('tree'),
  72             anchors = document.getElementsByTagName('a'),
  73             name = '/' + document.location.pathname.split('/')[1] + '/',
  74             offset;
  75
  76         for (var i = 0; i < anchors.length; i++) {
  77             if (anchors[i].getAttribute('name') === name) {
  78                 offset = anchors[i].offsetTop;
  79                 break;
  80             }
  81         }
  82
  83         if (tree && offset) {
  84             tree.scrollTop = offset - 10;
  85         }
  86
  87     </script>
  88
  89     <script>
  90         (function() {
  91           var cx = '011950134405426689607:2lg2y9xgf3a';
  92           var gcse = document.createElement('script'); gcse.type = 'text/javascript';
  93           gcse.async = true;
  94           gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
  95               '//www.google.com/cse/cse.js?cx=' + cx;
  96           var s = document.getElementsByTagName('script')[0];
  97           s.parentNode.insertBefore(gcse, s);
  98         })();
  99     </script>
 100
 101     </body>
 102 </html>