layout.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <title>Docker - {{ meta['title'] if meta and meta['title'] else title }}</title>
  10. <meta name="description" content="{{ meta['description'] if meta }}" />
  11. <meta name="keywords" content="{{ meta['keywords'] if meta }}" />
  12. {%- set url_root = pathto('', 1) %}
  13. {%- if url_root == '#' %}{% set url_root = '' %}{% endif %}
  14. <script type="text/javascript">
  15. // This is probably used by the search engine
  16. var DOCUMENTATION_OPTIONS = {
  17. URL_ROOT: '{{ url_root }}',
  18. VERSION: '{{ release|e }}',
  19. COLLAPSE_INDEX: false,
  20. FILE_SUFFIX: '{{ '' if no_search_suffix else file_suffix }}',
  21. HAS_SOURCE: {{ has_source|lower }}
  22. };
  23. </script>
  24. {%- set css_files = css_files + ['_static/css/bootstrap.css'] %}
  25. {%- set css_files = css_files + ['_static/css/bootstrap-responsive.css'] %}
  26. {%- set css_files = css_files + ['_static/pygments.css'] %}
  27. {%- set css_files = css_files + ['_static/css/main.css'] %}
  28. {%- set script_files =
  29. ['https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js']
  30. + ['https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js']
  31. + script_files
  32. %}
  33. {%- set script_files = script_files + ['_static/js/docs.js'] %}
  34. {%- for cssfile in css_files %}
  35. <link rel="stylesheet" href="{{ pathto(cssfile, 1) }}" type="text/css" />
  36. {%- endfor %}
  37. {%- for scriptfile in script_files if scriptfile != '_static/jquery.js' %}
  38. <script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
  39. {%- endfor %}
  40. {%- if favicon %}
  41. <link rel="shortcut icon" href="{{ pathto('_static/' + favicon, 1) }}"/>
  42. {%- endif %}
  43. {%- block extrahead %}{% endblock %}
  44. </head>
  45. <body>
  46. <div class="navbar navbar-fixed-top">
  47. <div class="navbar-dotcloud">
  48. <div class="container" style="text-align: center;">
  49. <div style="float: right" class="pull-right">
  50. <ul class="nav">
  51. <li><a href="http://www.docker.io/">Introduction</a></li>
  52. <li><a href="http://www.docker.io/gettingstarted/">Getting started</a></li>
  53. <li class="active"><a href="{{ pathto('concepts/containers/', 1) }}">Documentation</a></li>
  54. </ul>
  55. <div class="social links" style="float: right; margin-top: 14px; margin-left: 12px">
  56. <a class="twitter" href="http://twitter.com/getdocker">Twitter</a>
  57. <a class="github" href="https://github.com/dotcloud/docker/">GitHub</a>
  58. </div>
  59. </div>
  60. <div style="margin-left: -12px; float: left;">
  61. <a href="{{ pathto('./', 1) }}"><img style="margin-top: 12px; height: 38px" src="{{ pathto('_static/img/docker-letters-logo.gif', 1) }}"></a>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. <div class="container">
  67. <div class="row">
  68. <div class="span12 titlebar"><h1 class="pageheader">DOCUMENTATION</h1>
  69. <!--<span class="pull-right" style="margin-left: 20px; font-size: 20px">{{version}}</span>-->
  70. </div>
  71. </div>
  72. </div>
  73. <div class="container">
  74. <!-- Docs nav
  75. ================================================== -->
  76. <div class="row" style="position: relative">
  77. <div class="span3" style="height:100%;" >
  78. </div>
  79. <div class="span3 sidebar bs-docs-sidebar" style="position: absolute">
  80. {{ toctree(collapse=False, maxdepth=3) }}
  81. </div>
  82. <!-- body block -->
  83. <div class="span9">
  84. <!-- Main section
  85. ================================================== -->
  86. <section id="global" class="containerblock">
  87. {% block body %}{% endblock %}
  88. </section>
  89. </div>
  90. </div>
  91. </div>
  92. <div id="footer" class="container" >
  93. <div class="row">
  94. <div class="span12 footer">
  95. Docker is a project by <a href="http://www.dotcloud.com">dotCloud</a>
  96. {# {%- if show_source and has_source and sourcename %}#}
  97. {# ·#}
  98. {# <a href="{{ pathto('_sources/' + sourcename, true)|e }}"#}
  99. {# rel="nofollow">View the RST source of this page</a>#}
  100. {# {%- endif %}#}
  101. {# {%- if pagename != "search" %}#}
  102. {#TODO: Make a proper location for the search #}
  103. {# Search:#}
  104. {# <form#}
  105. {# style="display: inline;"#}
  106. {# class="search" action="{{ pathto('search') }}" method="get">#}
  107. {# <input type="text" name="q" size="18" />#}
  108. {# <input type="hidden" name="check_keywords" value="yes" />#}
  109. {# <input type="hidden" name="area" value="default" />#}
  110. {# </form>#}
  111. {# {%- endif %}#}
  112. {##}
  113. {# <div class="links" style="float: right;">#}
  114. {# <a class="twitter" href="http://twitter.com/getdocker">Twitter</a>#}
  115. {# <a class="github" href="http://github.com/dotcloud/docker/">GitHub</a>#}
  116. {# </div>#}
  117. </div>
  118. </div>
  119. </div>
  120. <!-- script which should be loaded after everything else -->
  121. <script type="text/javascript">
  122. var shiftWindow = function() {
  123. scrollBy(0, -70);
  124. console.log("window shifted")
  125. };
  126. window.addEventListener("hashchange", shiftWindow);
  127. function loadShift() {
  128. if (window.location.hash) {
  129. console.log("window has hash");
  130. shiftWindow();
  131. }
  132. }
  133. $(window).load(function() {
  134. loadShift();
  135. console.log("late loadshift");
  136. });
  137. $(function(){
  138. // sidebar accordian-ing
  139. // don't apply on last object (it should be the FAQ)
  140. var elements = $('.toctree-l2');
  141. for (var i = 0; i < elements.length; i += 1) { var current = $(elements[i]); console.log(current); current.children('ul').hide();}
  142. // set initial collapsed state
  143. var elements = $('.toctree-l1');
  144. for (var i = 0; i < elements.length; i += 1) {
  145. var current = $(elements[i]);
  146. if (current.hasClass('current')) {
  147. // do nothing
  148. } else {
  149. // collapse children
  150. current.children('ul').hide();
  151. }
  152. }
  153. // attached handler on click
  154. $('.sidebar > ul > li > a').not(':last').click(function(){
  155. if ($(this).parent().hasClass('current')) {
  156. $(this).parent().children('ul').slideUp(200, function() {
  157. $(this).parent().removeClass('current'); // toggle after effect
  158. });
  159. } else {
  160. //$('.sidebar > ul > li > ul').slideUp(100);
  161. var current = $(this);
  162. setTimeout(function() {
  163. $('.sidebar > ul > li').removeClass('current');
  164. current.parent().addClass('current'); // toggle before effect
  165. current.parent().children('ul').hide();
  166. current.parent().children('ul').slideDown(200);
  167. }, 100);
  168. }
  169. return false;
  170. });
  171. });
  172. </script>
  173. <!-- Google analytics -->
  174. <script type="text/javascript">
  175. var _gaq = _gaq || [];
  176. _gaq.push(['_setAccount', 'UA-6096819-11']);
  177. _gaq.push(['_setDomainName', 'docker.io']);
  178. _gaq.push(['_setAllowLinker', true]);
  179. _gaq.push(['_trackPageview']);
  180. (function() {
  181. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  182. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  183. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  184. })();
  185. </script>
  186. </body>
  187. </html>