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="/doc/images/favicon.ico" type="image/x-icon">
  10     <link rel="shortcut icon" href="/doc/images/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: 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     </style>
  52     <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css" rel="stylesheet">
  53     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  54     <!--[if lt IE 9]>
  55         <script src="../assets/js/html5shiv.js"></script>
  56         <![endif]-->
  57   </head>
  58   <body class="nopad">
  59     <div class="navbar navbar-inverse navbar-fixed-top" style="margin-bottom:0;">
  60       <div class="navbar-inner">
  61         <div class="container">
  62           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  63             <span class="icon-bar"></span>
  64             <span class="icon-bar"></span>
  65             <span class="icon-bar"></span>
  66           </button>
  67           <a class="brand" href="{{ site.baseurl }}/">Arvados Docs</a>
  68           <div class="nav-collapse collapse">
  69             <ul class="nav">
  70               <li {% if page.navsection == 'userguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/user/">User&nbsp;Guide</a></li>
  71               <li {% if page.navsection == 'api' %} class="active" {% endif %}><a href="{{ site.baseurl }}/api/">API&nbsp;Reference</a></li>
  72               <li {% if page.navsection == 'adminguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/admin/">Admin Guide</a></li>
  73               <li {% if page.navsection == 'installguide' %} class="active" {% endif %}><a href="{{ site.baseurl }}/install/">Install Guide</a></li>
  74               <li><a></a></li>
  75               <li><a href="https://arvados.org/">arvados.org&nbsp;&raquo;</a></li>
  76             </ul>
  77           </div><!--/.nav-collapse -->
  78         </div>
  79       </div>
  80     </div>
  81
  82     {% if page.navsection == 'top' %}
  83     {{ content }}
  84     {% else %}
  85
  86     <div style="height:19px;"></div>
  87
  88     <div class="container-fluid">
  89       <div class="row-fluid">
  90         <div class="span3">
  91           <div class="affix-top">
  92             <div class="well sidebar-nav">
  93               <ul class="nav nav-list">
  94                 {% for navorder in (0..100) %}{% for p in site.pages %}{% if p.navsection == page.navsection and p.navorder == navorder %}
  95                 <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>
  96                 {% endif %}{% endfor %}{% endfor %}
  97               </ul>
  98             </div>
  99           </div>
 100         </div>
 101         <div class="span9"><div style="padding-left: 2em;">
 102           {{ content }}
 103         </div></div>
 104       </div>
 105
 106       <div style="height: 2em"></div>
 107
 108     </div>
 109     {% endif %}
 110     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 111     <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
 112   </body>
 113 </html>
 114