abtmtr-v4/views/index.html

101 lines
2.6 KiB
HTML
Raw Normal View History

2023-11-23 08:53:28 +00:00
<!DOCTYPE html>
2023-11-26 06:55:00 +00:00
<html lang="en">
2023-11-23 08:53:28 +00:00
<head>
<meta charset="utf-8" />
2023-12-01 04:48:59 +00:00
<title>abtmtr.link</title>
2023-11-23 08:53:28 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/styles/normal.css" />
<link rel="stylesheet" href="/styles/windows.css" />
2023-11-23 08:53:28 +00:00
<link rel="stylesheet" href="/styles/style.css" />
2024-01-23 21:04:38 +00:00
<link rel="stylesheet" href="./styles/buttonroll.css" />
2023-11-23 08:53:28 +00:00
<style>
2024-01-23 21:04:38 +00:00
.header {
width: 100%;
aspect-ratio: 3 / 1;
background: url("/assets/bg.jpg");
background-position: center;
background-size: cover;
2024-01-30 17:23:45 +00:00
background-attachment: fixed;
2024-01-23 21:04:38 +00:00
text-align: center;
color: white;
text-shadow: 0 0.1em 0.5em black;
2024-01-31 02:33:58 +00:00
box-shadow: inset 0 0 1em var(--accent-color);
2024-01-23 21:04:38 +00:00
font-size: 1.5em;
border-radius: 2rem;
overflow: hidden;
display: grid;
align-items: center;
justify-content: center;
margin: 0.5em 0;
margin-bottom: 1em;
user-select: none;
}
.header h1 {
line-height: 1em;
margin-bottom: 0.35em;
border: none;
padding: 0;
}
.horizontal {
display: grid;
grid-auto-flow: column;
gap: 1em;
2023-11-23 08:53:28 +00:00
}
2024-01-25 04:49:29 +00:00
@keyframes wave {
0% {
transform: rotate(0deg);
}
20% {
transform: rotate(-15deg);
}
40% {
transform: rotate(15deg);
}
60% {
transform: rotate(-15deg);
}
80% {
transform: rotate(15deg);
}
100% {
transform: rotate(0deg);
}
}
.waving {
transform-origin: 60% 60%;
cursor: none;
}
.waving:hover {
animation: infinite wave 0.5s;
}
2023-11-23 08:53:28 +00:00
</style>
</head>
<body>
<header>
2024-02-12 19:46:21 +00:00
<h1><small><small>welcome to</small></small> ABTMTR.LINK</h1>
2023-11-23 08:53:28 +00:00
<$ nav.html $>
2023-11-27 00:58:46 +00:00
<section id="accessibility" hidden></section>
2024-01-23 21:04:38 +00:00
<div id="buttonroll" hidden></div>
2023-11-23 08:53:28 +00:00
</header>
<main>
<section>
2024-01-23 21:04:38 +00:00
<h1>
Hey!
2024-01-25 04:49:29 +00:00
<span class="rs waving">👋</span>
2024-01-23 21:04:38 +00:00
</h1>
2024-02-12 19:46:21 +00:00
<p>Welcome to abtmtr.link.</p>
<p>abtmtr.link is a domain for a suite of services, ranging from <b>micro-blogging</b> to <b>web search</b>.</p>
2024-01-23 21:04:38 +00:00
</section>
2024-02-12 19:46:21 +00:00
<section id="data_get">
<h1>Getting domain indexes...</h1>
2023-11-23 08:53:28 +00:00
</section>
</main>
<script src="/scripts/accessibility.js"></script>
2024-01-23 21:04:38 +00:00
<script src="./scripts/roll_buttons.js"></script>
2024-02-12 19:46:21 +00:00
<script src="./scripts/data_get_domain.js"></script>
2023-11-23 08:53:28 +00:00
</body>
</html>