waifuism.life
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
waifuism/home/normal/anniversary-2024/index.html

66 lines
2.0 KiB

7 months ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../../default_style.css">
<title>Centered Image Viewer</title>
<style>
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #3a3a3a;
}
.title-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 15vh;
width: 100%;
background-color: #000000;
border-bottom: 2px solid #000000;
color: white;
}
.image-container {
display: flex;
justify-content: center;
align-items: center;
height: 70vh;
width: 100%;
}
.thumbnail {
max-height: 70vh;
max-width: 100%;
cursor: pointer;
border: 2px solid #ccc;
border-radius: 10px;
}
.bottom{
display: flex;
color: white;
height: 15vh;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<div class="title-container">
<div><h1>Waifuism.life third anniversary.</h1></div>
</div>
<div class="image-container">
<a href="waifuism.png" target="_blank">
<img src="waifuism.png" alt="Waifuism" class="thumbnail">
</a>
</div>
<div class="bottom"><h1 style="justify-content: center; text-align: center;">Is your image missing? Do you want to be drawn? Did I forgot to credit you? Do you want to remove yourself from it?<br>Please <a href="https://mai.waifuism.life/notes/9srugmdaqj7301u2" style="color: rgb(228, 255, 255);">send a reply in the official thread</a></h1></div>
</body>
</html>