From 3e3f0affc4ec3124406cd4cc2e1d040dc8b39e6a Mon Sep 17 00:00:00 2001
From: Adam Montgomery <adam.montgomery17@gmail.com>
Date: Fri, 14 Nov 2025 16:57:56 -0700
Subject: [PATCH] Make it better again

---
 main.go | 91 ++++++++++++++++++++++++++++++++-------------------------
 1 file changed, 52 insertions(+), 39 deletions(-)
diff --git a/main.go b/main.go
index 588428b..ec39848 100644
--- a/main.go
+++ b/main.go
@@ -18,48 +18,58 @@ var tpl = template.Must(template.New("index").Parse(`
 <meta charset="UTF-8">
 <title>Random Cat Meme</title>
 <style>
-    body {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        min-height: 100vh;
-        background: #f2f2f2;
-        font-family: Arial, sans-serif;
-    }
+body {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    background: #f2f2f2;
+    font-family: Arial, sans-serif;
+}
 
-    h1 {
-        margin-bottom: 20px;
-        color: #333;
-    }
+h1 {
+    margin-bottom: 20px;
+    color: #333;
+}
 
-    img {
-        max-width: 500px;
-        max-height: 500px;
-        margin-bottom: 20px;
-        border-radius: 12px;
-        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
-        transition: transform 0.2s;
-    }
+#cat-container {
+    width: 500px;
+    height: 500px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 20px;
+    background: white;
+    border-radius: 12px;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
+    overflow: hidden;
+}
 
-    img:hover {
-        transform: scale(1.05);
-    }
+#catImage {
+    max-width: 100%;
+    max-height: 100%;
+    transition: transform 0.2s;
+}
 
-    button {
-        padding: 10px 20px;
-        font-size: 16px;
-        border: none;
-        border-radius: 8px;
-        background-color: #ff6f61;
-        color: white;
-        cursor: pointer;
-        transition: background-color 0.2s;
-    }
+#catImage:hover {
+    transform: scale(1.05);
+}
 
-    button:hover {
-        background-color: #ff3b2f;
-    }
+button {
+    padding: 10px 20px;
+    font-size: 16px;
+    border: none;
+    border-radius: 8px;
+    background-color: #ff6f61;
+    color: white;
+    cursor: pointer;
+    transition: background-color 0.2s;
+}
+
+button:hover {
+    background-color: #ff3b2f;
+}
 </style>
 <script>
 async function getCat() {
@@ -68,17 +78,20 @@ async function getCat() {
     const img = document.getElementById('catImage');
     img.src = data.url;
 }
-window.onload = getCat; // Load a cat immediately
+window.onload = getCat;
 </script>
 </head>
 <body>
 <h1>Random Cat Meme</h1>
-<img id="catImage" src="" alt="Random Cat Meme">
+<div id="cat-container">
+    <img id="catImage" src="" alt="Random Cat Meme">
+</div>
 <button onclick="getCat()">Get a new cat</button>
 </body>
 </html>
 `))
 
+
 func main() {
     http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
         tpl.Execute(w, nil)
