monkeytype/public/soon.html

71 lines
1.6 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
2020-08-12 05:02:25 +08:00
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Monkey Type - Coming Soon!</title>
2020-08-12 05:02:25 +08:00
<link
href="https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap"
rel="stylesheet"
/>
<style>
2020-08-12 05:02:25 +08:00
* {
font-family: "Roboto Mono";
color: var(--main-color);
}
:root {
--main-color: #eee;
--sub-color: #444;
--bg-color: #111;
--caret-color: #fff;
--active-word-color: #444;
--roundness: 0.25rem;
2020-08-12 05:02:25 +08:00
}
body {
background-color: var(--bg-color);
width: 100vw;
height: 100vh;
display: grid;
align-content: center;
justify-content: center;
padding: 0;
margin: 0;
}
.grid {
display: grid;
gap: 1rem;
}
.logo {
margin-bottom: -0.12rem;
white-space: nowrap;
}
2020-08-12 05:02:25 +08:00
.logo .top {
font-size: 0.65rem;
line-height: 0.65rem;
margin-bottom: -0.4rem;
margin-left: -0.1rem;
color: var(--sub-color);
}
2020-08-12 05:02:25 +08:00
.logo .bottom {
margin-left: -0.15rem;
font-size: 2.3rem;
line-height: 2.3rem;
}
.soon {
text-align: center;
}
</style>
2020-08-12 05:02:25 +08:00
</head>
<body>
<div class="grid">
2020-08-12 05:02:25 +08:00
<div class="logo">
<div class="top">monkey-see</div>
<div class="bottom">monkey-type</div>
</div>
<div class="soon">Coming very soon...</div>
</div>
2020-08-12 05:02:25 +08:00
</body>
</html>