]> Shamusworld >> Repos - ardour-manual/blob - source/_layouts/bootstrap.html
fixed vertical height issue in sidebar, added google custom search
[ardour-manual] / 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                 <div id="tree-inner">
49                     <h1 class="title"><a href="/"><img src="/images/logo.png" alt="The Ardour Manual" /></a></h1>
50                     {% tree %}
51                 </div>
52             </div>
53             <div class="span12" id="content">
54                 <div id="search">
55                     <gcse:search></gcse:search>
56                 </div>
57                 <div id="content-main">
58                     <h1 class="title">{{ page.title }}</h1>
59                     {{ content }}
60                 </div>
61             </div>
62         </div>
63     </div>
64
65     <script type="text/javascript">
66
67         if (navigator.userAgent.match(/Mac/)) {
68             var e = document.getElementsByTagName('body')[0];
69             e.className += ' mac';
70         }
71
72         var tree = document.getElementById('tree'),
73             anchors = document.getElementsByTagName('a'),
74             name = '/' + document.location.pathname.split('/')[1] + '/',
75             offset;
76
77         for (var i = 0; i < anchors.length; i++) { 
78             if (anchors[i].getAttribute('name') === name) { 
79                 offset = anchors[i].offsetTop;
80                 break;
81             } 
82         }
83
84         if (tree && offset) {
85             tree.scrollTop = offset - 10;
86         }
87
88     </script>
89
90     <script>
91         (function() {
92           var cx = '011950134405426689607:2lg2y9xgf3a';
93           var gcse = document.createElement('script'); gcse.type = 'text/javascript';
94           gcse.async = true;
95           gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
96               '//www.google.com/cse/cse.js?cx=' + cx;
97           var s = document.getElementsByTagName('script')[0];
98           s.parentNode.insertBefore(gcse, s);
99         })();
100     </script>
101   
102     </body>
103 </html>