Needed to remove via.placeholder from the thumbs.

src/Home.svelte

@@ -37,7 +37,6 @@
     padding: 1em;
     font-style: italic;
     background-color: var(--color-bg-secondary);
-    margin-top: 2em;
   }
 
 </style>
@@ -120,8 +119,13 @@
   <a href="/demos" use:link><button id="demo-link">View The Demos</button></a>
 </section>
 
+<hr>
+<section>
+<h2>Version 0.1 Notice</h2>
+
 <quote>
 This website is a learning project by Zed A. Shaw, the author of many courses at <a href="https://learncodethehardway.org">Learn Code the Hard Way</a> and will hopefully result in a good CSS component to <a href="https://learnjsthehardway.com/">Learn JavaScript the Hard Way</a>.  If you find flaws in the reasoning or have suggestions for how to do it better, contact me <a href="https://twitter.com/lzsthw">@lzsthw on Twitter</a> and get a special thank you in the credits of this site and the course.
 </quote>
+</section>
 
 </rationale>

src/thumbs/Google.svelte

@@ -1,6 +1,7 @@
 <script>
   import { link } from 'svelte-spa-router';
   import Icon from '../components/Icon.svelte';
+  import { holder } from '../../lib/imgholder.js';
 </script>
 
 <style>
@@ -86,7 +87,7 @@
 
   <figure>
     <a href="/demos/google" use:link>
-      <img src="http://via.placeholder.com/500x200?text=Google+Doodle">
+      <img src="{ holder(500,200) }">
     </a>
   </figure>
 

src/thumbs/Instagram.svelte

@@ -3,6 +3,7 @@
   import Icon from '../components/Icon.svelte';
 
   let pins = [1,2,3,4];
+  import { holder } from '../../lib/imgholder.js';
 </script>
 
 <style>
@@ -85,7 +86,7 @@
 
   <profile>
     <figure>
-      <img alt="Zed's Face" src="http://via.placeholder.com/256x256?text=Zed's Face">
+      <img alt="Zed's Face" src="{ holder(256,256) }">
     </figure>
 
     <info>
@@ -107,7 +108,7 @@
   <pins>
   {#each pins as pin}
     <figure>
-      <img alt="Stock photo" src="http://via.placeholder.com/82x82?text=Story">
+      <img alt="Stock photo" src="{ holder(82,82) }">
     </figure> 
   {/each}
   </pins>

src/thumbs/Pinterest.svelte

@@ -1,6 +1,7 @@
 
 <script>
   import Icon from '../components/Icon.svelte';
+  import { holder } from '../../lib/imgholder.js';
 </script>
 
 <style>
@@ -120,7 +121,7 @@
   </info>
 
   <figure>
-    <img alt="Zed's Face" src="http://via.placeholder.com/128x128?text=Zed's Face">
+    <img alt="Zed's Face" src="{ holder(128,128) }">
   </figure>
   </profile>
 </content>

src/thumbs/Youtube.svelte

@@ -1,6 +1,7 @@
 <script>
   import Icon from '../components/Icon.svelte';
 
+  import { holder } from '../../lib/imgholder.js';
   let cards = [1,2,3,4];
 </script>
 
@@ -90,7 +91,7 @@
   <main>
     <left>
       <figure>
-        <img src="http://via.placeholder.com/800x450?text=Video">
+          <img src="{ holder(800,450) }">
         <figcaption>
           <a>#tag</a> <a>#anothertag</a>
           <p>Title And Stuff</p>