<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Peaceville Life (AET) — A book by HAMMY</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: Georgia, 'Times New Roman', serif;
background: #1a1a2e;
color: #e0e0e0;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40px 20px;
}
.book-cover {
max-width: 320px;
width: 100%;
border-radius: 6px;
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
margin-bottom: 40px;
}
h1 {
font-size: 2.4rem;
letter-spacing: 2px;
margin-bottom: 10px;
text-align: center;
}
.subtitle {
font-size: 1.2rem;
color: #aaa;
margin-bottom: 40px;
text-align: center;
}
.author-section {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 40px;
}
.author-photo {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #444;
}
.author-name {
font-size: 1.4rem;
letter-spacing: 3px;
text-transform: uppercase;
}
.coming-soon {
font-size: 1.1rem;
color: #888;
font-style: italic;
border-top: 1px solid #333;
padding-top: 20px;
text-align: center;
}
</style>
</head>
<body>
<img src="https://i.ibb.co/rGqQXYrk/Book-3d.png" alt="Peaceville Life (AET) Book Cover" class="book-cover">
<h1>Peaceville Life (AET)</h1>
<p class="subtitle">A book by HAMMY</p>
<div class="author-section">
<img src="/HammyAuthor61 Photo.jpg" alt="HAMMY" class="author-photo">
<span class="author-name">HAMMY</span>
</div>
<p class="coming-soon">Coming — End of 2026</p>
</body>
</html>