Reorganized user manual into sections
[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 }}/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       }
58       .userinput {
59       color: #d14;
60       }
61     </style>
62     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
63     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
64     <!--[if lt IE 9]>
65         <script src="../assets/js/html5shiv.js"></script>
66         <![endif]-->
67   </head>
68   <body class="nopad">
69     <div class="navbar navbar-inverse navbar-fixed-top" style="margin-bottom:0;">
70       <div class="navbar-inner">
71         <div class="container">
72           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
73             <span class="icon-bar"></span>
74             <span class="icon-bar"></span>
75             <span class="icon-bar"></span>
76           </button>
77           <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
78           <div class="nav-collapse collapse">
79             <ul class="nav">
80               <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User&nbsp;Guide</a></li>
81               <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/">API&nbsp;Reference</a></li>
82               <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin Guide</a></li>
83               <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install Guide</a></li>
84               <li><a></a></li>
85               <li><a href="https://arvados.org/">arvados.org&nbsp;&raquo;</a></li>
86             </ul>
87           </div><!--/.nav-collapse -->
88         </div>
89       </div>
90     </div>
91
92     {% if page.navsection == 'top' %}
93     {{ content }}
94     {% else %}
95
96     <div style="height:19px;"></div>
97
98     <div class="container-fluid">
99       <div class="row-fluid">
100         <div class="span3">
101           <div class="affix-top">
102             <div class="well sidebar-nav">
103               <ol class="nav nav-list">
104                 <li>Getting Started
105                   <ol class="nav nav-list">
106                     {% for navorder in (0..99) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
107                     <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>
108                     {% endif %}{% endfor %}{% endfor %}
109                   </ol>
110                 </li>
111                 <li>Tutorials
112                   <ol class="nav nav-list">
113                     {% for navorder in (100..199) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
114                     <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>
115                     {% endif %}{% endfor %}{% endfor %}
116                   </ol>
117                 </li>
118                 <li>Examples
119                   <ol class="nav nav-list">
120                     {% for navorder in (200..299) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
121                     <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>
122                     {% endif %}{% endfor %}{% endfor %}
123                   </ol>
124                 </li>
125                 <li>Reference
126                   <ol class="nav nav-list">
127                     {% for navorder in (300..399) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
128                     <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>
129                     {% endif %}{% endfor %}{% endfor %}
130                   </ol>
131                 </li>
132               </ol>
133             </div>
134           </div>
135         </div>
136         <div class="span9"><div style="padding-left: 2em;">
137           {{ content }}
138         </div></div>
139       </div>
140
141       <div style="height: 2em"></div>
142
143     </div>
144     {% endif %}
145     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
146     <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
147     <script>
148   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
149   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
150   m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
151   })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
152
153   ga('create', 'UA-40055979-1', 'arvados.org');
154   ga('send', 'pageview');
155
156     </script>
157
158 <p style="text-align: center">
159 The content of this documentation is licensed under a
160 <a href="https://creativecommons.org/licenses/by-sa/3.0/us/">Creative
161   Commons Attribution-Share Alike 3.0 United States</a> licence.
162 </p>
163
164   </body>
165 </html>
166