docs/theme/docker/layout.html - third_party/github.com/moby/moby - Git at Google

 <!DOCTYPE html>
 <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="google-site-verification" content="UxV66EKuPe87dgnH1sbrldrx6VsoWMrx5NjwkgUFxXI" />

     <title>{{ meta['title'] if meta and meta['title'] else title }} - Docker Documentation</title>

     <meta name="description" content="{{ meta['description'] if meta }}" />
     <meta name="keywords" content="{{ meta['keywords'] if meta }}" />

     {%- set url_root = pathto('', 1) %}
     {%- if url_root == '#' %}{% set url_root = '' %}{% endif %}

     <script type="text/javascript">
         // This is probably used by the search engine
         var DOCUMENTATION_OPTIONS = {
             URL_ROOT:    '{{ url_root }}',
             VERSION:     '{{ release|e }}',
             COLLAPSE_INDEX: false,
             FILE_SUFFIX: '{{ '' if no_search_suffix else file_suffix }}',
             HAS_SOURCE:  {{ has_source|lower }}
         };
     </script>

     {%- set css_files = css_files + ['_static/css/bootstrap.css'] %}
     {%- set css_files = css_files + ['_static/css/bootstrap-responsive.css'] %}
     {%- set css_files = css_files + ['_static/pygments.css'] %}
     {%- set css_files = css_files + ['_static/css/main.css'] %}

     {%- set script_files =
     ['https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js']
     + ['https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js']
     + script_files
     %}

     {%- set script_files = script_files + ['_static/js/docs.js'] %}

     {%- if pagename == 'index' %}
     <link rel="canonical" href="http://docs.docker.io/en/latest/">
     {% else %}
     <link rel="canonical" href="http://docs.docker.io/en/latest/{{ pagename }}/">
     {% endif %}
     {%- for cssfile in css_files %}
     <link rel="stylesheet" href="{{ pathto(cssfile, 1) }}" type="text/css" />
     {%- endfor %}

     {%- for scriptfile in script_files if scriptfile != '_static/jquery.js' %}
     <script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
     {%- endfor %}

     <link rel="shortcut icon" href="{{ pathto('_static/favicon.png', 1) }}"/>


     {%- block extrahead %}{% endblock %}

 </head>

 <body>

 <div class="navbar navbar-fixed-top">
     <div class="navbar-dotcloud">
         <div class="container" style="text-align: center;">

             <div style="float: right" class="pull-right">
                 <ul class="nav">
                     <li id="nav-introduction"><a href="http://www.docker.io/" title="Docker Homepage">Home</a></li>
                     <li id="nav-about"><a href="http://www.docker.io/about/" title="About">About</a></li>
                     <li id="nav-gettingstarted"><a href="http://www.docker.io/gettingstarted/">Getting started</a></li>
                     <li id="nav-community"><a href="http://www.docker.io/community/" title="Community">Community</a></li>
                     <li id="nav-documentation" class="active"><a href="http://docs.docker.io/en/latest/">Documentation</a></li>
                     <li id="nav-blog"><a href="http://blog.docker.io/" title="Docker Blog">Blog</a></li>
                     <li id="nav-index"><a href="http://index.docker.io/" title="Docker Image Index, find images here">INDEX <img class="inline-icon" src="{{ pathto('_static/img/external-link-icon.png', 1) }}" title="external link"> </a></li>
                 </ul>
             </div>

             <div style="margin-left: -12px; float: left;">
                 <a href="http://www.docker.io" title="Docker Homepage"><img style="margin-top: 0px; height: 60px; width: 160px; margin-left: 10px;" src="{{ pathto('_static/img/docker-top-logo.png', 1) }}"></a>
             </div>
         </div>


     </div>
 </div>


 <div class="container">
     <div class="row">
         <div class="span12 titlebar">
             <!--<span class="pull-right" style="margin-left: 20px; font-size: 20px">{{version}}</span>-->
             <div class="pull-right" id="fork-us" style="margin-top: 16px; margin-right: 16px;">
                 <a  href="https://github.com/dotcloud/docker/blob/master/docs/sources/{{ pagename }}.rst"><img src="{{ pathto('_static/img/fork-us.png', 1) }}"> Edit this page on Github</a>
             </div>
             <h1 class="pageheader"><a href="http://docs.docker.io/en/latest/" title="Documentation" style="color: white;">DOCUMENTATION</a></h1>

         </div>
     </div>

 </div>

 <div class="container">

     <!-- Docs nav
      ================================================== -->
     <div class="row" style="position: relative">

         <div class="span3 sidebar bs-docs-sidebar">
             {{ toctree(collapse=False, maxdepth=3) }}
 	    <form>
 	      <input type="text" id="st-search-input" class="st-search-input span3" style="width:160px;" />
 	    </form>
         </div>

         <!-- body block -->
         <div class="span9">

             <!-- Main section
             ================================================== -->
             <section id="global" class="containerblock">
                 {% block body %}{% endblock %}
             </section>

 	    <!-- Swiftype search -->
 	    <div id="st-results-container"></div>
 	    <script type="text/javascript">
 	      var Swiftype = window.Swiftype || {};
 	      (function() {
 	      Swiftype.key = 'pWPnnyvwcfpcrw1o51Sz';
 	      Swiftype.inputElement = '#st-search-input';
 	      Swiftype.resultContainingElement = '#st-results-container';
 	      Swiftype.attachElement = '#st-search-input';
 	      Swiftype.renderStyle = "overlay";

 	      var script = document.createElement('script');
 	      script.type = 'text/javascript';
 	      script.async = true;
 	      script.src = "//swiftype.com/embed.js";
 	      var entry = document.getElementsByTagName('script')[0];
 	      entry.parentNode.insertBefore(script, entry);
 	      }());
 	    </script>

         </div>
     </div>
 </div>

 <div id="footer" class="container" >
     <div class="row">

         <div class="span12 footer">
             <div class="tbox textright forceleftmargin social links pull-right">
                 <a class="twitter" href="http://twitter.com/docker">Twitter</a>
                 <a class="github" href="https://github.com/dotcloud/docker/">GitHub</a>
             </div>

             Docker is a project by <a href="http://www.dotcloud.com">dotCloud</a>


 {#            {%- if show_source and has_source and sourcename %}#}
 {#            ·#}
 {#            <a href="{{ pathto('_sources/' + sourcename, true)|e }}"#}
 {#               rel="nofollow">View the RST source of this page</a>#}
 {#            {%- endif %}#}
 {#            {%- if pagename != "search" %}#}

 {#TODO: Make a proper location for the search #}
 {#            Search:#}
 {#            <form#}
 {#                    style="display: inline;"#}
 {#                    class="search" action="{{ pathto('search') }}" method="get">#}
 {#                <input type="text" name="q" size="18" />#}
 {#                <input type="hidden" name="check_keywords" value="yes" />#}
 {#                <input type="hidden" name="area" value="default" />#}
 {#            </form>#}
 {#            {%- endif %}#}


         </div>
     </div>
 </div>


   <!-- script which should be loaded after everything else -->
 <script type="text/javascript">

     // Function to make the sticky header possible
     var shiftWindow = function() {
         scrollBy(0, -70);
         console.log("window shifted")
     };
     window.addEventListener("hashchange", shiftWindow);

     function loadShift() {
         if (window.location.hash) {
             console.log("window has hash");
             shiftWindow();
         }
     }

     $(window).load(function() {
         loadShift();
         console.log("late loadshift");
     });

     $(function(){

         // sidebar accordian-ing
         // don't apply on last object (it should be the FAQ)

         // define an array to which all opened items should be added
         var openmenus = [];

         var elements = $('.toctree-l2');
         for (var i = 0; i < elements.length; i += 1) { var current = $(elements[i]); current.children('ul').hide();}


         // set initial collapsed state
         var elements = $('.toctree-l1');
         for (var i = 0; i < elements.length; i += 1) {
             var current = $(elements[i]);
             if (current.hasClass('current')) {

                 currentlink = current.children('a')[0].href;
                 openmenus.push(currentlink);

                 // do nothing
             } else {
                 // collapse children
                 current.children('ul').hide();
             }
         }

         // attached handler on click
         // Do not attach to first element or last (intro, faq) so that
         // first and last link directly instead of accordian
         $('.sidebar > ul > li > a').not(':last').not(':first').click(function(){

             var index = $.inArray(this.href, openmenus)

             if (index > -1) {
                 console.log(index);
                 openmenus.splice(index, 1);


                 $(this).parent().children('ul').slideUp(200, function() {
                     // $(this).parent().removeClass('current'); // toggle after effect
                 });
             }
             else {
                 openmenus.push(this.href);
                 console.log(this);

                 var current = $(this);

                 setTimeout(function() {
                     $('.sidebar > ul > li').removeClass('current');
                     current.parent().addClass('current'); // toggle before effect
                     current.parent().children('ul').hide();
                     current.parent().children('ul').slideDown(200);
                 }, 100);
             }
             return false;
         });

     });
 </script>

     <!-- Google analytics -->
     <script type="text/javascript">

         var _gaq = _gaq || [];
         _gaq.push(['_setAccount', 'UA-6096819-11']);
         _gaq.push(['_setDomainName', 'docker.io']);
         _gaq.push(['_setAllowLinker', true]);
         _gaq.push(['_trackPageview']);

         (function() {
             var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
             ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
         })();

     </script>

 </body>
 </html>
	<!DOCTYPE html>
	<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
	<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
	<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
	<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="google-site-verification" content="UxV66EKuPe87dgnH1sbrldrx6VsoWMrx5NjwkgUFxXI" />

	<title>{{ meta['title'] if meta and meta['title'] else title }} - Docker Documentation</title>

	<meta name="description" content="{{ meta['description'] if meta }}" />
	<meta name="keywords" content="{{ meta['keywords'] if meta }}" />

	{%- set url_root = pathto('', 1) %}
	{%- if url_root == '#' %}{% set url_root = '' %}{% endif %}

	<script type="text/javascript">
	// This is probably used by the search engine
	var DOCUMENTATION_OPTIONS = {
	URL_ROOT: '{{ url_root }}',
	VERSION: '{{ release\|e }}',
	COLLAPSE_INDEX: false,
	FILE_SUFFIX: '{{ '' if no_search_suffix else file_suffix }}',
	HAS_SOURCE: {{ has_source\|lower }}
	};
	</script>

	{%- set css_files = css_files + ['_static/css/bootstrap.css'] %}
	{%- set css_files = css_files + ['_static/css/bootstrap-responsive.css'] %}
	{%- set css_files = css_files + ['_static/pygments.css'] %}
	{%- set css_files = css_files + ['_static/css/main.css'] %}

	{%- set script_files =
	['https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js']
	+ ['https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js']
	+ script_files
	%}

	{%- set script_files = script_files + ['_static/js/docs.js'] %}

	{%- if pagename == 'index' %}
	<link rel="canonical" href="http://docs.docker.io/en/latest/">
	{% else %}
	<link rel="canonical" href="http://docs.docker.io/en/latest/{{ pagename }}/">
	{% endif %}
	{%- for cssfile in css_files %}
	<link rel="stylesheet" href="{{ pathto(cssfile, 1) }}" type="text/css" />
	{%- endfor %}

	{%- for scriptfile in script_files if scriptfile != '_static/jquery.js' %}
	<script type="text/javascript" src="{{ pathto(scriptfile, 1) }}"></script>
	{%- endfor %}

	<link rel="shortcut icon" href="{{ pathto('_static/favicon.png', 1) }}"/>


	{%- block extrahead %}{% endblock %}

	</head>

	<body>

	<div class="navbar navbar-fixed-top">
	<div class="navbar-dotcloud">
	<div class="container" style="text-align: center;">

	<div style="float: right" class="pull-right">
	<ul class="nav">
	<li id="nav-introduction"><a href="http://www.docker.io/" title="Docker Homepage">Home</a></li>
	<li id="nav-about"><a href="http://www.docker.io/about/" title="About">About</a></li>
	<li id="nav-gettingstarted"><a href="http://www.docker.io/gettingstarted/">Getting started</a></li>
	<li id="nav-community"><a href="http://www.docker.io/community/" title="Community">Community</a></li>
	<li id="nav-documentation" class="active"><a href="http://docs.docker.io/en/latest/">Documentation</a></li>
	<li id="nav-blog"><a href="http://blog.docker.io/" title="Docker Blog">Blog</a></li>
	<li id="nav-index"><a href="http://index.docker.io/" title="Docker Image Index, find images here">INDEX <img class="inline-icon" src="{{ pathto('_static/img/external-link-icon.png', 1) }}" title="external link"> </a></li>
	</ul>
	</div>

	<div style="margin-left: -12px; float: left;">
	<a href="http://www.docker.io" title="Docker Homepage"><img style="margin-top: 0px; height: 60px; width: 160px; margin-left: 10px;" src="{{ pathto('_static/img/docker-top-logo.png', 1) }}"></a>
	</div>
	</div>


	</div>
	</div>


	<div class="container">
	<div class="row">
	<div class="span12 titlebar">
	<!--<span class="pull-right" style="margin-left: 20px; font-size: 20px">{{version}}</span>-->
	<div class="pull-right" id="fork-us" style="margin-top: 16px; margin-right: 16px;">
	<a href="https://github.com/dotcloud/docker/blob/master/docs/sources/{{ pagename }}.rst"><img src="{{ pathto('_static/img/fork-us.png', 1) }}"> Edit this page on Github</a>
	</div>
	<h1 class="pageheader"><a href="http://docs.docker.io/en/latest/" title="Documentation" style="color: white;">DOCUMENTATION</a></h1>

	</div>
	</div>

	</div>

	<div class="container">

	<!-- Docs nav
	================================================== -->
	<div class="row" style="position: relative">

	<div class="span3 sidebar bs-docs-sidebar">
	{{ toctree(collapse=False, maxdepth=3) }}
	<form>
	<input type="text" id="st-search-input" class="st-search-input span3" style="width:160px;" />
	</form>
	</div>

	<!-- body block -->
	<div class="span9">

	<!-- Main section
	================================================== -->
	<section id="global" class="containerblock">
	{% block body %}{% endblock %}
	</section>

	<!-- Swiftype search -->
	<div id="st-results-container"></div>
	<script type="text/javascript">
	var Swiftype = window.Swiftype \|\| {};
	(function() {
	Swiftype.key = 'pWPnnyvwcfpcrw1o51Sz';
	Swiftype.inputElement = '#st-search-input';
	Swiftype.resultContainingElement = '#st-results-container';
	Swiftype.attachElement = '#st-search-input';
	Swiftype.renderStyle = "overlay";

	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.async = true;
	script.src = "//swiftype.com/embed.js";
	var entry = document.getElementsByTagName('script')[0];
	entry.parentNode.insertBefore(script, entry);
	}());
	</script>

	</div>
	</div>
	</div>

	<div id="footer" class="container" >
	<div class="row">

	<div class="span12 footer">
	<div class="tbox textright forceleftmargin social links pull-right">
	<a class="twitter" href="http://twitter.com/docker">Twitter</a>
	<a class="github" href="https://github.com/dotcloud/docker/">GitHub</a>
	</div>

	Docker is a project by <a href="http://www.dotcloud.com">dotCloud</a>


	{# {%- if show_source and has_source and sourcename %}#}
	{# ·#}
	{# <a href="{{ pathto('_sources/' + sourcename, true)\|e }}"#}
	{# rel="nofollow">View the RST source of this page</a>#}
	{# {%- endif %}#}
	{# {%- if pagename != "search" %}#}

	{#TODO: Make a proper location for the search #}
	{# Search:#}
	{# <form#}
	{# style="display: inline;"#}
	{# class="search" action="{{ pathto('search') }}" method="get">#}
	{# <input type="text" name="q" size="18" />#}
	{# <input type="hidden" name="check_keywords" value="yes" />#}
	{# <input type="hidden" name="area" value="default" />#}
	{# </form>#}
	{# {%- endif %}#}


	</div>
	</div>
	</div>


	<!-- script which should be loaded after everything else -->
	<script type="text/javascript">

	// Function to make the sticky header possible
	var shiftWindow = function() {
	scrollBy(0, -70);
	console.log("window shifted")
	};
	window.addEventListener("hashchange", shiftWindow);

	function loadShift() {
	if (window.location.hash) {
	console.log("window has hash");
	shiftWindow();
	}
	}

	$(window).load(function() {
	loadShift();
	console.log("late loadshift");
	});

	$(function(){

	// sidebar accordian-ing
	// don't apply on last object (it should be the FAQ)

	// define an array to which all opened items should be added
	var openmenus = [];

	var elements = $('.toctree-l2');
	for (var i = 0; i < elements.length; i += 1) { var current = $(elements[i]); current.children('ul').hide();}


	// set initial collapsed state
	var elements = $('.toctree-l1');
	for (var i = 0; i < elements.length; i += 1) {
	var current = $(elements[i]);
	if (current.hasClass('current')) {

	currentlink = current.children('a')[0].href;
	openmenus.push(currentlink);

	// do nothing
	} else {
	// collapse children
	current.children('ul').hide();
	}
	}

	// attached handler on click
	// Do not attach to first element or last (intro, faq) so that
	// first and last link directly instead of accordian
	$('.sidebar > ul > li > a').not(':last').not(':first').click(function(){

	var index = $.inArray(this.href, openmenus)

	if (index > -1) {
	console.log(index);
	openmenus.splice(index, 1);


	$(this).parent().children('ul').slideUp(200, function() {
	// $(this).parent().removeClass('current'); // toggle after effect
	});
	}
	else {
	openmenus.push(this.href);
	console.log(this);

	var current = $(this);

	setTimeout(function() {
	$('.sidebar > ul > li').removeClass('current');
	current.parent().addClass('current'); // toggle before effect
	current.parent().children('ul').hide();
	current.parent().children('ul').slideDown(200);
	}, 100);
	}
	return false;
	});

	});
	</script>

	<!-- Google analytics -->
	<script type="text/javascript">

	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-6096819-11']);
	_gaq.push(['_setDomainName', 'docker.io']);
	_gaq.push(['_setAllowLinker', true]);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

	</script>

	</body>
	</html>