fix breaking images

client/episodes.html

@@ -51,7 +51,7 @@ hr{
 
 <div class="podcasts row">
     <div class="columns two">
-        <img class="u-full-width" src="{{ .Image }}" alt="{{ .Title }}">
+        <img onerror="onImageError(this)" class="u-full-width" src="{{ .Image }}" alt="{{ .Title }}">
     </div>
     <div class="columns ten">
        

client/index.html

@@ -42,7 +42,7 @@
 {{range .podcasts}}
 <div class="podcasts row" id="podcast-{{ .ID }}">
     <div class="columns two">
-        <img class="u-full-width" src="{{ .Image }}" alt="{{ .Title }}">
+        <img onerror="onImageError(this)" class="u-full-width" src="{{ .Image }}" alt="{{ .Title }}">
     </div>
     <div class="columns ten">
       <a style="text-decoration: none;" href="/podcasts/{{ .ID }}/view"> <h3>{{.Title}}</h3></a>

client/podcastlist.html

@@ -0,0 +1,3 @@
+{{define "podcastlist"}}
+
+{{end}}

client/scripts.html

@@ -5,5 +5,10 @@
 
 <script>
     Vue.use(Toasted)
+    function onImageError(image){
+        image.onerror = "";
+        image.src = "/webassets/blank.png";
+        return true;
+    }
 </script>
 {{end}}