diff options
Diffstat (limited to '')
| -rw-r--r-- | index.html | 63 | ||||
| -rw-r--r-- | style.css | 20 |
2 files changed, 44 insertions, 39 deletions
diff --git a/index.html b/index.html index 3221543..a1502e1 100644 --- a/index.html +++ b/index.html @@ -12,37 +12,36 @@ <link rel="stylesheet" href="style.css"> </head> <body> - <h1 class="center">azahi</h1> - <p class="center"> - Azat Bahawi <i>(Азат Багавиев)</i> - </p> - <p class="center"> - SRE/DevOps-engineer. Formerly a C/C++ SWE. - <br> - <a href="https://nixos.org">NixOS</a> contributor and maintainer. - </p> - <p class="center"> - <a href="https://keyoxide.org/hkp/26880377C31D9E819BDF83A8C8C6BDDB3847F72B">Keyoxide</a> - | - <a href="https://git.azahi.cc">Projects</a> - | - <a href="https://github.com/azahi">GitHub</a> - | - <a href="https://repology.org/projects/?maintainer=azat@bahawi.net">Repology</a> - </p> - <p> - <dl> - <dt>Email:</dt> - <dd><strong>azat [at] bahawi [dot] net</strong> (<a href="https://keys.openpgp.org/search?q=azat@bahawi.net">PGP</a>) - <dd><code>2688 0377 C31D 9E81 9BDF 83A8 C8C6 BDDB 3847 F72B</code></ddd> - <dt>IRC:</dt> - <dd><strong>azahi</strong> @ <a href="https://libera.chat">Libera</a></dd> - <dd><strong>azahi</strong> @ <a href="https://oftc.net">OFTC</a></dd> - <dd><strong>azahi</strong> @ <a href="https://hackint.org">hackint</a></dd> - <dd><strong>azahi</strong> @ <a href="https://rizon.net">Rizon</a></dd> - <dt>Matrix:</dt> - <dd><strong>@azahi:azahi.cc</strong></dd> - </dl> - </p> + <div class="container"> + <div class="info"> + <h1 class="center">azahi</h1> + <p class="center"> + Azat Bahawi | Азат Багавиев + </p> + <p class="center"> + <a href="https://keyoxide.org/hkp/26880377C31D9E819BDF83A8C8C6BDDB3847F72B">Keyoxide</a> + | + <a href="https://git.azahi.cc">Projects</a> + | + <a href="https://github.com/azahi">GitHub</a> + | + <a href="https://repology.org/projects/?maintainer=azat@bahawi.net">Repology</a> + </p> + <p> + <dl> + <dt>Email:</dt> + <dd><strong>azat [at] bahawi [dot] net</strong> (<a href="https://keys.openpgp.org/search?q=azat@bahawi.net">PGP</a>) + <dd><code>2688 0377 C31D 9E81 9BDF 83A8 C8C6 BDDB 3847 F72B</code></ddd> + <dt>IRC:</dt> + <dd><strong>azahi</strong> @ <a href="https://libera.chat">Libera</a></dd> + <dd><strong>azahi</strong> @ <a href="https://oftc.net">OFTC</a></dd> + <dd><strong>azahi</strong> @ <a href="https://hackint.org">hackint</a></dd> + <dd><strong>azahi</strong> @ <a href="https://rizon.net">Rizon</a></dd> + <dt>Matrix:</dt> + <dd><strong>@azahi:azahi.cc</strong></dd> + </dl> + </p> + </div> + </div> </body> </html> diff --git a/style.css b/style.css index 9d08044..31b9de3 100644 --- a/style.css +++ b/style.css @@ -13,6 +13,7 @@ :root { --background: var(--white); --foreground: var(--black); + --link-color: var(--blue); } } @@ -20,23 +21,20 @@ :root { --background: var(--black); --foreground: var(--white); + --link-color: var(--red); } } body { background-color: var(--background); color: var(--foreground); - font-family: monospace; + font-family: Iosevka, monospace; font-size: 1.3em; - display: table; - margin-left: auto; - margin-right: auto; - margin-top: 10em; - padding: 3em; + line-height: 1.2em; } a { - color: var(--red) + color: var(--link-color); } dt { @@ -47,6 +45,14 @@ code { white-space: pre; } +.container { + position: absolute; + top: 50%; + left: 50%; + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + .center { text-align: center; } |