add stock.svg

web/choose.html

@@ -18,18 +18,18 @@
         <button id="load_photos_button">Load Photos</button>
       </div>
       <div id="selected_photos">
-        <div>1<img src="stock.jpg" /> </div>
-        <div>2<img src="stock.jpg" /> </div>
-        <div>3<img src="stock.jpg" /> </div>
-        <div>4<img src="stock.jpg" /> </div>
-        <div>5<img src="stock.jpg" /> </div>
-        <div>6<img src="stock.jpg" /> </div>
-        <div>7<img src="stock.jpg" /> </div>
-        <div>8<img src="stock.jpg" /> </div>
-        <div>9<img src="stock.jpg" /> </div>
-        <div>10<img src="stock.jpg" /> </div>
-        <div>11<img src="stock.jpg" /> </div>
-        <div>12<img src="stock.jpg" /> </div>
+        <div>1<img src="stock.svg" /> </div>
+        <div>2<img src="stock.svg" /> </div>
+        <div>3<img src="stock.svg" /> </div>
+        <div>4<img src="stock.svg" /> </div>
+        <div>5<img src="stock.svg" /> </div>
+        <div>6<img src="stock.svg" /> </div>
+        <div>7<img src="stock.svg" /> </div>
+        <div>8<img src="stock.svg" /> </div>
+        <div>9<img src="stock.svg" /> </div>
+        <div>10<img src="stock.svg" /> </div>
+        <div>11<img src="stock.svg" /> </div>
+        <div>12<img src="stock.svg" /> </div>
       </div>
       <div id="album_photos"></div>
     </div>

web/choose.js

@@ -90,7 +90,7 @@ function loadPhotos() {
         showNotice("Select an album to load photos")
         return
     }
-    const [elem] = selected
+    const [elem] = selected;
 
     (async () => {
         try {

web/stock.svg

@@ -0,0 +1,4 @@
+<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="50" cy="25" r="20" stroke="green" stroke-width="4" fill="lightgrey" />
+    <polygon points="50,50 80,95 20,95" stroke="green" stroke-width="4" fill="lightgrey" />
+</svg>