Hooking up nav to real TOC data, formatting fixes

This commit is contained in:
John Mulhausen 2017-02-16 03:20:03 -08:00
parent b5c9366474
commit f478f1bf0a
17 changed files with 53 additions and 1764 deletions

View File

@ -65,26 +65,3 @@
</div>
</div>
</div>
<!-- nav-secondary -->
<nav class="nav-secondary-tabs" data-spy="affix" data-offset-top="410">
<div class="container-fluid">
<div class="search-form">
<form class="navbar-form navbar-left">
<!-- <input type="text" class="form-control" id ="search" placeholder="Search Documentation"> -->
<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
<div id="autocompleteContainer">
<div id="autocompleteResults"></div>
</div>
<!-- <button type="submit" class="search-submit btn btn-default">Search</button> -->
</form>
</div>
<div id="tabs">
<ul class="tabs nav navbar-nav">
{% include treebuilder.html %}
</ul>
</div>
</div>
</nav>
</header>

View File

@ -28,7 +28,7 @@
</ul>
</div>
<div class="ctrl-right">
<a href="#menu-toggle" id="menu-toggle"><i class="fa fa-outdent" aria-hidden="true"></i></a>
<a href="javascript:void(0)" id="menu-toggle"><i class="fa fa-outdent" aria-hidden="true"></i></a>
<!-- varsion -->
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

View File

@ -1 +0,0 @@
<meta name="robots" content="noindex" />

View File

@ -1,38 +0,0 @@
<!-- {% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}<li data-toggle="collapse" data-parent="#stacked-menu" class="leaf {% if treeString contains pageURLString %}{% assign foundBranch="true"%}active{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a><ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}<li><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %} -->
<div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>
<div class="nav-sidebar navbar-collapse collapse">
<!-- condense these classnames-->
<ul class="nav navbar-collapse" id="stacked-menu">
{% if page.tree == false %}
<li><a href="/">Back to the index</a></li>
{% else %}
{{ leftnav }}
{% endif %}
<li>
<a data-target="#item2" data-toggle="collapse" data-parent="#stacked-menu">Get Started<span class="caret arrow"></span></a>
<ul class="nav collapse" id="item2">
{% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}<li class="leaf {% if treeString contains pageURLString %}{% assign foundBranch="true"%}menu-open{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a><ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}<li><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %}
<li><a href="#">Learn Docker</a></li>
<li><a href="#">Docker Basics</a></li>
<li><a href="#">Define and deploy your app</a></li>
</ul>
</li>
<li><a href="#">Docker ID</a></li>
</ul>
<!-- end sidebar nav -->
</div>

View File

@ -1,132 +1,6 @@
<!-- <div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>
<div class="nav-sidebar navbar-collapse collapse">
<ul class="nav navbar-collapse" id="stacked-menu">
{% if page.tree == false %}
<li><a href="/">Back to the index</a></li>
{% else %} {{ leftnav }} {% endif %}
<li>
<a data-target="#item2" data-toggle="collapse" data-parent="#stacked-menu">Get Started<span class="caret arrow"></span></a>
<ul class="nav collapse" id="item2">
{% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign
treeString="" %}{% endif %}
<li class="leaf {% if treeString contains pageURLString %}{% assign foundBranch=" true "%}menu-open{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a>
<ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}
<li><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %}
<li><a href="#">Learn Docker</a></li>
<li><a href="#">Docker Basics</a></li>
<li><a href="#">Define and deploy your app</a></li>
</ul>
</li>
<li><a href="#">Docker ID</a></li>
</ul>
</div> -->
<div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>
<div class="nav-sidebar navbar-collapse collapse">
<ul class="nav navbar-collapse" id="stacked-menu">
<li><a href="default">Welcome to the Docs</a></li>
<li>
<a data-target="#item1" data-toggle="collapse" data-parent="#stacked-menu" class="active">Get Docker<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item1">
<li><a href="#">Install Docker Engine</a></li>
<li><a href="#" class="active">Docker for Mac</a></li>
</ul>
</li>
<li>
<a data-target="#item2" data-toggle="collapse" data-parent="#stacked-menu">Get Started<span class="caret arrow"></span></a>
<ul class="nav collapse" id="item2">
<li><a href="#">Learn Docker</a></li>
<li><a href="#">Docker Basics</a></li>
<li><a href="#">Define and deploy your app</a></li>
</ul>
</li>
<li><a href="#">Docker ID</a></li>
<li><a href="#">Docker Engine</a></li>
<li><a data-target="#item3" data-toggle="collapse" data-parent="#stacked-menu">Docker for Windows<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item3">
<li><a href="docker-for-windows/">Getting Started</a></li>
<li><a href="docker-for-windows/troubleshoot/" class="">Logs and Troubleshooting</a></li>
<li><a href="docker-for-windows/faqs/">FAQs</a></li>
<li><a href="docker-for-windows/examples/">Example Applications</a></li>
<li><a href="docker-for-windows/opensource/">Open Source Licensing</a></li>
<li><a href="docker-for-windows/release-notes/">Release Notes</a></li>
</ul>
</li>
<li><a data-target="#item4" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item4">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a data-target="#item5" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item5">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a data-target="#item6" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item6">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a data-target="#item7" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item7">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a data-target="#item8" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item8">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a data-target="#item9" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item9">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li><a data-target="#item10" data-toggle="collapse" data-parent="#stacked-menu">Nav Item<span class="caret arrow"></span></a>
<ul class="nav collapse left-submenu" id="item10">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
{{ leftnav }}
</ul>
<!-- end sidebar nav -->
</div>

View File

@ -1 +1,9 @@
{% assign foundBranch="false" %}{% for item in tree %}{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}<li data-toggle="collapse" data-parent="#stacked-menu" {% if treeString contains pageURLString %}{% assign foundBranch="true"%}menu-open{% else %}menu-closed{% endif %}"><a href="javascript:void(0)" class="expand-menu "><span class="menu-icon" aria-hidden="true"></span>{{ item.sectiontitle }}</a><ul class="nav-sub">{% assign tree = item.section %}{% include tree.html %}</ul>{% else %}<li class="leaf"><a href="{{ item.path }}" class="{% if item.path == page.url and item.nosync != true %}active currentPage{% endif %}">{{ item.title }}</a></li>{% endif %}{% endfor %}
{% assign foundBranch="false" %}
{% for item in tree %}
{% if item.sectiontitle %}{% if foundBranch=="false" %}{% capture treeString %}{{ item.section | downcase }}{% endcapture %}{% capture pageURLString %}"{{ page.url }}"{% endcapture %}{% else %}{% assign treeString="" %}{% endif %}
<li><a data-target="#item{{ forloop.index }}" data-toggle="collapse" data-parent="#stacked-menu"{% if treeString contains pageURLString %}{% assign foundBranch="true"%} class="active" aria-expanded="true"{% else %} class="collapsed" aria-expanded="false"{% endif %}>{{ item.sectiontitle }}<span class="caret arrow"></span></a>
<ul class="nav collapse{% if foundBranch == "true" %} in{% endif %}" id="#item{{ forloop.index }}" aria-expanded="{% if foundBranch == "true" %}true{% else %}false{% endif %}">{% assign tree = item.section %}{% include tree.html %}</ul>
</li>
{% else %}
<li><a href="{{ item.path }}"{% if item.path == page.url and item.nosync != true %} class="active currentPage"{% endif %}>{{ item.title }}</a></li>
{% endif %}{% endfor %}

View File

@ -59,6 +59,12 @@ div#autocompleteContainer {
{% if site.GH_ENV == "gh_pages" %}<meta name="robots" content="noindex">{% endif %}
<meta property="og:type" content="website">
<meta property="og:updated_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
<meta property="og:image" content="https://www.docker.com/sites/default/files/social/docker-facebook-share.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@docker_docs">
<meta name="twitter:url" content="https://twitter.com/docker_docs">
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:image:src" content="https://www.docker.com/sites/default/files/social/docker-twitter-share.png">
<meta property="article:published_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}docker, docker open source, docker platform, distributed applications, microservices, containers, docker containers, docker software, docker virtualization{% endif %}">
@ -72,10 +78,11 @@ div#autocompleteContainer {
{% seo %}
{% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
</head>
<body>
<header>
{% include header.html %}
</header>
<body class="html front not-logged-in no-sidebars page-node page-node- page-node-1 node-type-front-page path-docker ng-scope short retina-display all_loaded" ng-app="Docker" ng-controller="DockerController" style="">
<header>
{% if page.landing == true %}{% include global-header.html %}{% endif %}
{% include header.html %}
</header>
<div id="wrapper">
<main class="main" id="page-content-wrapper">
@ -117,6 +124,7 @@ div#autocompleteContainer {
</div>
{% endif %}
</section>
<script language="javascript">
var x = document.links.length;
var baseHref = document.getElementsByTagName('base')[0].href
@ -142,17 +150,6 @@ div#autocompleteContainer {
<div id="sidebar-wrapper">
<div class="toc-nav">
<section class="section" id="RightColumnSection">
<span class="title_section">
<div id="search-div">
<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
<div id="autocompleteContainer">
<div id="autocompleteResults"></div>
</div>
<button type="submit" class="search-submit btn btn-default">Search</button>
</form>
</div>
</span>
<div id="feedback-links">
<ul>
{% if edit_url != "" %}
@ -162,6 +159,20 @@ div#autocompleteContainer {
<li><a href="https://www.docker.com/docker-support-services">&#x0003F;&nbsp;Get support</a></li>
</ul>
</div>
<div class="toggle-mode">
<div class="icon">
<i class="fa fa-sun-o" aria-hidden="true"></i>
</div>
<div class="toggle-switch">
<label class="switch">
<input type="checkbox" id="switch-style">
<div class="slider round"></div>
</label>
</div>
<div class="icon">
<i class="fa fa-moon-o" aria-hidden="true"></i>
</div>
</div>
{% unless page.notoc %} {% assign my_min = page.toc_min | default: site.toc_min | default: 2 %} {% assign my_max = page.toc_max | default: site.toc_max | default: 3 %} {% assign my_name = page.url | default: "unnamed" %}
<div id="side-toc">
<div id="side-toc-title">On this page:</div>
@ -186,12 +197,10 @@ div#autocompleteContainer {
<script>
hljs.initHighlightingOnLoad();
</script>
<!-- <script src="/js/alljs.js"></script> -->
<!-- <script async="" src="/js/app.js"></script> -->
<script async="" src="/js/anchorlinks.js"></script>
<script async="" src="/js/jquery.js"></script>
<script async="" src="/js/menu.js"></script>
<script src="/js/jquery.js"></script>
<script async="" defer src="/js/menu.js"></script>
<script async="" src="/js/bootstrap.min.js"></script>
<script async="" src="/js/docs.js"></script>
<script async="" defer src="/js/docs.js"></script>
</body>
</html>

View File

@ -1,200 +0,0 @@
<!-- relative link basehrefs -->
{% if page.path contains "index.md" %}
{% capture basehref %}{{ page.url }}{% endcapture %}
{% else %}
{% assign crumbs = page.url | split: '/' %}
{% assign stoppingpoint = crumbs | size | minus: 1 %}
{% for crumb in crumbs %}
{% if forloop.index == stoppingpoint %}
{% capture basehref %}{{basehref}}{{ crumb }}/{% endcapture %}
{% break %}
{% else %}
{% capture basehref %}{{basehref}}{{ crumb }}/{% endcapture %}
{% endif %}
{% endfor %}
{% endif %}
<!-- Logic for 'edit this button' -->
{% assign edit_url = "https://github.com/docker/docker.github.io/edit/master/" | append: page.path %}
{% for entry in site.data.not_edited_here.overrides %}
{% if page.url contains entry.path %}
{% if entry.source %}{% assign edit_url = entry.source %}{% else %}{% assign edit_url = "" %}{% endif %}
{% break %}
{% endif %}
{% endfor %}
<!-- End of logic for 'edit this button' -->
<!DOCTYPE html>
<html class="js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms no-csstransforms3d csstransitions fontface no-generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths retina-display is_not_retina chrome version webkit" lang="en">
<head>
<base href="{{ basehref }}"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@charset "UTF-8";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
display: none !important;
}
ng\:form {
display: block;
}
</style>
<script type="text/javascript">
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="4.0.0";
analytics.load("IWj9D0UpZHZdZUZX9jl98PcpBFWBnBMy");
analytics.page();
}}();
</script>
<script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,t,n){function r(n){if(!t[n]){var o=t[n]={exports:{}};e[n][0].call(o.exports,function(t){var o=e[n][1][t];return r(o||t)},o,o.exports)}return t[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(e,t,n){function r(e,t){return function(){o(e,[(new Date).getTime()].concat(a(arguments)),null,t)}}var o=e("handle"),i=e(2),a=e(3);"undefined"==typeof window.newrelic&&(newrelic=NREUM);var u=["setPageViewName","setCustomAttribute","finished","addToTrace","inlineHit"],c=["addPageAction"],f="api-";i(u,function(e,t){newrelic[t]=r(f+t,"api")}),i(c,function(e,t){newrelic[t]=r(f+t)}),t.exports=newrelic,newrelic.noticeError=function(e){"string"==typeof e&&(e=new Error(e)),o("err",[e,(new Date).getTime()])}},{}],2:[function(e,t,n){function r(e,t){var n=[],r="",i=0;for(r in e)o.call(e,r)&&(n[i]=t(r,e[r]),i+=1);return n}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],3:[function(e,t,n){function r(e,t,n){t||(t=0),"undefined"==typeof n&&(n=e?e.length:0);for(var r=-1,o=n-t||0,i=Array(0>o?0:o);++r<o;)i[r]=e[t+r];return i}t.exports=r},{}],ee:[function(e,t,n){function r(){}function o(e){function t(e){return e&&e instanceof r?e:e?u(e,a,i):i()}function n(n,r,o){e&&e(n,r,o);for(var i=t(o),a=l(n),u=a.length,c=0;u>c;c++)a[c].apply(i,r);var s=f[g[n]];return s&&s.push([m,n,r,i]),i}function p(e,t){w[e]=l(e).concat(t)}function l(e){return w[e]||[]}function d(e){return s[e]=s[e]||o(n)}function v(e,t){c(e,function(e,n){t=t||"feature",g[n]=t,t in f||(f[t]=[])})}var w={},g={},m={on:p,emit:n,get:d,listeners:l,context:t,buffer:v};return m}function i(){return new r}var a="nr@context",u=e("gos"),c=e(2),f={},s={},p=t.exports=o();p.backlog=f},{}],gos:[function(e,t,n){function r(e,t,n){if(o.call(e,t))return e[t];var r=n();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:r,writable:!0,enumerable:!1}),r}catch(i){}return e[t]=r,r}var o=Object.prototype.hasOwnProperty;t.exports=r},{}],handle:[function(e,t,n){function r(e,t,n,r){o.buffer([e],r),o.emit(e,t,n)}var o=e("ee").get("handle");t.exports=r,r.ee=o},{}],id:[function(e,t,n){function r(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===window?0:a(e,i,function(){return o++})}var o=1,i="nr@id",a=e("gos");t.exports=r},{}],loader:[function(e,t,n){function r(){if(!w++){var e=v.info=NREUM.info,t=s.getElementsByTagName("script")[0];if(e&&e.licenseKey&&e.applicationID&&t){c(l,function(t,n){e[t]||(e[t]=n)});var n="https"===p.split(":")[0]||e.sslForHttp;v.proto=n?"https://":"http://",u("mark",["onload",a()],null,"api");var r=s.createElement("script");r.src=v.proto+e.agent,t.parentNode.insertBefore(r,t)}}}function o(){"complete"===s.readyState&&i()}function i(){u("mark",["domContent",a()],null,"api")}function a(){return(new Date).getTime()}var u=e("handle"),c=e(2),f=window,s=f.document;NREUM.o={ST:setTimeout,CT:clearTimeout,XHR:f.XMLHttpRequest,REQ:f.Request,EV:f.Event,PR:f.Promise,MO:f.MutationObserver},e(1);var p=""+location,l={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-943.min.js"},d=window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent),v=t.exports={offset:a(),origin:p,features:{},xhrWrappable:d};s.addEventListener?(s.addEventListener("DOMContentLoaded",i,!1),f.addEventListener("load",r,!1)):(s.attachEvent("onreadystatechange",o),f.attachEvent("onload",r)),u("mark",["firstbyte",a()],null,"api");var w=0},{}]},{},["loader"]);</script>
{% if site.GH_ENV == "gh_pages" %}<meta name="robots" content="noindex">{% endif %}
<meta property="og:type" content="website">
<meta property="og:updated_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
<meta property="og:image" content="https://www.docker.com/sites/default/files/social/docker-facebook-share.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@docker_docs">
<meta name="twitter:url" content="https://twitter.com/docker_docs">
<meta name="twitter:title" content="{{ page.title }}">
<meta name="twitter:image:src" content="https://www.docker.com/sites/default/files/social/docker-twitter-share.png">
<meta property="article:published_time" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="{% if page.keywords %}{{ page.keywords }}{% else %}docker, docker open source, docker platform, distributed applications, microservices, containers, docker containers, docker software, docker virtualization{% endif %}">
<link rel="manifest" href="/favicons/manifest.json">
<script async="" src="/js/modernizr.min.js"></script>
<!--<link id="mktoForms2BaseStyle" rel="stylesheet" type="text/css" href="/css/forms2.css">
<link id="mktoForms2ThemeStyle" rel="stylesheet" type="text/css" href="/css/forms2-theme-simple.css"> -->
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/main.css">
<!-- temp css will be removed -->
<link rel="stylesheet" href="/css/temp.css">
{% seo %}
{% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
</head>
<body class="html front not-logged-in no-sidebars page-node page-node- page-node-1 node-type-front-page path-docker ng-scope short retina-display all_loaded" ng-app="Docker" ng-controller="DockerController" style="">
<header>
{% include global-header.html %}
</header>
<div id="wrapper">
<main class="main" id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar-home">
{% include side-menu-alt.html %}
<!-- <ul class="nav navbar-collapse" id="stacked-menu">
{% if page.tree == false %}
<li><a href="/">Back to the index</a></li>
{% else %} {{ leftnav }} {% endif %}
</ul> -->
</div>
<div class="col-sm-9 col-md-10">
<div class="main-content">
<section class="section" id="DocumentationText">
{% if page.title %}
<h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %}
<blockquote style="border-left: 6px solid #FFD601; background: -webkit-gradient(linear, left top, left bottom, from(#FBFCFC), to(#EBEDEF));">{{ site.data.advisories.texts[page.advisory] | markdownify }}</blockquote>{% endif %} {% unless page.tree == false %}{% include read_time.html %}{% endunless %} {{ content }} {% if page.noratings != true %}
<div class="feedback">
<img src="/images/chat.png" alt="chat icon" style="margin-right: 10px">
<b>Feedback?</b> Suggestions? Can't find something in the docs?<br/> {% if edit_url != "" %}
<a href="https://github.com/docker/docker.github.io/edit/master/{{ page.path }}" class="nomunge">Edit this page</a> <span style="color:#D8E0E0">&#9679;</span> {% endif %}
<a href="https://github.com/docker/docker.github.io/issues/new?title=Feedback for: {{ page.path }}&assignee={% if page.assignee %}{{ page.assignee }}{% else %}{{ page.defaultassignee }}{% endif %}&body=File: [{{ page.path }}](https://docs.docker.com{{ page.url }})"
class="nomunge">Request docs changes</a> <span style="color:#D8E0E0">&#9679;</span> <a href="https://www.docker.com/docker-support-services">Get support</a> <br />Rate this page:
<div id="pd_rating_holder_8453675"></div>
<script type="text/javascript">
PDRTJS_settings_8453675 = {
"id": "8453675",
"unique_id": "{{ page.path }}",
"title": "{{ page.title }}",
"permalink": "https://github.com/docker/docker.github.io/blob/master/{{ page.path }}"
};
(function(d, c, j) {
if (!document.getElementById(j)) {
var pd = d.createElement(c),
s;
pd.id = j;
pd.src = ('https:' == document.location.protocol) ? 'https://polldaddy.com/js/rating/rating.js' : 'http://i0.poll.fm/js/rating/rating.js';
s = document.getElementsByTagName(c)[0];
s.parentNode.insertBefore(pd, s);
}
}(document, 'script', 'pd-rating-js'));
</script>
</div>
{% endif %}
</section>
<script language="javascript">
var x = document.links.length;
var baseHref = document.getElementsByTagName('base')[0].href
for (i = 0; i < x; i++) {
var munged = false;
var thisHREF = document.links[i].href;
var originalURL = "{{ page.url }}";
if (thisHREF.indexOf(baseHref + "#") > -1) {
// hash fix
//console.log('BEFORE: base:',baseHref,'thisHREF:',thisHREF,'originalURL:',originalURL);
thisHREF = originalURL + thisHREF.replace(baseHref, "");
//console.log('AFTER: base:',baseHref,'thisHREF:',thisHREF,'originalURL:',originalURL);
}
if ((thisHREF.indexOf(window.location.hostname) > -1 || thisHREF.indexOf('http') == -1) && document.links[i].className.indexOf("nomunge") < 0) {
munged = true;
thisHREF = thisHREF.replace(".md", "/").replace("/index/", "/");
document.links[i].setAttribute('href', thisHREF);
}
}
</script>
</div>
</div>
<div class="hidden-xs hidden-sm col-md-2 col-xl-1 right_column_section">
<section class="section" id="RightColumnSection">
<span class="title_section">
<div id="search-div">
<form class="search-form form-inline ng-pristine ng-valid" id="searchForm" action="/search/">
<input class="search-field form-control ds-input" id="st-search-input" value="" name="q" placeholder="Search the docs" type="search" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top;">
<div id="autocompleteContainer">
<div id="autocompleteResults"></div>
</div>
<button type="submit" class="search-submit btn btn-default">Search</button>
</form>
</div>
</span>
<div id="feedback-links">
<ul>
{% if edit_url != "" %}
<li><a href="{{ edit_url }}">&#9998;&nbsp;Edit this page</a></li>{% endif %}
<li><a href="https://github.com/docker/docker.github.io/issues/new?title=Feedback for: {{ page.path }}&assignee={% if page.assignee %}{{ page.assignee }}{% else %}{{ page.defaultassignee }}{% endif %}&body=File: [{{ page.path }}](https://docs.docker.com{{ page.url }})"
class="nomunge">&#10003;&nbsp;Request docs changes</a></li>
<li><a href="https://www.docker.com/docker-support-services">&#x0003F;&nbsp;Get support</a></li>
</ul>
</div>
{% unless page.notoc %} {% assign my_min = page.toc_min | default: site.toc_min | default: 2 %} {% assign my_max = page.toc_max | default: site.toc_max | default: 3 %} {% assign my_name = page.url | default: "unnamed" %}
<div id="side-toc">
<div id="side-toc-title">On this page:</div>
<div id="side-toc-contents">{% include toc_pure_liquid.html html=content sanitize=true class="inline_toc" id="my_toc" toc_min=my_min toc_max=my_max page_name=my_name %}</div>
</div>
{% endunless %}
</section>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="/css/github.css">
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script async="" src="/js/anchorlinks.js"></script>
<script async="" src="/js/jquery.js"></script>
<script async="" src="/js/menu.js"></script>
<script async="" src="/js/bootstrap.min.js"></script>
<script async="" src="/js/docs.js"></script>
</div>
<div id="mktoStyleLoaded" style="display: none; border-top-color: rgb(18, 52, 86);"></div>
<form class="ng-pristine ng-valid mktoForm mktoHasWidth mktoLayoutLeft" novalidate style="font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: rgb(51, 51, 51); visibility: hidden; position: absolute; top: -500px; left: -1000px; width: 1602px;">
</form>
<iframe name="mktoFormsXDIframe0.4071891359139037" id="MktoForms2XDIframe" src="/js/XDFrame.html" style="display: none;"></iframe>
<script aria-hidden="true" type="application/x-lastpass" id="hiddenlpsubmitdiv" style="display: none;"></script><script>try{(function() { for(var lastpass_iter=0; lastpass_iter < document.forms.length; lastpass_iter++){ var lastpass_f = document.forms[lastpass_iter]; if(typeof(lastpass_f.lpsubmitorig2)=="undefined"){ lastpass_f.lpsubmitorig2 = lastpass_f.submit; if (typeof(lastpass_f.lpsubmitorig2)=='object'){ continue;}lastpass_f.submit = function(){ var form=this; var customEvent = document.createEvent("Event"); customEvent.initEvent("lpCustomEvent", true, true); var d = document.getElementById("hiddenlpsubmitdiv"); if (d) {for(var i = 0; i < document.forms.length; i++){ if(document.forms[i]==form){ if (typeof(d.innerText) != 'undefined') { d.innerText=i.toString(); } else { d.textContent=i.toString(); } } } d.dispatchEvent(customEvent); }form.lpsubmitorig2(); } } }})()}catch(e){}</script>
</body>
</html>

View File

@ -1,11 +1,9 @@
---
layout: null
hide_from_sitemap: true
layout: null
title: All site links for docs.docker.com
---
# All site links for `docs.docker.com`
{% assign pages = site.pages | sort:"path" %}
{% for page in pages %}
{% unless page.layout == null %}

View File

@ -482,8 +482,6 @@ img.with-border {
}
#feedback-links {
border: 1px solid #2294ca;
padding: 10px;
margin-top: 20px;
width: 100%;
}

File diff suppressed because it is too large Load Diff

View File

@ -407,7 +407,7 @@ td, th {
background-color: #FBFBFC;
height: 100%;
width: 270px;
padding: 15px 0 0; }
padding: 50px 0 0; }
.toc-nav ul {
list-style: none;
@ -426,6 +426,9 @@ td, th {
display: block;
transition: 0.3s; }
#side-toc-contents a {
padding-left: 0px; }
.toc-nav a:hover, .offcanvas a:focus {
color: #f1f1f1; }
@ -445,7 +448,7 @@ td, th {
.toggle-mode {
float: left;
width: 100%;
padding: 24px 0px 0px 0px; }
padding: 0px 0px 0px 40px; }
.toggle-mode .icon {
width: 25px;

View File

@ -72,8 +72,6 @@ div#autocompleteContainer {
}
#feedback-links {
border: 1px solid #2294ca;
padding: 10px;
margin-top: 20px;
width: 100%;
}

View File

@ -1,7 +1,7 @@
---
description: Home page for Docker's documentation
keywords: Docker, documentation, manual, guide, reference, api
layout: landing
keywords: Docker, documentation, manual, guide, reference, api, samples
landing: true
title: Docker Documentation
notoc: true
---
@ -148,5 +148,5 @@ production environment. Highlights [Compose Version 3 new features](/engine/gets
</div>
<!-- end component-container-->
</div>
</div>
</div>
</div>

View File

@ -4,22 +4,6 @@
*
*/
function swapStyleSheet(sheet) {
document.getElementById('pagestyle').setAttribute('href', sheet);
}
$('#switch-style').change(function() {
if ($(this).is(':checked')) {
swapStyleSheet('../css/main-alt.css');
} else {
swapStyleSheet('../css/main.css');
}
});
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#wrapper").toggleClass("toggled");

View File

@ -25,11 +25,13 @@ function loadPage(url)
window.location.replace(url);
window.location.href = url;
}
$(document).on("keypress", function(event) {
if (event.keyCode == 13) {
if(autoCompleteShowing) event.preventDefault();
}
});
function highlightMe(inputTxt,keyword)
{
inputTxt = String(inputTxt);

View File

@ -1,7 +1,7 @@
---
description: Home page for Docker's documentation
keywords: Docker, documentation, manual, guide, reference, api
layout: landing
landing: true
title: Docker Documentation
notoc: true
---
@ -148,5 +148,5 @@ production environment. Highlights [Compose Version 3 new features](/engine/gets
</div>
<!-- end component-container-->
</div>
</div>
</div>
</div>