coderrrrr.site/index.html

63 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>coderrrrr</title>
<style>
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f0f4f8;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
.card {
background-color: white;
border-radius: 1rem;
padding: 2rem;
max-width: 28rem;
width: 100%;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card:hover {
box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
transform: translateY(-5px) scale(1.02);
}
h1 {
font-size: 1.875rem;
font-weight: 300;
color: #2c5282;
margin-bottom: 1rem;
text-align: center;
}
p {
color: #4a5568;
line-height: 1.625;
margin: 0;
}
</style>
</head>
<body>
<div class="card">
<h1>Welcome to coderrrrr.site</h1>
<p>
So... Bomberfish DM'ed me on discord to kindly take his site down from my domain. So here we are! This is a small placeholder page while I work out the bugs in my actual site. You can find a production version of it at <a href="https://demo.coderrrrr.site">demo.coderrrrr.site</a>.
</p>
<h5>Buttons:</h5>
<a href="https://lucida.to" target="_blank"><img loading="lazy" src="lucida.to/buttons/88x31.gif" alt="A web button with the description: Lucida: Free Music. No BS." title="Lucida: Free Music. No BS." referrerpolicy="no-referrer" crossorigin="anonymous"></a>
</div>
</body>
</html>