diff --git a/index.php b/index.php
index 3a20ebe..05ee07a 100644
--- a/index.php
+++ b/index.php
@@ -17,8 +17,8 @@ $date = calculate_elapsed_years("2009-08-29");
 <link rel="stylesheet" href="/static/style/index.css">
 <div class="main">
     <div class="fox_div">
-        <img src="<?php echo $animal_url;?>" id=myImg title="Randomly picked image of a <?php echo $names[$number];?>" alt="randomly picked image of a <?php echo $names[$number];?>">
-        <p>Current image is a <?php echo $names[$number];?>.</p>
+        <img loading="lazy" src="<?php echo $animal_url;?>" id=animal_img title="Randomly picked image of a <?php echo $names[$number];?>" alt="randomly picked image of a <?php echo $names[$number];?>">
+        <p id="imagetext">Current image is a <?php echo $names[$number];?>.</p>
         <p>Images stolen from <a target="_blank" href="https://tinyfox.dev/image-list/">tinyfox.dev</a></p>
     </div>
     <div class="main_text">
@@ -39,7 +39,7 @@ $date = calculate_elapsed_years("2009-08-29");
                     width=50px height=50px src="/static/assets/icons/lastfm.svg" /></a>
             <?php // <a alt="Steam" target="_blank" href="https://steamcommunity.com/id/julimiro/"><img alt="Steam" title="Steam" width=50px height=50px src="/static/assets/icons/steam.svg"/></a> ?>
             <a alt="Youtube" target="_blank" href="https://www.youtube.com/@JuliTheFurry"><img alt="Youtube"
-                    title="Youtube" width=50px height=50px src="/static/assets/icons/youtube.svg" /></a>
+                    title="Youtube" width=50px height=50px src3="/static/assets/icons/youtube.svg" /></a>
         </div>
 
 
diff --git a/static/assets/buttons/cutie.gif b/static/assets/buttons/cutie.gif
new file mode 100644
index 0000000..f271daa
Binary files /dev/null and b/static/assets/buttons/cutie.gif differ
diff --git a/static/assets/buttons/juli.gif b/static/assets/buttons/juli.gif
new file mode 100644
index 0000000..4ff0364
Binary files /dev/null and b/static/assets/buttons/juli.gif differ
diff --git a/static/assets/buttons/neofox.gif b/static/assets/buttons/neofox.gif
new file mode 100644
index 0000000..ec9268e
Binary files /dev/null and b/static/assets/buttons/neofox.gif differ
diff --git a/static/commons/footer.php b/static/commons/footer.php
index 1c92f89..b19fd2d 100644
--- a/static/commons/footer.php
+++ b/static/commons/footer.php
@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="/static/commons/style.css">
-
 <div class="footer">
     <div class="footer_text" <p>&copy; <?php echo date(
       "Y"
@@ -10,21 +8,24 @@
 
     <div class="footer_images">
         <a target="_blank" href="https://www.codecademy.com/learn/learn-css"><img
-                src="/static/assets/buttons/csshard.gif"></a>
-        <a target="_blank" href="https://www.linux.org/"><img src="/static/assets/buttons/linux.gif"></a>
-        <a target="_blank" href="https://www.furaffinity.net/"><img src="/static/assets/buttons/paws.gif"></a>
-        <a target="_blank" href="https://jointhefediverse.net/join"><img src="/static/assets/buttons/fediverse.gif"></a>
-        <a target="_blank" href="https://www.php.net/"><img src="/static/assets/buttons/php.gif"></a>
-        <a target="_blank" href="https://www.linux.org/"><img src="/static/assets/buttons/powered_linux.gif"></a>
-        <a target="_blank" href="https://www.linux.org/"><img src="/static/assets/buttons/madeonlinux.png"></a>
+        loading="lazy" src="/static/assets/buttons/csshard.gif"></a>
+        <a target="_blank" href="https://www.linux.org/"><img loading="lazy" src="/static/assets/buttons/linux.gif"></a>
+        <a target="_blank" href="https://www.furaffinity.net/"><img loading="lazy" src="/static/assets/buttons/paws.gif"></a>
+        <a target="_blank" href="https://jointhefediverse.net/join"><img loading="lazy" src="/static/assets/buttons/fediverse.gif"></a>
+        <a target="_blank" href="https://www.php.net/"><img loading="lazy" src="/static/assets/buttons/php.gif"></a>
+        <a><img loading="lazy" src="/static/assets/buttons/juli.gif"></a>
+        <a target="_blank" href="https://x86.breadtf.com/"><img loading="lazy" src="/static/assets/buttons/cutie.gif"></a>
+        <a target="_blank" href="https://confusionunknown.nekoweb.org/"><img loading="lazy" src="https://confusionunknown.nekoweb.org/static/buttons/cnfunknown.gif"></a>
+        <a target="_blank" href="https://www.linux.org/"><img loading="lazy" src="/static/assets/buttons/powered_linux.gif"></a>
+        <a target="_blank" href="https://www.linux.org/"><img loading="lazy" src="/static/assets/buttons/madeonlinux.png"></a>
         <a target="_blank"
             href='https://www.humanrightscareers.com/issues/trans-rights-101-definition-examples-significance/'><img
-                src="/static/assets/buttons/transrights.gif"></a>
-        <a><img src="/static/assets/buttons/flag-pan.gif"></a>
-        <a target="_blank" href="https://breadtf.com/"><img src="/static/assets/buttons/gayweb.gif"></a>
+            loading="lazy" src="/static/assets/buttons/transrights.gif"></a>
+        <a><img loading="lazy" src="/static/assets/buttons/flag-pan.gif"></a>
+        <a target="_blank" href="https://breadtf.com/"><img loading="lazy" src="/static/assets/buttons/gayweb.gif"></a>
         <a target="_blank" href='https://transfem.social/@x86overflow'><img
-                src="/static/assets/buttons/boykisser.gif"></a>
-        <a><img src="/static/assets/buttons/boykiss.gif"></a>
+        loading="lazy" src="/static/assets/buttons/boykisser.gif"></a>
+        <a><img loading="lazy" src="/static/assets/buttons/boykiss.gif"></a>
         <!-- <a target="_blank" href="https://ubuntu.com/"><img src="/static/buttons/ubuntu.gif"></a> -->
     </div>
 </div>
diff --git a/static/script/lazyloader.js b/static/script/lazyloader.js
new file mode 100644
index 0000000..9b9a688
--- /dev/null
+++ b/static/script/lazyloader.js
@@ -0,0 +1,9 @@
+function getRandomInt(max) {
+    return Math.floor(Math.random() * max);
+}
+
+function load_animal() {
+    const animals = ["https://api.tinyfox.dev/img?animal=caracal","https://api.tinyfox.dev/img?animal=chee","https://api.tinyfox.dev/img?animal=yote","https://api.tinyfox.dev/img?animal=dook","https://api.tinyfox.dev/img?animal=fox","https://api.tinyfox.dev/img?animal=mane","https://api.tinyfox.dev/img?animal=ott","https://api.tinyfox.dev/img?animal=marten","https://api.tinyfox.dev/img?animal=wah","https://api.tinyfox.dev/img?animal=serval","https://api.tinyfox.dev/img?animal=woof","https://api.tinyfox.dev/img?animal=yeen"];
+    var animal_index = getRandomInt(animals.length-1);
+    document.getElementById("animal_img").src = animals[animal_index];
+}
\ No newline at end of file
diff --git a/static/style/style.css b/static/style/style.css
index 62a0a92..5ab57e0 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -47,7 +47,7 @@ body {
   margin-top: 200px;
   transform: translateX(-50%);
   text-align: center;
-  max-width: 80%;
+  max-width: 80vh;
   margin-top: 80%;
 }