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