adam/cat-memes
1
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Make it better again
All checks were successful
Build Cat Web App Container / build (push) Successful in 13s
Details

Browse Source
This commit is contained in:
Adam Montgomery
2025-11-14 16:57:56 -07:00
parent 32c2e25fb6
commit 3e3f0affc4
1 changed files with 52 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
main.go
View File

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