move imgs; use knmi

Author: rweigel

logos/HAPI-stack-demo.png assets/imgs/autoplot-stack-demo.pnglogos/HAPI-stack-demo.png renamed to assets/imgs/autoplot-stack-demo.png

@@ -174,10 +174,10 @@
         <a href="#data">For Data Providers</a>
         <a href="#dev">For Developers</a>
         <a href="https://www.youtube.com/watch?v=dBV2yxoHkDU">
-          <img src="logos/youtube-svgrepo-com.svg" alt="YouTube demo" style="height: 1.3em; vertical-align: middle;">
+          <img src="assets/imgs/youtube-svgrepo-com.svg" alt="YouTube demo" style="height: 1.3em; vertical-align: middle;">
         </a>
         <a href="https://github.com/hapi-server">
-          <img src="logos/github-mark.svg" alt="HAPI GitHub Organization Page" style="height: 1.3em; vertical-align: middle;">
+          <img src="assets/imgs/github-mark.svg" alt="HAPI GitHub Organization Page" style="height: 1.3em; vertical-align: middle;">
         </a>
       </div>
     </div>
@@ -194,13 +194,25 @@ <h1>About HAPI</h1>
           <p>The <a href="https://github.com/hapi-server?type=all&amp;language=&amp;sort=name">hapi-server GitHub project</a> contains a collection of repositories for HAPI-related software and documentation, including client and server libraries and code for verifying and testing a HAPI server.</p>
         </div>
         <div class="column">
+          <!--TODO: Rotate images as in https://codepen.io/paulobrien/pen/YzzqgVJ-->
           <div style="padding: 1em; margin-top: 4.5em; margin-left: 3em; margin-right: 3em; margin-bottom: 2em; box-shadow: 0 2px 8px var(--hapi-light-blue); display: inline-block;">
+            <!--figure style="margin: 0;">
+              <img
+                src="assets/imgs/autoplot-stack-demo.png"
+                style="display: block; max-width: 100%; height: auto;"
+                alt="HAPI Stack Demo" />
+              <figcaption style="text-align: left;margin-top:0.5em">
+                Autoplot client showing data from four HAPI-enabled data providers.
+              </figcaption>
+            </figure-->
             <figure style="margin: 0;">
               <img
-                src="logos/HAPI-stack-demo.png"
+                src="assets/imgs/knmi-stack-demo.png"
                 style="display: block; max-width: 100%; height: auto;"
                 alt="HAPI Stack Demo" />
-              <figcaption style="text-align: left">HAPI client showing data from four data providers.</figcaption>
+              <figcaption style="text-align: left;margin-top:0.5em">
+                KNMI Timeline viewer showing data from four HAPI-enabled data providers.
+              </figcaption>
             </figure>
           </div>
         </div>