projects / arvados.git / blobdiff
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
fix doc front page header image
[arvados.git] / doc / _layouts / default.html
diff --git a/doc/_layouts/default.html b/doc/_layouts/default.html
index 9a74bb7c67d48126f65b6402ff230cad1593e2c6..ee0f6bb2e438d2674170dfa515b0ae608d478fff 100644 (file)
--- a/doc/_layouts/default.html
+++ b/doc/_layouts/default.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>{{ page.title }}</title>
+    <title>{{ page.title }}{% unless page.title == "Arvados Docs" %} | Arvados Docs{% endunless %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
@@ -11,7 +11,24 @@
     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
     <style>
       body {
-      padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
+      padding-top: 41px; /* 60px to make the container go all the way to the bottom of the topbar */
+      }
+      .sidebar-nav {
+        padding: 9px 0;
+      }
+      .section-block {
+      background: #eeeeee;
+      padding: 1em;
+      -webkit-border-radius: 12px;
+      -moz-border-radius: 12px;
+      border-radius: 12px;
+      margin: 0 2em;
+      }
+      .row-fluid :first-child .section-block {
+      margin-left: 0;
+      }
+      .row-fluid :last-child .section-block {
+      margin-right: 0;
       }
     </style>
     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
@@ -32,41 +49,46 @@
           <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
           <div class="nav-collapse collapse">
             <ul class="nav">
-              <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User</a></li>
-              <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin</a></li>
-              <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install</a></li>
+              <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User&nbsp;Guide</a></li>
+              <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/">API&nbsp;Reference</a></li>
+              <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin Guide</a></li>
+              <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install Guide</a></li>
+              <li><a></a></li>
+              <li><a href="https://arvados.org/">arvados.org&nbsp;&raquo;</a></li>
             </ul>
           </div><!--/.nav-collapse -->
         </div>
       </div>
     </div>
 
-    <div class="container">
+    {% if page.navsection == 'top' %}
+    {{ content }}
+    {% else %}
+
+    <div style="height:19px;"></div>
 
-      {% if page.navsection == 'top' %}
-      {{ content }}
-      {% else %}
-      <div class="row">
+    <div class="container-fluid">
+      <div class="row-fluid">
         <div class="span3">
-          <ul class="nav nav-tabs nav-stacked affix span3">
-            {% for navorder in (0..100) %}
-            {% for p in site.pages %}
-            {% if p.navsection == page.navsection and p.navorder == navorder %}
-            <li><a href="{{ site.baseurl }}{{ p.url }}" {% if p.url == page.url %} class="active"{% endif %} >{{ p.title }}</a></li>
-            {% endif %}
-            {% endfor %}
-            {% endfor %}
-          </ul>
+          <div class="affix-top">
+            <div class="well sidebar-nav">
+              <ul class="nav nav-list">
+                {% for navorder in (0..100) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
+                <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>
+                {% endif %}{% endfor %}{% endfor %}
+              </ul>
+            </div>
+          </div>
         </div>
         <div class="span9"><div style="padding-left: 2em;">
           {{ content }}
         </div></div>
       </div>
-      {% endif %}
 
       <div style="height: 2em"></div>
 
     </div>
+    {% endif %}
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
   </body>