feat: new design

Also I've decided to update colours and add a small "Peeps" page to highlight cool people I know or follow.
author: Azat Bahawi <azat@bahawi.net> 2022-02-20 03:56:15 +0300
committer: Azat Bahawi <azat@bahawi.net> 2022-02-20 03:56:15 +0300
commit: 1863997458459dd5722bf428b9cbdb4454feac2b (patch)
tree: 6be6da74c151fa44c90f26e43b8ebc009a12f125
parent: fix: remove social media paragraph (diff)
4 files changed, 136 insertions, 33 deletions
diff --git a/azahi-a-big.png b/azahi-a-big.png
deleted file mode 100644
index edd63bf..0000000
--- a/azahi-a-big.png
+++ /dev/null
Binary files differdiff --git a/index.html b/index.html
index 4c822e5..baede26 100644
--- a/index.html
+++ b/index.html
@@ -3,38 +3,47 @@
     <head>
         <meta charset="utf-8">
         <meta http-equiv="x-ua-compatible" content="ie=edge">
-        <title>azahi.cc</title>
+        <title>azahi</title>
         <meta name="description" content="azahi.cc">
         <meta name="viewport" content="width=device-width, initial-scale=1">
+
         <link rel="apple-touch-icon" href="apple-touch-icon.png">
-        <link rel=icon href="favicon.ico">
-        <link rel=icon sizes="16x16" type="image/png" href="favicon-16x16.png">
-        <link rel=icon sizes="32x32" type="image/png" href="favicon-32x32.png">
-        <link rel=stylesheet href="style.css">
+        <link rel="icon" href="favicon.ico">
+        <link rel="icon" sizes="16x16" type="image/png" href="favicon-16x16.png">
+        <link rel="icon" sizes="32x32" type="image/png" href="favicon-32x32.png">
+        <link rel="stylesheet" href="style.css">
     </head>
     <body>
-        <center>
-            <pre>
-<img src="azahi-a-big.png" height=220 alt=avatar>
-<h1>azahi</h1>
-<i>Azat Bahawi (Азат Багавиев)</i>
-
-
-
-DevOps engineer. Formerly C/C++ SWE.
-
-<strong><a href="https://github.com/azahi">GitHub</a></strong>
-<strong><a href="https://gitlab.com/azahi">GitLab</a></strong>
-
-<i>email:</i> <strong>azat [at] bahawi [dot] net</strong>
-<i>IRC:</i> <strong>azahi</strong> (Libera, Rizon, OFTC)
-<i>Matrix:</i> <strong>@azahi:azahi.cc</strong>
-
-
-
-Please use the aforementioned email to contact me.
-I can speak Tatar, Russian and English languages freely.
-            </pre>
-        </center>
+        <h1 class="center">azahi</h1>
+        <p class="center">
+            Azat Bahawi <i>(Азат Багавиев)</i>
+        </p>
+        <p class="center">
+            DevOps engineer. Formerly a C/C++ SWE.
+        </p>
+        <p class="center">
+            <a href="https://github.com/azahi">GitHub</a>
+            |
+            <a href="https://gitlab.com/azahi">GitLab</a>
+            |
+            <a href="https://repology.org/maintainer/azat@bahawi.net">Repology</a>
+        </p>
+        <p>
+            <dl>
+                <dt>email:</dt>
+                <dd><strong>azat [at] bahawi [dot] net</strong>
+                <dt>irc:</dt>
+                <dd><strong>azahi</strong> (Libera, OFTC, Rizon)</dd>
+                <dt>matrix:</dt>
+                <dd><strong>@azahi:azahi.cc</strong></dd>
+            </dl>
+        </p>
+        <footer class="center">
+            <a href="peeps.html">cool peeps</a>
+            |
+            <a href="https://nixos.org">cool os</a>
+            |
+            <a href="https://youtu.be/XAdBWnp8W7Q">cool album</a>
+        </footer>
     </body>
 </html>
diff --git a/peeps.html b/peeps.html
new file mode 100644
index 0000000..62aab68
--- /dev/null
+++ b/peeps.html
@@ -0,0 +1,52 @@
+<!doctype html>
+<html class="no-js" lang="">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <title>Peeps | azahi</title>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <link rel="apple-touch-icon" href="apple-touch-icon.png">
+        <link rel="icon" href="favicon.ico">
+        <link rel="icon" sizes="16x16" type="image/png" href="favicon-16x16.png">
+        <link rel="icon" sizes="32x32" type="image/png" href="favicon-32x32.png">
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <h1 class="center">Cool Peeps</h1>
+        <p class="center">
+            Some of them don't even know about me...<br>
+            But I know about them.
+        </p>
+        <p>
+            <ul>
+                <li><a href="https://peppe.rs">Akshay</a></li>
+                <li><a href="https://awesomekling.github.io">Andreas</a></li>
+                <li><a href="https://icyphox.sh/">Anirudh</a></li>
+                <li><a href="https://garbe.ca">Anselm</a></li>
+                <li><a href="https://dy1an.xyz">Dylan</a></li>
+                <li><a href="https://edolstra.github.io">Eelco</a></li>
+                <li><a href="https://eti.tf">Étienne</a></li>
+                <li><a href="https://www.zx2c4.com">Jason</a></li>
+                <li><a href="https://cosarara.me">Jaume</a></li>
+                <li><a href="https://jcs.org">Joshua</a></li>
+                <li><a href="https://lew.digital">Lewis</a></li>
+                <li><a href="https://seninha.org/">Lucas</a></li>
+                <li><a href="https://mgorny.pl">Michał</a></li>
+                <li><a href="https://mitchellh.com">Mitchell</a></li>
+                <li><a href="https://neeasade.net/">Nathan</a></li>
+                <li><a href="https://monade.li">Naïm</a></li>
+                <li><a href="https://venam.nixers.net">Patrick</a></li>
+                <li><a href="https://www.sigbus.info">Rui</a></li>
+                <li><a href="https://trofi.github.io">Sergei</a></li>
+                <li><a href="https://winny.tech">Winston</a></li>
+                <li><a href="https://zcraig.me/">Zachary</a></li>
+                <li><a href=""></a>...and you <3  </li>
+            </ul>
+        </p>
+        <footer class="center">
+            <a href="index.html">go back</a>
+        </footer>
+    </body>
+</html>
diff --git a/style.css b/style.css
index 93d8a62..2917404 100644
--- a/style.css
+++ b/style.css
@@ -1,14 +1,25 @@
+:root {
+    --cblack: #161719;
+    --cblue: #81a2be;
+    --ccyan: #8abeb7;
+    --cgreen: #b5bd68;
+    --cmagenta: #b294bb;
+    --cred: #cc6666;
+    --cwhite: #c5c8c6;
+    --cyellow: #f0c674;
+}
+
 @media (prefers-color-scheme: light) {
     :root {
-        --background: white;
-        --foreground: black;
+        --background: var(--cwhite);
+        --foreground: var(--cblack);
     }
 }
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --background: black;
-        --foreground: white;
+        --background: var(--cblack);
+        --foreground: var(--cwhite);
     }
 }
 
@@ -16,5 +27,36 @@ body {
     background-color: var(--background);
     color: var(--foreground);
     font-family: monospace;
-    font-size: 14px;
+    font-size: 1.3em;
+    margin-top: 10em;
+    margin-left: auto;
+    margin-right: auto;
+    display: table;
+}
+
+a {
+    color: var(--cblue)
+}
+
+a:visited {
+    color: var(--cmagenta)
+}
+
+dt {
+    font-style: italic;
+}
+
+ul {
+    font-style: italic;
+    display: table;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+footer {
+    margin-top: 10em;
+}
+
+.center {
+    text-align: center;
 }
author	Azat Bahawi <azat@bahawi.net>	2022-02-20 03:56:15 +0300
committer	Azat Bahawi <azat@bahawi.net>	2022-02-20 03:56:15 +0300
commit	1863997458459dd5722bf428b9cbdb4454feac2b (patch)
tree	6be6da74c151fa44c90f26e43b8ebc009a12f125
parent	fix: remove social media paragraph (diff)