new file: css/style.css

new file: index.html
2023-01-14 00:55:39 +03:00
parent 31b53e6316
commit 4fab418b5e
2 changed files with 49 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,31 @@
+body {
+    background-color: rgb(58, 58, 58);
+    color: chartreuse;
+    font-family: monospace;
+}
+
+.header {
+    text-align: center;
+}
+
+#blink {
+    -webkit-animation: blink 1.5s linear infinite;
+    animation: blink 1.5s linear infinite;
+  }
+  @-webkit-keyframes blink {
+    50% { color: rgb(34, 34, 34); }
+    51% { color: rgba(34, 34, 34, 0); }
+    100% { color: rgba(34, 34, 34, 0); }
+  }
+  @keyframes blink {
+    50% { color: rgb(34, 34, 34); }
+    51% { color: rgba(34, 34, 34, 0); }
+    100% { color: rgba(34, 34, 34, 0); }
+  }
+
+.dark {
+    color:rgb(0, 0, 0);
+}
+.shy {
+    color: red;
+}
--- a/index.html
+++ b/index.html
@@ -0,0 +1,18 @@
+<html>
+    <head>
+        <title>DarkShy - main page</title>
+        <meta name="description" content="Страница DarkShy.">
+        <meta name="keywords" content="DarkShy, pony, bronyfurry, mlp">
+        <link rel="stylesheet" href="css/style.css">
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="theme-color" content="black">
+        <meta name="color-scheme" content="dark">
+    </head>
+    <body>
+        <h1 class="header dark">Dark<span class="shy">Shy</span></h1>
+        <h2 class="outro">Просто серая пегаска..<span id="blink">|</span></h2>
+    </body>
+</html>