add index.html

2022-08-29 12:53:00 +09:00 · 2022-08-29 12:53:00 +09:00 · 949c58763c
commit 949c58763c
parent 06a6177a0c
3 changed files with 59 additions and 0 deletions
--- a/bg.png
+++ b/bg.png
--- a/index.html
+++ b/index.html
@ -0,0 +1,59 @@
+<!DOCTYPE>
+
+<html>
+  <head>
+    <meta charset="utf-8">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
+
+    <title>Nf7</title>
+
+    <style>
+:root {
+  font-size: 16pt;
+}
+body {
+  background-color: black;
+  background-image: url(./bg.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+#fg {
+  margin: calc(50vh - 8rem) auto;
+  width: 16rem;
+  height: 16rem;
+}
+#fg p {
+  font-family: 'Poiret One', cursive;
+  color: white;
+  font-size: 2rem;
+  text-align: center;
+}
+#fg .logo {
+  height: 12rem;
+  text-align: center;
+}
+#fg .logo img {
+  width: 12rem;
+  height: 100%;
+}
+    </style>
+  </head>
+  <body>
+    <div id="fg">
+      <div class="logo"><img src="logo.png"></div>
+      <p>coming soon...</p>
+    </div>
+  </body>
+</html>
--- a/logo.png
+++ b/logo.png