mirror of
https://github.com/docker/docs.git
synced 2026-03-27 22:38:54 +07:00
f466f24742
* Simplify both left and right sidebars - Rewrite the sidebars to use the same CSS class instead of having two very similar classes. This involves removing all affix related attributes and functionality from the sidebars and replaced them with `position: sticky`. - The table of content elements should not be floated - Removed unused CSS rules related to the sidebars - Remove JavaScript used to resize the sidebars * Improve the mobile menu to be fixed - Simply JS used to hide/display the navigation bar on mobile viewports - The mobile menu should be fixed so it can be viewable from the bottom of the page. Before this change, you would have to scroll up to see the menu that `position: absolute` * Fix disappearing top navbar on homepage - Change the calculation of the affix offset for the navbar on the home page to ensure the navbar never leaves the viewport. This change also takes into account the change of how the sidebars' offsets are used * Fix auto scrolling on overflow * Add polyfill for 'position: sticky' on IE * Fix hamburger menu at incorrect breakpoint * Fix left nav hidden after expanding from mobile If you expand and collapse the left nav while on mobile and expand to a desktop view, the left nav would be hidden; this has been fixed * Unify navbar on homepage with rest of website
80 lines
4.7 KiB
HTML
80 lines
4.7 KiB
HTML
<div class="header">
|
|
<div class="fan"></div>
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<nav class="nav-primary">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<img class="logo" src="../images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs">
|
|
</div>
|
|
<div class="navbar-collapse collapse">
|
|
<ul class="primary nav navbar-nav">
|
|
<li><a href="https://docker.com/what-docker">What is Docker?</a></li>
|
|
<li><a href="https://docker.com/get-docker">Product</a></li>
|
|
<li class="dropdown">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Get Docker <span class="caret"></span></a>
|
|
<ul class="dropdown-menu nav-main">
|
|
<h6 class="dropdown-header">For Desktops</h6>
|
|
<li><a href="https://docker.com/docker-mac">Mac</a></li>
|
|
<li><a href="https://docker.com/docker-windows">Windows</a></li>
|
|
<h6 class="dropdown-header">For Cloud Providers</h6>
|
|
<li><a href="https://docker.com/docker-aws">AWS</a></li>
|
|
<li><a href="https://docker.com/docker-microsoft-azure">Azure</a></li>
|
|
<h6 class="dropdown-header">For Servers</h6>
|
|
<li><a href="https://docker.com/docker-windows-server">Windows Server</a></li>
|
|
<li><a href="https://docker.com/docker-centos">CentOS</a></li>
|
|
<li><a href="https://docker.com/docker-debian">Debian</a></li>
|
|
<li><a href="https://docker.com/docker-fedora">Fedora</a></li>
|
|
<li><a href="https://docker.com/docker-oracle-linux">Oracle Enterprise Linux</a></li>
|
|
<li><a href="https://docker.com/docker-rhel">RHEL</a></li>
|
|
<li><a href="https://docker.com/docker-sles">SLES</a></li>
|
|
<li><a href="https://docker.com/docker-ubuntu">Ubuntu</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="https://docs.docker.com">Docs</a></li>
|
|
<li><a href="https://docker.com/docker-community">Community</a></li>
|
|
<li><a href="https://cloud.docker.com/">Create Docker ID</a></li>
|
|
<li><a href="https://cloud.docker.com/login">Sign In</a></li>
|
|
</ul>
|
|
<!-- <div class="user-nav hidden-sm">
|
|
<ul>
|
|
<li><a href="https://cloud.docker.com/">Create Docker ID</a></li>
|
|
<li><a href="https://cloud.docker.com/login">Sign In</a></li>
|
|
</ul>
|
|
</div> -->
|
|
</div>
|
|
<!--/.nav-collapse -->
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!-- hero banner text -->
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="hero-text">
|
|
<div class="hero-text-centered">
|
|
<h1>{{ site.name }}</h1>
|
|
<p>Docker provides a way to run applications securely isolated in a container, packaged with all its dependencies and libraries.</p>
|
|
<ul class="buttons">
|
|
<li><a class="button transparent-btn" href="/engine/installation/" target="_blank">Get Docker</a></li>
|
|
<li> <a class="button secondary-btn" href="/get-started/" target="_blank">Get Started</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a href="http://2017.dockercon.com/register-dockercon-2017/" target="_blank">
|
|
<div class="banner">
|
|
<img src="images/dockercon-register-now.svg">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<!-- nav-secondary -->
|
|
<!-- data-offset-top should calculated as follows: (height of <header> - header of <nav>) -->
|
|
<nav class="nav-secondary-tabs" data-spy="affix" data-offset-top="385">
|
|
<div class="container-fluid">
|
|
<div class="navbar-collapse" aria-expanded="false" style="height: 1px;">
|
|
{% include navigation.html %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div> |