Merge branch '1495-crunch-documentation'
[arvados.git] / doc / _layouts / default.html
1 <!DOCTYPE html>
2 <html>
3   <head>
4     <meta charset="utf-8">
5     <title>{% unless page.title == "Arvados | Documentation" %} Arvados | Documentation | {% endunless %}{{ page.title }}</title>
6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7     <meta name="description" content="">
8     <meta name="author" content="">
9     <link rel="icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon">
10     <link rel="shortcut icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon">
11     <link href="{{ site.baseurl }}/css/bootstrap.css" rel="stylesheet">
12     <style>
13       body {
14       padding-top: 41px;
15       }
16       div.frontpagehero {
17       background: #fff;
18       height: 270px;
19       background-image: url('images/doc-bg.jpg');
20       background-repeat: no-repeat;
21       color: #fff;
22       margin-top:0;
23       margin-left:0;
24       z-index: -1000;
25       opacity: 0.8;
26       }
27       @media (max-width: 979px) {
28       div.frontpagehero {
29       margin-left: -20px;
30       margin-right: -20px;
31       padding-left: 20px;
32       }
33       }
34       .sidebar-nav {
35         padding: 9px 0;
36       }
37       .section-block {
38       background: #eeeeee;
39       padding: 1em;
40       -webkit-border-radius: 12px;
41       -moz-border-radius: 12px;
42       border-radius: 12px;
43       margin: 0 2em;
44       }
45       .row-fluid :first-child .section-block {
46       margin-left: 0;
47       }
48       .row-fluid :last-child .section-block {
49       margin-right: 0;
50       }
51       .rarr {
52       font-size: 1.5em;
53       }
54       .darr {
55       font-size: 4em;
56       text-align: center;
57       margin-bottom: 1em;
58       }
59       .userinput {
60       color: #d14;
61       }
62     </style>
63     <link href="{{ site.baseurl }}/css/bootstrap-responsive.min.css" rel="stylesheet">
64     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
65     <!--[if lt IE 9]>
66         <script src="../assets/js/html5shiv.js"></script>
67         <![endif]-->
68   </head>
69   <body class="nopad">
70     <div class="navbar navbar-inverse navbar-fixed-top" style="margin-bottom:0;">
71       <div class="navbar-inner">
72         <div class="container">
73           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
74             <span class="icon-bar"></span>
75             <span class="icon-bar"></span>
76             <span class="icon-bar"></span>
77           </button>
78           <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
79           <div class="nav-collapse collapse">
80             <ul class="nav">
81               <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User&nbsp;Guide</a></li>
82               <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/">API&nbsp;Reference</a></li>
83               <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin Guide</a></li>
84               <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install Guide</a></li>
85               <li><a></a></li>
86               <li><a href="https://arvados.org/">arvados.org&nbsp;&raquo;</a></li>
87             </ul>
88           </div><!--/.nav-collapse -->
89         </div>
90       </div>
91     </div>
92
93     {% if page.navsection == 'top' %}
94     {{ content }}
95     {% else %}
96
97     <div style="height:19px;"></div>
98
99     <div class="container-fluid">
100       <div class="row-fluid">
101         <div class="span3">
102           <div class="affix-top">
103             <div class="well sidebar-nav">
104               {% if page.navsection == 'userguide' %}
105               <ol class="nav nav-list">
106                 <li>Getting Started
107                   <ol class="nav nav-list">
108                     {% for navorder in (0..99) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
109                     <li {% if p.url == page.url %} class="active activesubnav" {% elsif p.title == page.subnavsection %} class="activesubnav" {% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
110                     {% endif %}{% endfor %}{% endfor %}
111                   </ol>
112                 </li>
113                 <li>Tutorials
114                   <ol class="nav nav-list">
115                     {% for navorder in (100..199) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
116                     <li {% if p.url == page.url %} class="active activesubnav" {% elsif p.title == page.subnavsection %} class="activesubnav" {% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
117                     {% endif %}{% endfor %}{% endfor %}
118                   </ol>
119                 </li>
120                 <li>Examples
121                   <ol class="nav nav-list">
122                     {% for navorder in (200..299) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
123                     <li {% if p.url == page.url %} class="active activesubnav" {% elsif p.title == page.subnavsection %} class="activesubnav" {% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
124                     {% endif %}{% endfor %}{% endfor %}
125                   </ol>
126                 </li>
127                 <li>Reference
128                   <ol class="nav nav-list">
129                     {% for navorder in (300..399) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
130                     <li {% if p.url == page.url %} class="active activesubnav" {% elsif p.title == page.subnavsection %} class="activesubnav" {% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
131                     {% endif %}{% endfor %}{% endfor %}
132                   </ol>
133                 </li>
134               </ol>
135               {% else %}
136               <ol class="nav nav-list">
137                 {% for navorder in (0..99) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
138                 <li {% if p.url == page.url %} class="active activesubnav" {% elsif p.title == page.subnavsection %} class="activesubnav" {% endif %}><a href="{{ site.baseurl }}{{ p.url }}">{{ p.title }}</a></li>
139                 {% endif %}{% endfor %}{% endfor %}
140               </ol>         
141               {% endif %}
142             </div>
143           </div>
144         </div>
145         <div class="span9"><div style="padding-left: 2em;">
146           {{ content }}
147         </div></div>
148       </div>
149
150       <div style="height: 2em"></div>
151
152     </div>
153     {% endif %}
154     <script src="{{ site.baseurl }}/js/jquery.min.js"></script>
155     <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
156     <script>
157   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
158   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
159   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
160   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
161
162   ga('create', 'UA-40055979-1', 'arvados.org');
163   ga('send', 'pageview');
164
165     </script>
166
167 <p style="text-align: center">
168 The content of this documentation is licensed under a
169 <a href="https://creativecommons.org/licenses/by-sa/3.0/us/">Creative
170   Commons Attribution-Share Alike 3.0 United States</a> licence.
171 </p>
172
173   </body>
174 </html>
175