Make it better again

2025-11-14 16:57:56 -07:00
parent 32c2e25fb6
commit 3e3f0affc4
1 changed files with 52 additions and 39 deletions
--- a/main.go
+++ b/main.go
@@ -33,16 +33,26 @@ var tpl = template.Must(template.New("index").Parse(`
    color: #333;
 }

-    img {
-        max-width: 500px;
-        max-height: 500px;
+#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;
+}
+
+#catImage {
+    max-width: 100%;
+    max-height: 100%;
    transition: transform 0.2s;
 }

-    img:hover {
+#catImage:hover {
    transform: scale(1.05);
 }

@@ -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>
+<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)