From 8111e1bf5d1d0576ec1077bcc366711e7ed8e651 Mon Sep 17 00:00:00 2001
From: Alexander Popov <iiiypuk@iiiypuk.me>
Date: Wed, 7 Jul 2021 22:04:20 +0300
Subject: [PATCH] style

---
 docs/.nojekyll   |   0
 docs/favicon.ico | Bin 0 -> 15406 bytes
 docs/index.html  |  61 +++++++++++++++++-------------
 docs/styles.css  |  95 +++++++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 131 insertions(+), 25 deletions(-)
 create mode 100644 docs/.nojekyll
 create mode 100644 docs/favicon.ico
 create mode 100644 docs/styles.css

diff --git a/docs/.nojekyll b/docs/.nojekyll
new file mode 100644
index 0000000..e69de29
diff --git a/docs/favicon.ico b/docs/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..d916a47e5e6d4f13052bb704c3d192dd0b1160c4
GIT binary patch
literal 15406
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

literal 0
HcmV?d00001

diff --git a/docs/index.html b/docs/index.html
index 579bcc6..31999c6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -2,34 +2,45 @@
 <html lang="en">
 <head>
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>Turn 0 Around</title>
-    <style type="text/css">
-        html, 
-        body {
-            height: 90%;
-        }
-
-        body {
-            background-color: #38607c;
-        }
-
-        div.wrap {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 100%;
-        }
-
-        h1.slogan {
-            font-family: sans-serif;
-            color: #d44e52;
-            text-align: center;
-        }
-    </style>
+    <link type="text/plain" rel="author" href="http://iiiypuk.me/humans.txt">
+    <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=ABeeZee:ital@0;1&display=swap" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="styles.css">
 </head>
 <body>
-    <div class="wrap">
-        <h1 class="slogan">licking and assemble</h1>
+    <div class="container">
+        <header>
+            <p>
+                Turn 0 Around
+                <span class="slogan">// licking and assemble //</span>
+            </p>
+            <!-- <p id="languages">
+                <a href="/ru/">Switch to Russian</a>
+            </p> -->
+        </header>
+
+        <nav>
+            <a href="#">Blog</a>
+            <a href="#">Games</a>
+            <a href="#">Products</a>
+            <a href="#">Vacancies</a>
+        </nav>
+
+        <main>
+            <p class="future">
+                !! DANGER !!<br>
+                Soon. In the near future.
+            </p>
+        </main>
+
+        <footer>
+            made by
+            <a href="//iiiypuk.me/">iiiypuk</a>
+            with love
+        </footer>
     </div>
 </body>
 </html>
diff --git a/docs/styles.css b/docs/styles.css
new file mode 100644
index 0000000..b549d01
--- /dev/null
+++ b/docs/styles.css
@@ -0,0 +1,95 @@
+* {
+    padding: 0;
+    margin: 0;
+}
+
+html, 
+body {
+    height: 90%;
+}
+
+body {
+    background-color: #2f3542;
+    font-family: ABeeZee;
+    font-size: 1.2rem;
+    color: #ffffff;
+}
+
+div.container {
+    flex-grow: 1;
+}
+
+header {
+    padding: 16px;
+    margin: 16px 0;
+    display: flex;
+}
+
+header p {
+    flex-grow: 1;
+}
+
+header p#languages {
+    text-align: right;
+}
+
+header p#languages a { color: #ffffff; }
+
+span.slogan {
+    color: #a4b0be;
+}
+
+nav {
+    display: flex;
+}
+
+nav a {
+    color: #ffffff;
+    background-color: #ff96a6;
+    flex-grow: 1;
+    text-align: center;
+    text-decoration: none;
+    padding: 16px;
+    transition: all 200ms;
+}
+
+nav a:hover {
+    background-color: #ff6b81;
+    transition: all 200ms;
+    border: 0;
+}
+
+footer {
+    text-align: center;
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    margin-bottom: 0px;
+    padding: 16px;
+}
+
+main {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    max-width: 800px;
+    margin: 16px auto;
+    height: 400px;
+}
+
+p.future {
+    color: #ff6b81;
+    font-size: 2rem;
+    font-weight: bold;
+    text-align: center;
+}
+
+a {
+    color: #ff4757;
+    text-decoration: none;
+}
+
+a:hover {
+    border-bottom: 1px dashed #ff4757;
+}