now shows molly and louise instead of `cat_1`

another_page.html

@@ -49,11 +49,11 @@
             I will try it tho
         </p>
         <div style="margin:auto;height: 350px;">
-            <img src="cat_1.jpg" width="350px" height="350px" style="float:left;">
-            <img id="animatedImage" src="cat_1.jpg" width="350px" height="350px" style="float:right; visibility: hidden;">
+            <img src="molly.jpg" width="350px" height="350px" style="float:left;">
+            <img id="animatedImage" src="louise.jpg" width="350px" height="350px" style="float:right; visibility: hidden;">
             <div style="width: 50%; margin:auto;">
                 <p>
-                    Please enjoy this cute cat while I figure how to get the scroll data...
+                    Please enjoy Molly's picture as I figure how to get the scroll data...
                 </p>
                 <div id="cat_par2" style="visibility: hidden;">
                     <p>
@@ -65,6 +65,9 @@
                         (with the sliding one also being invisible until the animation appears)
                         and the animation used is with the `animate` method(and a lot of trial and error)
                     </p>
+		    <p>
+			Also, this is Louise on the right, and she purrs as soon as someone gets close to her.
+		    </p>
                 </div>
             </div>
         </div>
@@ -131,4 +134,4 @@
             }
         }
     </script>
-</html>
+</html>