doc/_layouts/default.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>{{ page.title }}{% unless page.title == "Arvados Docs" %} | Arvados Docs{% endunless %}</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="https://arvados.org/favicon.ico" type="image/x-icon">
  10     <link rel="shortcut icon" href="https://arvados.org/favicon.ico" type="image/x-icon">
  11     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
  12     <style>
  13       body {
  14       padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
  15       }
  16       .sidebar-nav {
  17         padding: 9px 0;
  18       }
  19       .section-block {
  20       background: #eeeeee;
  21       padding: 1em;
  22       -webkit-border-radius: 12px;
  23       -moz-border-radius: 12px;
  24       border-radius: 12px;
  25       margin: 0 2em;
  26       }
  27       .row-fluid :first-child .section-block {
  28       margin-left: 0;
  29       }
  30       .row-fluid :last-child .section-block {
  31       margin-right: 0;
  32       }
  33     </style>
  34     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
  35     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  36     <!--[if lt IE 9]>
  37         <script src="../assets/js/html5shiv.js"></script>
  38         <![endif]-->
  39   </head>
  40   <body>
  41     <div class="navbar navbar-inverse navbar-fixed-top">
  42       <div class="navbar-inner">
  43         <div class="container">
  44           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  45             <span class="icon-bar"></span>
  46             <span class="icon-bar"></span>
  47             <span class="icon-bar"></span>
  48           </button>
  49           <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
  50           <div class="nav-collapse collapse">
  51             <ul class="nav">
  52               <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User&nbsp;Guide</a></li>
  53               <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/">API&nbsp;Reference</a></li>
  54               <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin Guide</a></li>
  55               <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install Guide</a></li>
  56               <li><a></a></li>
  57               <li><a href="https://arvados.org/">arvados.org&nbsp;&raquo;</a></li>
  58             </ul>
  59           </div><!--/.nav-collapse -->
  60         </div>
  61       </div>
  62     </div>
  63
  64     {% if page.navsection == 'top' %}
  65     {{ content }}
  66     {% else %}
  67
  68     <div class="container-fluid">
  69       <div class="row-fluid">
  70         <div class="span3">
  71           <div class="affix-top">
  72             <div class="well sidebar-nav">
  73               <ul class="nav nav-list">
  74                 {% for navorder in (0..100) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
  75                 <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>
  76                 {% endif %}{% endfor %}{% endfor %}
  77               </ul>
  78             </div>
  79           </div>
  80         </div>
  81         <div class="span9"><div style="padding-left: 2em;">
  82           {{ content }}
  83         </div></div>
  84       </div>
  85
  86       <div style="height: 2em"></div>
  87
  88     </div>
  89     {% endif %}
  90     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  91     <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
  92   </body>
  93 </html>
  94