jekyll(assets): move images to assets folder

Signed-off-by: CrazyMax <crazy-max@users.noreply.github.com>

404.md

@@ -15,7 +15,7 @@ occurred, if applicable.
 
 [**Click here to create a new ticket**](https://github.com/docker/docker.github.io/issues/new){:.newissue.button.primary-btn}
 
-[![404 page not found](/images/404-docs.png)](/ "Go to the homepage")
+[![404 page not found](/assets/images/404-docs.png)](/ "Go to the homepage")
 
 <script>
 let el = document.querySelector("a.newissue");

_includes/head.html

@@ -98,13 +98,13 @@
   <meta name="twitter:domain" content="{{ site.docs_url | replace_first: 'http://', '' | replace_first: 'https://', '' }}"/>
   <meta name="twitter:site" content="@docker_docs"/>
   <meta name="twitter:url" content="https://twitter.com/docker_docs"/>
-  <meta name="twitter:image:src" content="{{ site.docs_url }}/images/docs@2x.png"/>
+  <meta name="twitter:image:src" content="{{ site.docs_url }}/assets/images/docs@2x.png"/>
   <meta name="twitter:image:alt" content="Docker Documentation"/>
   <meta property="og:title" content="{{ page.title | default: page_title }}" />
   <meta property="og:description" content="{{ page.description | default: page_description | escape_once }}" />
   <meta property="og:type" content="website"/>
   <meta property="og:updated_time" itemprop="dateUpdated" content="{% if page.date %}{{ page.date | date_to_xmlschema }}{% else %}{{ site.time | date_to_xmlschema }}{% endif %}"/>
-  <meta property="og:image" itemprop="image primaryImageOfPage" content="{{ site.docs_url }}/images/docs@2x.png"/>
+  <meta property="og:image" itemprop="image primaryImageOfPage" content="{{ site.docs_url }}/assets/images/docs@2x.png"/>
   <meta property="og:locale" content="en_US" />
   <meta property="og:url" content="{{ site.docs_url }}{{ page.url }}" />
   <meta property="og:site_name" content="Docker Documentation" />

_includes/header.html

@@ -2,7 +2,7 @@
     <div class="container-fluid">
         <div class="navbar-header">
             <a href="/">
-                <img class="logo" src="/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs" width="160" height="28" />
+                <img class="logo" src="/assets/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs" width="160" height="28" />
             </a>
         </div>
         <div class="navbar-collapse" aria-expanded="false" style="height: 1px;">

_includes/landing-page/dockercon-banner.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row">
       <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">
-        <img src="/images/dockercon.png" alt="dockercon" />
+        <img src="/assets/images/dockercon.png" alt="dockercon" />
         <h2>
           DockerCon 2022 On-Demand
         </h2>

_includes/landing-page/dockercon-wrapup-banner.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row">
       <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">
-        <img src="/images/dockercon21.png" alt="dockercon" />
+        <img src="/assets/images/dockercon21.png" alt="dockercon" />
         <h2>
           Thank you for attending DockerCon21!
         </h2>

_includes/landing-page/extensions-banner.html

@@ -8,7 +8,7 @@
         <p>Use our SDK to build new functionality into Docker Desktop, extend its existing capabilities, and integrate additional developer tools. <br><br> Create and install an extension today and join our growing list of Extension Partners when you publish your extension to the Marketplace.</p>
         </div>
         <div class="col-xs-12 col-md-6 col-lg-4 text-center">
-            <img src="/images/extensions.PNG" alt="extensions" />
+            <img src="/assets/images/extensions.PNG" alt="extensions" />
             </div>
         <div class="col-xs-12 col-md-6 col-lg-4 text-center">
           <a class="btn" href="/desktop/extensions-sdk/" target="_blank">

_includes/landing-page/popular-videos.html

@@ -9,19 +9,19 @@
     <div class="row">
       <div class="col-xs-12 col-md-6 col-lg-12">
         <a class="video-item" href="https://youtu.be/gAGEar5HQoU" target="_blank" rel="noopener">
-          <img class="video-image" src="/images/video.svg" alt="video: How to get started with Docker" width="65" height="44" />
+          <img class="video-image" src="/assets/images/video.svg" alt="video: How to get started with Docker" width="65" height="44" />
           <div class="video-title">How to get started with Docker</div>
         </a>
       </div>
       <div class="col-xs-12 col-md-6 col-lg-12">
         <a class="video-item" href="https://youtu.be/xmLVNpyJ530?t=30" target="_blank" rel="noopener">
-          <img class="video-image" src="/images/video.svg" alt="video: How to build and test your Docker images in the Cloud" width="65" height="44" />
+          <img class="video-image" src="/assets/images/video.svg" alt="video: How to build and test your Docker images in the Cloud" width="65" height="44" />
           <div class="video-title">How to build and test your Docker images in the Cloud</div>
         </a>
       </div>
       <div class="col-xs-12 col-md-6 col-lg-12">
         <a class="video-item" href="https://youtu.be/QeQ2MH5f_BE?t=31" target="_blank" rel="noopener">
-          <img class="video-image" src="/images/video.svg" alt="video: Simplify all the things with Docker Compose"  width="65" height="44" />
+          <img class="video-image" src="/assets/images/video.svg" alt="video: Simplify all the things with Docker Compose"  width="65" height="44" />
           <div class="video-title">Simplify all the things with Docker Compose</div>
         </a>
       </div>

_includes/navigation.html

@@ -1,6 +1,6 @@
 <div class="logo-mobile">
     <a href="/">
-        <img src="/images/docker-icon.svg" alt="Docker Docs" title="Docker Docs" width="30" height="30" />
+        <img src="/assets/images/docker-icon.svg" alt="Docker Docs" title="Docker Docs" width="30" height="30" />
     </a>
 </div>
 <div class="search-form" id="search-div">

_layouts/landing.html

@@ -13,7 +13,7 @@
           <span class="icon-bar"></span>
         </button>
         <a class="navbar-brand" href="/">
-          <img src="/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs" width="160" height="28" />
+          <img src="/assets/images/docker-docs-logo.svg" alt="Docker Docs" title="Docker Docs" width="160" height="28" />
         </a>
       </div>
       <div class="collapse navbar-collapse" id="header-content">
@@ -174,7 +174,7 @@
           <!-- 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(/assets/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">
@@ -244,7 +244,7 @@
           <!-- 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(/assets/images/hub.svg);"></div>
               <h5>Hub</h5>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
@@ -273,7 +273,7 @@
           <!-- 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(/assets/images/engine.svg);"></div>
               <h5>Engine</h5>
             </div>
             <div class="col-xs-12 col-md-4 col-lg-5">
@@ -299,7 +299,7 @@
             <div class="col-xs-12 col-md-4 col-lg-2 text-center">
               <div
                 class="image"
-                style="background-image: url(/images/Compose.png);"
+                style="background-image: url(/assets/images/Compose.png);"
               ></div>
               <h5>Compose</h5>
             </div>

_scss/_landing.scss

@@ -158,7 +158,7 @@ body.landing {
     @each $icon in $icons {
       &.#{$icon} {
         @extend %icon-card;
-        background-image: url("/images/#{$icon}.svg");
+        background-image: url("/assets/images/#{$icon}.svg");
       }
     }
 
@@ -202,7 +202,7 @@ body.landing {
     }
 
     &[target=_blank] {
-      background-image:    url(/images/arrow.svg);
+      background-image:    url(/assets/images/arrow.svg);
       background-position: top 10px right 10px;
       background-repeat:   no-repeat;
       background-size:     15px 15px;

_scss/_utilities.scss

@@ -79,7 +79,7 @@ img.inline {
     float: left;
     margin: 5px 8px 0 0;
     & input[type=text] {
-        background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat 10px 9px;
+        background: rgba(0, 0, 0, 0.17) url("/assets/images/search.png") no-repeat 10px 9px;
         border: 0;
         color: #0C5176;
         border-radius: 0;
@@ -91,7 +91,7 @@ img.inline {
 
 .nav-secondary input[type=search]
 {
-    background: rgba(0, 0, 0, 0.17) url("/images/search.png") no-repeat 10px 9px;
+    background: rgba(0, 0, 0, 0.17) url("/assets/images/search.png") no-repeat 10px 9px;
     border: 0;
     box-shadow: none;
     color: #fff;
@@ -108,14 +108,14 @@ img.inline {
 
 input[type=text] {
     margin: 0;
-    background: rgba(0, 0, 0, 0.17) url(/images/search.png) no-repeat 10px 9px;
+    background: rgba(0, 0, 0, 0.17) url(/assets/images/search.png) no-repeat 10px 9px;
     border: 1px solid transparent;
     box-shadow: none;
     transition: all 0.2s ease;
 }
 
 .nav-secondary .search-form input[type=search]:focus {
-    background: rgba(255, 255, 255, 0.17) url(/images/search.png) no-repeat 10px 9px;
+    background: rgba(255, 255, 255, 0.17) url(/assets/images/search.png) no-repeat 10px 9px;
 }
 
 .search-form input[type=search]::placeholder