From 4a7d872cbe995bdfcd6f114bab4398c8bb8f0955 Mon Sep 17 00:00:00 2001
From: Sebastiaan van Stijn <github@gone.nl>
Date: Sun, 11 Oct 2020 14:36:54 +0200
Subject: [PATCH] _includes/body-landing.html: unwrap elements

Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
---
 _includes/body-landing.html | 388 +++++++-----------------------------
 1 file changed, 74 insertions(+), 314 deletions(-)

diff --git a/_includes/body-landing.html b/_includes/body-landing.html
index 4fdcb02fc5..01403fef96 100644
--- a/_includes/body-landing.html
+++ b/_includes/body-landing.html
@@ -30,17 +30,11 @@
   <section class="hero container">
     <div class="row justify-content-center">
       <div class="col-xs-12 text-center">
-        <h2>
-          What can we help you find?
-        </h2>
+        <h2>What can we help you find?</h2>
       </div>
     </div>
     <div class="row justify-content-center">
-      <form
-        class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-3 col-lg-6"
-        method="GET"
-        action="/search/"
-      >
+      <form action="/search/" method="GET" class="col-xs-12 col-sm-offset-2 col-sm-8 col-md-offset-2 col-md-8 col-lg-offset-3 col-lg-6">
         <label class="sr-only" for="st-search-input">Search</label>
         <input
           id="st-search-input"
@@ -129,52 +123,18 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-xs-12 col-md-6">
-              <a href="/engine/reference/builder/">Write a Dockerfile</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/network/">Manage container networking</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/compose/compose-file/">Write a Docker Compose file</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/storage/">Work with volumes and bind mounts</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/get-started/part3/">Share my image on Docker Hub</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/config/daemon/">Configure the Docker daemon</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/get-started/part2/">Build and run an image</a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/config/labels-custom-metadata/">
-                Manage Docker objects
-              </a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/develop/develop-images/multistage-build/">
-                Use multi-stage builds
-              </a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/get-started/kube-deploy/">
-                Scale apps using Kubernetes
-              </a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/engine/reference/commandline/run/">
-                Run a command in a container
-              </a>
-            </div>
-            <div class="col-xs-12 col-md-6">
-              <a href="/get-started/swarm-deploy/">
-                Scale apps using Swarm
-              </a>
-            </div>
+            <div class="col-xs-12 col-md-6"><a href="/engine/reference/builder/">Write a Dockerfile</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/network/">Manage container networking</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/compose/compose-file/">Write a Docker Compose file</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/storage/">Work with volumes and bind mounts</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/get-started/part3/">Share my image on Docker Hub</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/config/daemon/">Configure the Docker daemon</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/get-started/part2/">Build and run an image</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/config/labels-custom-metadata/">Manage Docker objects</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/develop/develop-images/multistage-build/">Use multi-stage builds</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/get-started/kube-deploy/">Scale apps using Kubernetes</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/engine/reference/commandline/run/">Run a command in a container</a></div>
+            <div class="col-xs-12 col-md-6"><a href="/get-started/swarm-deploy/">Scale apps using Swarm</a></div>
           </div>
         </div>
       </div>
@@ -195,24 +155,16 @@
             <div class="col-xs-12">
               <ul class="nav nav-tabs">
                 <li class="active" role="presentation" data-tab="desktop">
-                  <a onclick="onChangeHelpTab('desktop')">
-                    Desktop
-                  </a>
+                  <a onclick="onChangeHelpTab('desktop')">Desktop</a>
                 </li>
                 <li role="presentation" data-tab="hub">
-                  <a onclick="onChangeHelpTab('hub')">
-                    Hub
-                  </a>
+                  <a onclick="onChangeHelpTab('hub')">Hub</a>
                 </li>
                 <li role="presentation" data-tab="engine">
-                  <a onclick="onChangeHelpTab('engine')">
-                    Engine
-                  </a>
+                    <a onclick="onChangeHelpTab('engine')">Engine</a>
                 </li>
                 <li role="presentation" data-tab="compose">
-                  <a onclick="onChangeHelpTab('compose')">
-                    Compose
-                  </a>
+                  <a onclick="onChangeHelpTab('compose')">Compose</a>
                 </li>
               </ul>
             </div>
@@ -220,19 +172,10 @@
           <!-- DESKTOP -->
           <div class="row active" data-tab="desktop" data-os="win">
             <div class="col-xs-12 col-md-4 col-lg-2 text-center">
-              <div
-                class="image"
-                style="background-image: url(/images/laptop.svg);"
-              ></div>
+              <div class="image" style="background-image: url(/images/laptop.svg);"></div>
               <h5>Docker Desktop</h5>
               <div class="btn-group">
-                <button
-                  type="button"
-                  class="btn btn-default dropdown-toggle"
-                  data-toggle="dropdown"
-                  aria-haspopup="true"
-                  aria-expanded="false"
-                >
+                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                   <span class="os-label only-win">Windows</span>
                   <span class="os-label only-mac">Mac</span>
                   <span class="caret"></span>
@@ -244,9 +187,7 @@
               </div>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Getting Started with Docker
-              </h6>
+              <h6>Getting Started with Docker</h6>
               <p>
                 Take a walkthrough that covers writing your first app, data
                 storage, networking, and swarms, and ends with your app running
@@ -305,173 +246,68 @@
               </p>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Popular articles
-              </h6>
-              <p class="only-win">
-                <a href="/docker-for-windows/wsl/">
-                  Docker Desktop WSL 2 backend
-                </a>
-              </p>
-              <p class="only-mac">
-                <a href="/docker-for-mac/install/">
-                  Install Docker Desktop on Mac
-                </a>
-              </p>
-              <p>
-                <a href="/docker-for-windows/dashboard/">
-                  Docker Desktop Dashboard
-                </a>
-              </p>
-              <p class="only-win">
-                <a href="/docker-for-windows/kubernetes/">
-                  Deploy on Kubernetes
-                </a>
-              </p>
-              <p class="only-win">
-                <a href="/docker-for-windows/release-notes/">
-                  Stable Release notes
-                </a>
-              </p>
-              <p class="only-win">
-                <a href="/docker-for-windows/troubleshoot/">
-                  Logs and troubleshooting
-                </a>
-              </p>
-              <p class="only-mac">
-                <a href="/docker-for-mac/networking/">
-                  Networking features in Docker Desktop
-                </a>
-              </p>
-              <p class="only-mac">
-                <a href="/docker-for-mac/osxfs/">
-                  Mac file system sharing
-                </a>
-              </p>
+              <h6>Popular articles</h6>
+              <p class="only-win"><a href="/docker-for-windows/wsl/">Docker Desktop WSL 2 backend</a></p>
+              <p class="only-mac"><a href="/docker-for-mac/install/">Install Docker Desktop on Mac</a></p>
+              <p><a href="/desktop/dashboard/">Docker Desktop Dashboard</a></p>
+              <p class="only-win"><a href="/docker-for-windows/kubernetes/">Deploy on Kubernetes</a></p>
+              <p class="only-win"><a href="/docker-for-windows/release-notes/">Stable Release notes</a></p>
+              <p class="only-win"><a href="/docker-for-windows/troubleshoot/">Logs and troubleshooting</a></p>
+              <p class="only-mac"><a href="/docker-for-mac/networking/">Networking features in Docker Desktop</a></p>
+              <p class="only-mac"><a href="/docker-for-mac/osxfs/">Mac file system sharing</a></p>
             </div>
           </div>
           <!-- HUB -->
           <div class="row" data-tab="hub">
             <div class="col-xs-12 col-md-4 col-lg-2 text-center">
-              <div
-                class="image"
-                style="background-image: url(/images/hub.svg);"
-              ></div>
+              <div class="image" style="background-image: url(/images/hub.svg);"></div>
               <h5>Hub</h5>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Getting Started with Docker
-              </h6>
+              <h6>Getting Started with Docker</h6>
               <p>
                 Take a walkthrough that covers writing your first app, data
                 storage, networking, and swarms, and ends with your app running
                 on production servers in the cloud.
               </p>
-              <p>
-                <a href="/get-started/">
-                  Learn Docker
-                </a>
-              </p>
+              <p><a href="/get-started/">Learn Docker</a></p>
+
               <h6>FAQs</h6>
-              <p>
-                <a href="/get-started/part3/">
-                  How do I share images on Docker Hub?
-                </a>
-              </p>
-              <p>
-                <a href="/docker-hub/orgs/#create-an-organization">
-                  How do I create an organization?
-                </a>
-              </p>
-              <p>
-                <a href="/docker-hub/orgs/#create-a-team">
-                  How do I create a team and add team members?
-                </a>
-              </p>
+              <p><a href="/get-started/part3/">How do I share images on Docker Hub?</a></p>
+              <p><a href="/docker-hub/orgs/#create-an-organization">How do I create an organization?</a></p>
+              <p><a href="/docker-hub/orgs/#create-a-team">How do I create a team and add team members?</a></p>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Popular articles
-              </h6>
-              <p>
-                <a href="/docker-hub/official_images/">
-                  Docker Hub official images
-                </a>
-              </p>
-              <p>
-                <a href="/docker-hub/repos/">
-                  Create Docker Hub repositories
-                </a>
-              </p>
-              <p>
-                <a href="/docker-hub/builds/">
-                  Set up automated builds
-                </a>
-              </p>
-              <p>
-                <a href="/docker-hub/access-tokens/">
-                  Manage access tokens
-                </a>
-              </p>
-              <p>
-                <a href="/docker-hub/webhooks/">
-                  Docker Hub Webhooks
-                </a>
-              </p>
+              <h6>Popular articles</h6>
+              <p><a href="/docker-hub/official_images/">Docker Hub official images</a></p>
+              <p><a href="/docker-hub/repos/">Create Docker Hub repositories</a></p>
+              <p><a href="/docker-hub/builds/">Set up automated builds</a></p>
+              <p><a href="/docker-hub/access-tokens/">Manage access tokens</a></p>
+              <p><a href="/docker-hub/webhooks/">Docker Hub Webhooks</a></p>
             </div>
           </div>
           <!-- ENGINE -->
           <div class="row" data-tab="engine">
             <div class="col-xs-12 col-md-4 col-lg-2 text-center">
-              <div
-                class="image"
-                style="background-image: url(/images/engine.svg);"
-              ></div>
+              <div class="image" style="background-image: url(/images/engine.svg);"></div>
               <h5>Engine</h5>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Getting Started with Docker
-              </h6>
+              <h6>Getting Started with Docker</h6>
               <p>
                 Take a walkthrough that covers writing your first app, data
                 storage, networking, and swarms, and ends with your app running
                 on production servers in the cloud.
               </p>
-              <p>
-                <a href="/get-started/">Learn Docker</a>
-              </p>
+              <p><a href="/get-started/">Learn Docker</a></p>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Popular articles
-              </h6>
-              <p>
-                <a href="/engine/install/ubuntu/">
-                  Install Docker Engine on Ubuntu
-                </a>
-              </p>
-              <p>
-                <a href="/engine/reference/commandline/run/">
-                  Run a command in a container
-                </a>
-              </p>
-              <p>
-                <a href="/engine/reference/builder/">
-                  Dockerfile reference
-                </a>
-              </p>
-              <p>
-                <a href="/engine/reference/commandline/dockerd/#description">
-                  Docker daemon reference
-                </a>
-              </p>
-              <p>
-                <a href="/engine/reference/commandline/build/">
-                  Docker build reference
-                </a>
-              </p>
+              <h6>Popular articles</h6>
+              <p><a href="/engine/install/ubuntu/">Install Docker Engine on Ubuntu</a></p>
+              <p><a href="/engine/reference/commandline/run/">Run a command in a container</a></p>
+              <p><a href="/engine/reference/builder/">Dockerfile reference</a></p>
+              <p><a href="/engine/reference/commandline/dockerd/#description">Docker daemon reference</a></p>
+              <p><a href="/engine/reference/commandline/build/">Docker build reference</a></p>
             </div>
           </div>
           <!-- COMPOSE -->
@@ -484,62 +320,26 @@
               <h5>Compose</h5>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Getting Started with Docker
-              </h6>
+              <h6>Getting Started with Docker</h6>
               <p>
                 Take a walkthrough that covers writing your first app, data
                 storage, networking, and swarms, and ends with your app running
                 on production servers in the cloud.
               </p>
-              <p>
-                <a href="/get-started/">Learn Docker</a>
-              </p>
+              <p><a href="/get-started/">Learn Docker</a></p>
+
               <h6>FAQs</h6>
-              <p>
-                <a href="/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">
-                  How do I run multiple copies of a Compose file on the same
-                  host?
-                </a>
-              </p>
-              <p>
-                <a href="/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">
-                  Can I use json instead of yaml for my Compose file?
-                </a>
-              </p>
-              <p>
-                <a href="/compose/faq/#where-can-i-find-example-compose-files">
-                  Where can I find example Compose files?
-                </a>
-              </p>
-              <p>
-                <a href="/compose/faq/">View all</a>
-              </p>
+              <p><a href="/compose/faq/#how-do-i-run-multiple-copies-of-a-compose-file-on-the-same-host">How do I run multiple copies of a Compose file on the same host?</a></p>
+              <p><a href="/compose/faq/#can-i-use-json-instead-of-yaml-for-my-compose-file">Can I use json instead of yaml for my Compose file?</a></p>
+              <p><a href="/compose/faq/#where-can-i-find-example-compose-files">Where can I find example Compose files?</a></p>
+              <p><a href="/compose/faq/">View all</a></p>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
-              <h6>
-                Popular articles
-              </h6>
-              <p>
-                <a href="/compose/install/">
-                  Install Docker Compose
-                </a>
-              </p>
-              <p>
-                <a href="/compose/gettingstarted/">
-                  Getting started with Docker Compose
-                </a>
-              </p>
-              <p>
-                <a href="/compose/environment-variables/">
-                  Environment variables in Compose
-                </a>
-              </p>
-              <p>
-                <a href="/compose/networking/">
-                  Networking in Compose
-                </a>
-              </p>
+              <h6>Popular articles</h6>
+              <p><a href="/compose/install/">Install Docker Compose</a></p>
+              <p><a href="/compose/gettingstarted/">Getting started with Docker Compose</a></p>
+              <p><a href="/compose/environment-variables/">Environment variables in Compose</a></p>
+              <p><a href="/compose/networking/">Networking in Compose</a></p>
             </div>
           </div>
         </div>
@@ -558,55 +358,19 @@
                 Take a look at our best practices and reference architecture
                 topics to fine tune your deployment.
               </p>
-              <p>
-                <a href="/develop/develop-images/dockerfile_best-practices/">
-                  Best practices for writing Dockerfile
-                </a>
-              </p>
-              <p>
-                <a href="/develop/develop-images/dockerfile_best-practices/">
-                  Best practices for writing a Docker Compose file
-                </a>
-              </p>
-              <p>
-                <a href="/develop/dev-best-practices/">
-                  Docker Development best practices
-                </a>
-              </p>
-              <p>
-                <a href="/engine/security/">
-                  Docker Security best practices
-                </a>
-              </p>
+              <p><a href="/develop/develop-images/dockerfile_best-practices/">Best practices for writing Dockerfile</a></p>
+              <p><a href="/develop/develop-images/dockerfile_best-practices/">Best practices for writing a Docker Compose file</a></p>
+              <p><a href="/develop/dev-best-practices/">Docker Development best practices</a></p>
+              <p><a href="/engine/security/">Docker Security best practices</a></p>
             </div>
             <div class="col-xs-12 col-md-6">
               <h2 class="title">Develop with Docker</h2>
               <p>Learn how to develop language-specific apps using Docker.</p>
-              <p>
-                <a href="https://github.com/docker/labs/tree/master/developer-tools/java/" target="_blank">
-                  Docker for Java developers
-                </a>
-              </p>
-              <p>
-                <a href="https://github.com/docker/labs/tree/master/developer-tools/nodejs/porting/" target="_blank">
-                  Port a node.js app to Docker
-                </a>
-              </p>
-              <p>
-                <a href="https://github.com/docker/labs/tree/master/developer-tools/ruby" target="_blank">
-                  Ruby on Rails app on Docker
-                </a>
-              </p>
-              <p>
-                <a href="/engine/examples/dotnetcore/">
-                  Dockerize a .Net Core application
-                </a>
-              </p>
-              <p>
-                <a href="/compose/aspnet-mssql-compose/" target="_blank">
-                  Dockerize an ASP.NET Core application with SQL Server on Linux
-                </a>
-              </p>
+              <p><a href="https://github.com/docker/labs/tree/master/developer-tools/java/" target="_blank">Docker for Java developers</a></p>
+              <p><a href="https://github.com/docker/labs/tree/master/developer-tools/nodejs/porting/" target="_blank">Port a node.js app to Docker</a></p>
+              <p><a href="https://github.com/docker/labs/tree/master/developer-tools/ruby" target="_blank">Ruby on Rails app on Docker</a></p>
+              <p><a href="/engine/examples/dotnetcore/">Dockerize a .Net Core application</a></p>
+              <p><a href="/compose/aspnet-mssql-compose/" target="_blank">Dockerize an ASP.NET Core application with SQL Server on Linux</a></p>
           </div>
         </div>
       </div>
@@ -667,11 +431,7 @@
         </a>
       </div>
       <div class="col-xs-12 col-sm-6 col-md-4 card-holder">
-        <a
-          href="https://events.docker.com/docker-virtual-meetups/"
-          class="card"
-          target="_blank"
-        >
+        <a href="https://events.docker.com/docker-virtual-meetups/" class="card" target="_blank">
           <h5 class="title">Tune in Monthly</h5>
           <p>
             Join the Virtual Docker Meetup Group and online meetups every month.