Working on traits document
[arvados.git] / doc / _layouts / default.html
index bb6a1688f673f838e037a6ea5f93e38f61e1a265..7855d9be5d40aa3776a5cbdc38852724ae9cb4b1 100644 (file)
@@ -2,29 +2,72 @@
 <html>
   <head>
     <meta charset="utf-8">
-    <title>{{ page.title }}</title>
+    <title>{% unless page.title == "Arvados | Documentation" %} Arvados | Documentation | {% endunless %}{{ page.title }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="">
     <meta name="author" content="">
-    <link rel="icon" href="https://arvados.org/favicon.ico" type="image/x-icon">
-    <link rel="shortcut icon" href="https://arvados.org/favicon.ico" type="image/x-icon">
-    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="{{ site.baseurl }}/images/favicon.ico" type="image/x-icon">
+    <link href="{{ site.baseurl }}/css/bootstrap.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;
+      }
+      div.frontpagehero {
+      background: #fff;
+      height: 270px;
+      background-image: url('images/doc-bg.jpg');
+      background-repeat: no-repeat;
+      color: #fff;
+      margin-top:0;
+      margin-left:0;
+      z-index: -1000;
+      opacity: 0.8;
+      }
+      @media (max-width: 979px) {
+      div.frontpagehero {
+      margin-left: -20px;
+      margin-right: -20px;
+      padding-left: 20px;
+      }
       }
       .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;
+      }
+      .rarr {
+      font-size: 1.5em;
+      }
+      .darr {
+      font-size: 4em;
+      text-align: center;
+      margin-bottom: 1em;
+      }
+      .userinput {
+      color: #d14;
+      }
     </style>
-    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
+    <link href="{{ site.baseurl }}/css/bootstrap-responsive.min.css" rel="stylesheet">
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
     <!--[if lt IE 9]>
         <script src="../assets/js/html5shiv.js"></script>
         <![endif]-->
   </head>
-  <body>
-    <div class="navbar navbar-inverse navbar-fixed-top">
+  <body class="nopad">
+    <div class="navbar navbar-inverse navbar-fixed-top" style="margin-bottom:0;">
       <div class="navbar-inner">
         <div class="container">
           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
               <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-fluid">
+    {% if page.navsection == 'top' %}
+    {{ content }}
+    {% else %}
 
-      {% if page.navsection == 'top' %}
-      {{ content }}
-      {% else %}
+    <div style="height:19px;"></div>
+
+    <div class="container-fluid">
       <div class="row-fluid">
         <div class="span3">
-          <div class="span3 affix">
+          <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>
+             <ol class="nav nav-list">
+               <li>Getting Started
+                 <ol class="nav nav-list">
+                    {% for navorder in (0..99) %}{% 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 %}
+                 </ol>
+               </li>
+               <li>Tutorials
+                 <ol class="nav nav-list">
+                    {% for navorder in (100..199) %}{% 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 %}
+                 </ol>
+               </li>
+               <li>Examples
+                 <ol class="nav nav-list">
+                    {% for navorder in (200..299) %}{% 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 %}
+                 </ol>
+               </li>
+               <li>Reference
+                 <ol class="nav nav-list">
+                    {% for navorder in (300..399) %}{% 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 %}
+                 </ol>
+               </li>
+             </ol>
             </div>
           </div>
         </div>
           {{ content }}
         </div></div>
       </div>
-      {% endif %}
 
       <div style="height: 2em"></div>
 
     </div>
-    <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>
+    {% endif %}
+    <script src="{{ site.baseurl }}/js/jquery.min.js"></script>
+    <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script>
+    <script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-40055979-1', 'arvados.org');
+  ga('send', 'pageview');
+
+    </script>
+
+<p style="text-align: center">
+The content of this documentation is licensed under a
+<a href="https://creativecommons.org/licenses/by-sa/3.0/us/">Creative
+  Commons Attribution-Share Alike 3.0 United States</a> licence.
+</p>
+
   </body>
 </html>