diff options
Diffstat (limited to '')
| -rw-r--r-- | azahi-a-big.png | bin | 4184 -> 0 bytes | |||
| -rw-r--r-- | index.html | 65 | ||||
| -rw-r--r-- | peeps.html | 52 | ||||
| -rw-r--r-- | style.css | 52 |
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; } |
