new file: css/style.css

new file:   index.html
This commit is contained in:
DarkShy
2023-01-14 00:55:39 +03:00
parent 31b53e6316
commit 4fab418b5e
2 changed files with 49 additions and 0 deletions

31
css/style.css Normal file
View File

@@ -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;
}

18
index.html Normal file
View File

@@ -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>