Change directory structure

2020-09-07 06:56:47 +09:00
parent ae69e38be1
commit c850a48342
23 changed files with 5 additions and 5 deletions
--- a/docs/index.html
+++ b/docs/index.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="ja">
+
+<head>
+    <meta charset="utf-8">
+    <link rel="shortcut icon" href="assets/images/favicon.ico">
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP" rel="stylesheet" media="print" onload="this.media='all'">
+
+    <title>yude.moe</title>
+    <style>
+        body {
+            text-align: center;
+            font-family: 'Noto Sans JP', monospace;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            body {
+                background-color: black;
+                color: white;
+            }
+
+            a {
+                color: white
+            }
+        }
+
+        @media (prefers-color-scheme: light) {
+            body {
+                background-color: white;
+                color: black
+            }
+
+            a {
+                color: black
+            }
+        }
+
+        .flex {
+            padding: 2.5% 0;
+            display: flex;
+            flex-direction: row;
+            justify-content: space-evenly;
+        }
+
+        .flex>* {
+            width: 8%;
+            font-size: 64px;
+            text-align: center;
+        }
+
+        .load {
+            -webkit-animation: spin 4s linear infinite;
+            -moz-animation: spin 4s linear infinite;
+            -ms-animation: spin 4s linear infinite;
+            -o-animation: spin 4s linear infinite;
+            animation: spin 4s linear infinite;
+        }
+
+        @-webkit-keyframes spin {
+            0% {
+                -webkit-transform: rotate(0deg);
+            }
+
+            100% {
+                -webkit-transform: rotate(360deg);
+            }
+        }
+
+        @-moz-keyframes spin {
+            0% {
+                -moz-transform: rotate(0deg);
+            }
+
+            100% {
+                -moz-transform: rotate(360deg);
+            }
+        }
+
+        @-ms-keyframes spin {
+            0% {
+                -ms-transform: rotate(0deg);
+            }
+
+            100% {
+                -ms-transform: rotate(360deg);
+            }
+        }
+
+        @-o-keyframes spin {
+            0% {
+                -o-transform: rotate(0deg);
+            }
+
+            100% {
+                -o-transform: rotate(360deg);
+            }
+        }
+
+        @keyframes spin {
+            0% {
+                transform: rotate(0deg);
+            }
+
+            100% {
+                transform: rotate(360deg);
+            }
+        }
+        svg {
+            fill: currentColor;
+        }
+        .discord {
+            height: 500px;
+            width: 90%;
+            min-width: 300px;
+            max-width: 565px;
+        }
+    </style>
+</head>
+
+<body>
+    <picture>
+        <source type="image/webp" srcset="assets/images/avatar.webp" style="width:200px; border-radius: 50%"
+            class="load">
+        <img src="assets/images/avatar.png" style="width:200px; border-radius: 50%" class="load">
+    </picture>
+    <h1>yude.moe</h1>
+    <p>Contents</p>
+    <p><a href="../about">yude のプロフィール</a></p>
+    <p><a href="https://blog.yude.moe">yude のブログ</a></p>
+    <p>Services</p>
+    <p><a href="../server">サーバー情報</a></p>
+    <iframe class="discord" src="https://discordapp.com/widget?id=550309736214691840&theme=dark"
+        allowtransparency="true" frameborder="0"></iframe>
+</body>
+
+</html>