doc/_layouts/default.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>{{ 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="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             </ul>
  57           </div><!--/.nav-collapse -->
  58         </div>
  59       </div>
  60     </div>
  61
  62     <div class="container-fluid">
  63
  64       {% if page.navsection == 'top' %}
  65       {{ content }}
  66       {% else %}
  67       <div class="row-fluid">
  68         <div class="span3">
  69           <div class="span3 affix">
  70             <div class="well sidebar-nav">
  71               <ul class="nav nav-list">
  72                 {% for navorder in (0..100) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
  73                 <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>
  74                 {% endif %}{% endfor %}{% endfor %}
  75               </ul>
  76             </div>
  77           </div>
  78         </div>
  79         <div class="span9"><div style="padding-left: 2em;">
  80           {{ content }}
  81         </div></div>
  82       </div>
  83       {% endif %}
  84
  85       <div style="height: 2em"></div>
  86
  87     </div>
  88     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  89     <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
  90   </body>
  91 </html>
  92