Newsite tabs (#2004)

* Layout updates, dark themes, tons o stuff

* Update themes

Theme updates + scaffolding
This commit is contained in:
Josh south 2017-02-27 13:48:48 -08:00 committed by John Mulhausen
parent 20c91a529b
commit e88f2b25bb
12 changed files with 3285 additions and 2567 deletions

View File

@ -1,5 +1,3 @@
<!-- footer -->
<footer class="footer">
<!-- newsletter --> <!-- newsletter -->
<div class="newsletter_section"> <div class="newsletter_section">
<div class="container"> <div class="container">
@ -23,7 +21,7 @@
<li><a href="https://www.docker.com/use-cases">Use Cases</a></li> <li><a href="https://www.docker.com/use-cases">Use Cases</a></li>
<li><a href="https://www.docker.com/customers">Customers</a></li> <li><a href="https://www.docker.com/customers">Customers</a></li>
<li><a href="https://www.docker.com/partners/partner-program">Partners</a></li> <li><a href="https://www.docker.com/partners/partner-program">Partners</a></li>
<li><a href="https://www.docker.com/industry-government">For Government</a></li> <li class="break"><a href="https://www.docker.com/industry-government">For Government</a></li>
<li><a href="https://www.docker.com/company">About Docker</a></li> <li><a href="https://www.docker.com/company">About Docker</a></li>
<li><a href="https://www.docker.com/company/management">Management</a></li> <li><a href="https://www.docker.com/company/management">Management</a></li>
<li><a href="https://www.docker.com/company/news-and-press">Press &amp; News</a></li> <li><a href="https://www.docker.com/company/news-and-press">Press &amp; News</a></li>
@ -35,7 +33,7 @@
<li><a href="https://www.docker.com/products/overview">Product</a></li> <li><a href="https://www.docker.com/products/overview">Product</a></li>
<li><a href="https://www.docker.com/pricing">Pricing</a></li> <li><a href="https://www.docker.com/pricing">Pricing</a></li>
<li><a href="https://www.docker.com/docker-community">Community Edition</a></li> <li><a href="https://www.docker.com/docker-community">Community Edition</a></li>
<li><a href="https://www.docker.com/enterprise">Enterprise Edition </a></li> <li class="break"><a href="https://www.docker.com/enterprise">Enterprise Edition </a></li>
<li><a href="https://www.docker.com/products/docker-datacenter">Docker Datacenter</a></li> <li><a href="https://www.docker.com/products/docker-datacenter">Docker Datacenter</a></li>
<li><a href="https://cloud.docker.com/">Docker Cloud</a></li> <li><a href="https://cloud.docker.com/">Docker Cloud</a></li>
<li><a href="https://store.docker.com/">Docker Store</a></li> <li><a href="https://store.docker.com/">Docker Store</a></li>
@ -44,13 +42,13 @@
<div class="col-xs-12 col-sm-3 col-md-3"> <div class="col-xs-12 col-sm-3 col-md-3">
<ul class="footer_links"> <ul class="footer_links">
<li><a href="https://www.docker.com/docker-mac">Docker for Mac </a></li> <li><a href="https://www.docker.com/docker-mac">Docker for Mac </a></li>
<li><a href="https://www.docker.com/docker-windows">Docker for Windows(PC)</a></li> <li class="break"><a href="https://www.docker.com/docker-windows">Docker for Windows(PC)</a></li>
<li><a href="https://www.docker.com/docker-aws" class="web30">Docker for AWS</a></li> <li><a href="https://www.docker.com/docker-aws" class="web30">Docker for AWS</a></li>
<li><a href="https://www.docker.com/docker-microsoft-azure">Docker for Azure</a></li> <li class="break"><a href="https://www.docker.com/docker-microsoft-azure">Docker for Azure</a></li>
<li><a href="https://www.docker.com/docker-windows-server">Docker for Windows Server</a></li> <li><a href="https://www.docker.com/docker-windows-server">Docker for Windows Server</a></li>
<li><a href="https://www.docker.com/docker-centos">Docker for CentOS</a></li> <li><a href="https://www.docker.com/docker-centos">Docker for CentOS distribution</a></li>
<li><a href="https://www.docker.com/docker-debian">Docker for Debian</a></li> <li><a href="https://www.docker.com/docker-debian">Docker for Debian</a></li>
<li><a href="https://www.docker.com/docker-fedora">Docker for Fedora</a></li> <li><a href="https://www.docker.com/docker-fedora">Docker for Fedora&#x00AE</a></li>
<li><a href="https://www.docker.com/docker-oracle-linux">Docker for Oracle Enterprise Linux</a></li> <li><a href="https://www.docker.com/docker-oracle-linux">Docker for Oracle Enterprise Linux</a></li>
<li><a href="https://www.docker.com/docker-rhel">Docker for RHEL</a></li> <li><a href="https://www.docker.com/docker-rhel">Docker for RHEL</a></li>
<li><a href="https://www.docker.com/docker-sles">Docker for SLES</a></li> <li><a href="https://www.docker.com/docker-sles">Docker for SLES</a></li>
@ -110,5 +108,3 @@
</div> </div>
</div> </div>
</div> </div>
</footer>
<!-- /end footer -->

View File

@ -81,7 +81,7 @@
</form> </form>
</div> </div>
<div id="tabs"> <div id="tabs">
<ul class="tabs nav navbar-nav navbar-left"> <ul class="tabs nav navbar-nav navbar-collapse collapse navbar-left">
{% include treebuilder.html %} {% include treebuilder.html %}
</ul> </ul>
</div> </div>

View File

@ -1,5 +1,8 @@
<nav class="nav-secondary navbar navbar-default navbar-fixed-top"> <nav class="nav-secondary navbar navbar-fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<!-- <div class="ctrl-left">
<a href="javascript:void(0)" id="menu-toggle-left"><i class="fa fa-outdent" aria-hidden="true"></i></a>
</div> -->
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
@ -9,7 +12,6 @@
</button> </button>
<a href="/"><img class="logo" src="/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs"></a> <a href="/"><img class="logo" src="/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs"></a>
</div> </div>
<div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;"> <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
<div class="search-form" id="search-div"> <div class="search-form" id="search-div">
<form> <form>
@ -27,8 +29,7 @@
</ul> </ul>
</div> </div>
<div class="ctrl-right"> <div class="ctrl-right">
<a href="javascript:void(0)" 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-indent" aria-hidden="true"></i></a>
<!-- varsion -->
<div class="btn-group"> <div class="btn-group">
<button type="button" class="btn btn-default dropdown-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <button type="button" class="btn btn-default dropdown-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Docker 1.13 <span class="caret"></span> Docker 1.13 <span class="caret"></span>

View File

@ -1,4 +1,4 @@
<div class="nav-sidebar navbar-collapse collapse"> {% if page.landing == true %}<div class="nav-sidebar navbar-collapse collapse affix" data-spy="affix" data-offset-top="490">{%else%}<div class="nav-sidebar navbar-collapse collapse">{% endif %}
<ul class="nav navbar-collapse" id="stacked-menu"> <ul class="nav navbar-collapse" id="stacked-menu">
{{ leftnav }} {{ leftnav }}
</ul> </ul>

View File

@ -1,98 +1,85 @@
<!-- relative link basehrefs --> <!-- relative link basehrefs -->
{% if page.path contains "index.md" %} {% 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 %}{{ page.url }}{% endcapture %} %} {% capture basehref %}{{basehref}}{{ crumb }}/{% endcapture %} {% break %} {% else %} {% capture basehref %}{{basehref}}{{ crumb }}/{% endcapture %} {% endif %} {% endfor %} {% endif %}
{% 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 feedback CC'ing --> <!-- Logic for feedback CC'ing -->
{% if page.assignee %}{% assign assignee=page.assignee%}{% else %}{% assign assignee=page.defaultassignee%}{% endif %} {% if page.assignee %}{% assign assignee=page.assignee%}{% else %}{% assign assignee=page.defaultassignee%}{% endif %}
<!-- Logic for 'edit this button' --> <!-- Logic for 'edit this button' -->
{% assign edit_url = "https://github.com/docker/docker.github.io/edit/master/" | append: page.path %} {% 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 %}{%
{% for entry in site.data.not_edited_here.overrides %} else %}{% assign edit_url = "" %}{% endif %} {% break %} {% endif %} {% endfor %}
{% 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' --> <!-- End of logic for 'edit this button' -->
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<base href="{{ basehref }}"/> <base href="{{ basehref }}" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css"> <style type="text/css">
@charset "UTF-8"; @charset "UTF-8";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { [ng\:cloak],
display: none !important; [ng-cloak],
} [data-ng-cloak],
ng\:form { [x-ng-cloak],
display: block; .ng-cloak,
} .x-ng-cloak,
</style> .ng-hide:not(.ng-hide-animate) {
<script async="" defer="" src="//survey.g.doubleclick.net/async_survey?site=k6svi4faiclrdpi5eax4n23dzy"></script> display: none !important;
<script type="text/javascript"> }
ng\:form {
display: block;
}
</style>
<script async="" defer="" src="//survey.g.doubleclick.net/async_survey?site=k6svi4faiclrdpi5eax4n23dzy"></script>
<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"; !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.load("IWj9D0UpZHZdZUZX9jl98PcpBFWBnBMy");
analytics.page(); analytics.page();
}}(); </script>
</script> {% if site.GH_ENV == "gh_pages" %}
{% if site.GH_ENV == "gh_pages" %}<meta name="robots" content="noindex">{% endif %} <meta name="robots" content="noindex">{% endif %}
<meta property="og:type" content="website"> <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: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 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:card" content="summary_large_image">
<meta name="twitter:site" content="@docker_docs"> <meta name="twitter:site" content="@docker_docs">
<meta name="twitter:url" content="https://twitter.com/docker_docs"> <meta name="twitter:url" content="https://twitter.com/docker_docs">
<meta name="twitter:title" content="{{ page.title }}"> <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 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 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="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 %}"> <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"> --> <link rel="stylesheet" href="/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="/css/documentation.css"> --> <link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/font-awesome.min.css"> <link id="pagestyle" rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/bootstrap.min.css"> <!-- temp css will be removed -->
<link id="pagestyle" rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/temp.css"> {% seo %} {% if page.hide_from_sitemap %}
<!-- temp css will be removed --> <meta name="robots" content="noindex" />{% endif %}
<link rel="stylesheet" href="/css/temp.css">
{% seo %}
{% if page.hide_from_sitemap %}<meta name="robots" content="noindex" />{% endif %}
</head> </head>
<body ng-app="Docker" ng-controller="DockerController"> <body ng-app="Docker" ng-controller="DockerController">
<header> <header>
{% if page.landing == true %}{% include global-header.html %}{% endif %} {% if page.landing == true %}{% include global-header.html %}{% endif %} {% if page.landing != true %}{% include header.html %}{% endif %}
{% if page.landing != true %}{% include header.html %}{% endif %}
</header> </header>
<div id="wrapper" class="toggled"> <div class="{% if page.landing == true %}wrapper landing{%else%}wrapper right-open{% endif %}">
<main class="main" id="page-content-wrapper"> <main class="main page-content">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm-3 col-md-3 sidebar{% if page.landing == true %}-home{%else%} col-sm-2 col-md-2{% endif %} collapse"> <div class="col-sm-2 col-md-2 sidebar{% if page.landing == true %}-home{%else%}{% endif %}">
{% include side-menu.html %} {% include side-menu.html %}
</div> </div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 {% if page.landing == true %}main-content{%else%}content{% endif %}">
<div class="{% if page.landing == true %}col-sm-9 col-md-9 main-content{%else%}col-sm-10 col-sm-offset-2 col-md-10 col-md-offset-2 content{% endif %}"> <section class="section">
<section class="section" id="DocumentationText">
{% if page.title %} {% if page.title %}
<h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %} <h1>{{ page.title }}</h1>{% endif %} {% if page.advisory %}
<blockquote>{{ site.data.advisories.texts[page.advisory] | markdownify }}</blockquote>{% endif %} {% unless page.tree == false %}{% include read_time.html %}{% endunless %} {{ content }} {% if page.noratings != true %} <blockquote>{{ site.data.advisories.texts[page.advisory] | markdownify }}</blockquote>{% endif %} {% unless page.tree == false %}{% include read_time.html %}{% endunless %} {{ content }} {% if page.noratings != true %}
<div style="text-align: center; margin-top: 50px"> <div style="text-align: center; margin-top: 50px">
<img src="/images/chat.png" alt="chat icon" style="margin-right: 10px"> <img src="/images/chat.png" alt="chat icon">
<b>Feedback?</b> Suggestions? Can't find something in the docs?<br/> {% if edit_url != "" %} <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/edit/master/{{ page.path }}" class="nomunge">Edit this page</a> <span>&#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 }})" <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: class="nomunge">Request docs changes</a> <span>&#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> <div id="pd_rating_holder_8453675"></div>
<script type="text/javascript"> <script type="text/javascript">
PDRTJS_settings_8453675 = { PDRTJS_settings_8453675 = {
@ -115,7 +102,6 @@ ng\:form {
</div> </div>
{% endif %} {% endif %}
</section> </section>
<script language="javascript"> <script language="javascript">
var x = document.links.length; var x = document.links.length;
var baseHref = document.getElementsByTagName('base')[0].href var baseHref = document.getElementsByTagName('base')[0].href
@ -137,60 +123,60 @@ ng\:form {
} }
</script> </script>
</div> </div>
<div id="{% if page.landing == true %}sidebar-wrapper-home{%else%}sidebar-wrapper{% endif %}"> <div class="toc-nav">
<div class="toc-nav"> <div id="{% if page.landing == true %}sidebar-wrapper-home{%else%}sidebar-wrapper{% endif %}" class="{% if page.landing == true %} affix-top{%else%}sidebar-wrapper{% endif %}" {% if page.landing == true %} data-spy="affix" data-offset-top="490">{%else%}{% endif %}
<section class="section" id="RightColumnSection"> <div class="toc-nav">
<div id="feedback-links"> <div class="feedback-links">
<ul> <ul>
{% if edit_url != "" %} {% if edit_url != "" %}
<li><a href="{{ edit_url }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> Edit this page</a></li>{% endif %} <li><a href="{{ edit_url }}"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> 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 }})" <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"><i class="fa fa-check" aria-hidden="true"></i> Request docs changes</a></li> class="nomunge"><i class="fa fa-check" aria-hidden="true"></i> Request docs changes</a></li>
<li><a href="https://www.docker.com/docker-support-services"><i class="fa fa-question" aria-hidden="true"></i> Get support</a></li> <li><a href="https://www.docker.com/docker-support-services"><i class="fa fa-question" aria-hidden="true"></i> Get support</a></li>
<li><div class="toggle-mode"> <li>
<div class="icon"> <div class="toggle-mode">
<i class="fa fa-sun-o" aria-hidden="true"></i> <div class="icon">
</div> <i class="fa fa-sun-o" aria-hidden="true"></i>
<div class="toggle-switch"> </div>
<label class="switch"> <div class="toggle-switch">
<input type="checkbox" id="switch-style"> <label class="switch">
<div class="slider round"></div> <input type="checkbox" id="switch-style">
</label> <div class="slider round"></div>
</div> </label>
<div class="icon"> </div>
<i class="fa fa-moon-o" aria-hidden="true"></i> <div class="icon">
</div> <i class="fa fa-moon-o" aria-hidden="true"></i>
</div></li> </div>
</ul> </div>
</div> </li>
{% 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" %} </ul>
<div id="side-toc"> </div>
<div id="side-toc-title">On this page:</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-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 id="side-toc-title">On this page:</div>
</div> {% 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 %}
{% endunless %} </div>
</section> {% endunless %}
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </main>
</div> </div>
</main>
</div> <footer class="footer">
<footer class="footer"> {% include footer.html %}
{% include footer.html %} </footer>
</footer> <link rel="stylesheet" href="/css/github.css">
<link rel="stylesheet" href="/css/github.css"> <script src="/js/highlight.pack.js"></script>
<script src="/js/highlight.pack.js"></script> <script>
<script> hljs.initHighlightingOnLoad();
hljs.initHighlightingOnLoad(); </script>
</script> <!-- <script src="/js/anchorlinks.js"></script> -->
<script src="/js/anchorlinks.js"></script> <script defer src="/js/menu.js"></script>
<script defer src="/js/menu.js"></script> <script src="/js/jquery.js"></script>
<script src="/js/jquery.js"></script> <script src="/js/bootstrap.min.js"></script>
<script src="/js/bootstrap.min.js"></script> <script defer src="/js/docs.js"></script>
<script defer src="/js/docs.js"></script>
</body> </body>
</html> </html>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -51,10 +51,10 @@ leveraging beta features that aren't in stable yet. Just keep this in mind as
you create and work with beta containers, perhaps in the spirit of a playground you create and work with beta containers, perhaps in the spirit of a playground
space where you are prepared to troubleshoot or start over. space where you are prepared to troubleshoot or start over.
<font color="#CC3366">To safely switch between beta and stable versions be sure To safely switch between beta and stable versions be sure
to save images and export the containers you need, then uninstall the current to save images and export the containers you need, then uninstall the current
version before installing another. The workflow is described in more detail version before installing another. The workflow is described in more detail
below.</font><br> below.<br>
Do the following each time: Do the following each time:

View File

@ -20,8 +20,8 @@ channels, see the [FAQs](/docker-for-mac/faqs.md#stable-and-beta-channels).
<table style="width:100%"> <table style="width:100%">
<tr> <tr>
<th style="font-size: x-large; font-family: arial">Stable channel</th> <th>Stable channel</th>
<th style="font-size: x-large; font-family: arial">Beta channel</th> <th>Beta channel</th>
</tr> </tr>
<tr valign="top"> <tr valign="top">
<td width="50%">This installer is fully baked and tested, and comes <td width="50%">This installer is fully baked and tested, and comes
@ -46,12 +46,14 @@ channels, see the [FAQs](/docker-for-mac/faqs.md#stable-and-beta-channels).
</tr> </tr>
<tr valign="top"> <tr valign="top">
<td width="50%"> <td width="50%">
<a class="button darkblue-btn" href="https://download.docker.com/mac/stable/Docker.dmg">Get Docker for Mac (stable)</a><br><br> <a class="button primary-btn" href="https://download.docker.com/mac/stable/Docker.dmg">Get Docker for Mac (stable)</a><br><br>
<a href="https://download.docker.com/mac/stable/Docker.dmg.sha256sum"><font color="#BDBDBD" size="-1">Download checksum: Docker.dmg SHA256</font></a>
<a class="button outline-btn" href="https://download.docker.com/mac/stable/Docker.dmg.sha256sum">Download checksum: Docker.dmg SHA256</a>
</td> </td>
<td width="50%"> <td width="50%">
<a class="button darkblue-btn" href="https://download.docker.com/mac/beta/Docker.dmg">Get Docker for Mac (beta)</a><br><br> <a class="button primary-btn" href="https://download.docker.com/mac/beta/Docker.dmg">Get Docker for Mac (beta)</a><br><br>
<a href="https://download.docker.com/mac/beta/Docker.dmg.sha256sum"><font color="#BDBDBD" size="-1">Download checksum: Docker.dmg SHA256</font></a>
<a class="button outline-btn" href="https://download.docker.com/mac/beta/Docker.dmg.sha256sum">Download checksum: Docker.dmg SHA256</a>
</td> </td>
</tr> </tr>
</table> </table>

BIN
images/seach.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/search.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -38,9 +38,47 @@ if (readCookie("night") == "true") {
* *
*/ */
// Cookie functions
function createCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
createCookie(name,"",-1);
}
if (readCookie("night") == "true") {
document.getElementById('pagestyle').setAttribute('href', '/css/style-alt.css');
$('#switch-style').prop('checked', true);
} else {
document.getElementById('pagestyle').setAttribute('href', '/css/style.css');
$('#switch-style').prop('checked', false);
}
/*
*
* toggle menu *********************************************************************
*
*/
$("#menu-toggle").click(function(e) { $("#menu-toggle").click(function(e) {
e.preventDefault(); e.preventDefault();
$("#wrapper").toggleClass("toggled"); $(".wrapper").toggleClass("right-open");
}); });
var navHeight = $('.navbar').outerHeight(true) + 80; var navHeight = $('.navbar').outerHeight(true) + 80;
@ -53,8 +91,9 @@ $(document.body).scrollspy({
$(document).ready(function(){ $(document).ready(function(){
// Add smooth scrolling to all links // Add smooth scrolling to all links
// $( ".toc-nav a" ).addClass( "active" );
$(".toc-nav a").on('click', function(event) { $(".toc-nav a").on('click', function(event) {
// $(this).addClass('active');
// Make sure this.hash has a value before overriding default behavior // Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") { if (this.hash !== "") {
// Prevent default anchor click behavior // Prevent default anchor click behavior
@ -66,7 +105,7 @@ $(document).ready(function(){
// Using jQuery's animate() method to add smooth page scroll // Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({ $('html, body').animate({
scrollTop: $(hash).offset().top scrollTop: $(hash).offset().top-80
}, 800, function(){ }, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior) // Add hash (#) to URL when done scrolling (default click behavior)
@ -92,7 +131,7 @@ $(document).ready(function(){
// Using jQuery's animate() method to add smooth page scroll // Using jQuery's animate() method to add smooth page scroll
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({ $('html, body').animate({
scrollTop: $(hash).offset().top scrollTop: $(hash).offset().top-80
}, 800, function(){ }, 800, function(){
// Add hash (#) to URL when done scrolling (default click behavior) // Add hash (#) to URL when done scrolling (default click behavior)
@ -103,7 +142,6 @@ $(document).ready(function(){
}); });
/* /*
* *
* make dropdown show on hover ********************************************************************* * make dropdown show on hover *********************************************************************
@ -154,3 +192,4 @@ if($('.nav-sidebar ul a.active').length != 0)
$(this).addClass('collapse in').siblings; $(this).addClass('collapse in').siblings;
}); });
} }