Don't show any images until the user generates a new one

This way, every new user will have a similar initial experience and
get forced to figure out the image-generation form before seeing
anything else on the page.

diff --git a/index.html b/index.html
index d3f25aa2494815938573881513d42dcfd9ad4fd1..a1f4e51955dc0d15096494ea3327d9a56399c738 100644 (file)
--- a/index.html
+++ b/index.html
@@ -74,7 +74,7 @@
       </form>
     </p>
 
-    <div id="images">
+    <div id="images" style="display: none">
     </div>
 
     <audio loop="" src="/zombo_words.mp3" type="audio/mpeg"></audio>
@@ -224,6 +224,8 @@ mute.addEventListener("click", () => {
         /* Re-display the form and hide spinner now that generation is over. */
         clearTimeout(spinner_timeout);
         hide_spinner();
+        /* Also display all of the images. */
+        images.style.display = "block";
     });
 
     function random_from(items) {