diff options
| -rw-r--r-- | android-chrome-192x192.png | bin | 7393 -> 82383 bytes | |||
| -rw-r--r-- | android-chrome-512x512.png | bin | 33443 -> 501240 bytes | |||
| -rw-r--r-- | apple-touch-icon.png | bin | 6677 -> 73494 bytes | |||
| -rw-r--r-- | azahi.webp | bin | 0 -> 85812 bytes | |||
| -rw-r--r-- | favicon-16x16.png | bin | 321 -> 964 bytes | |||
| -rw-r--r-- | favicon-32x32.png | bin | 666 -> 3101 bytes | |||
| -rw-r--r-- | favicon.ico | bin | 15406 -> 15406 bytes | |||
| -rw-r--r-- | index.html | 122 | ||||
| -rw-r--r-- | style.css | 63 |
9 files changed, 105 insertions, 80 deletions
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png index 556b7c6..ecd6d4f 100644 --- a/android-chrome-192x192.png +++ b/android-chrome-192x192.png Binary files differdiff --git a/android-chrome-512x512.png b/android-chrome-512x512.png index 0f154e3..93a8e5f 100644 --- a/android-chrome-512x512.png +++ b/android-chrome-512x512.png Binary files differdiff --git a/apple-touch-icon.png b/apple-touch-icon.png index b18b23b..5970e77 100644 --- a/apple-touch-icon.png +++ b/apple-touch-icon.png Binary files differdiff --git a/azahi.webp b/azahi.webp new file mode 100644 index 0000000..46b2d9e --- /dev/null +++ b/azahi.webp Binary files differdiff --git a/favicon-16x16.png b/favicon-16x16.png index 7ded3ee..22f9e5b 100644 --- a/favicon-16x16.png +++ b/favicon-16x16.png Binary files differdiff --git a/favicon-32x32.png b/favicon-32x32.png index c0e103b..f8dc726 100644 --- a/favicon-32x32.png +++ b/favicon-32x32.png Binary files differdiff --git a/favicon.ico b/favicon.ico index d74d67c..25e7b61 100644 --- a/favicon.ico +++ b/favicon.ico Binary files differdiff --git a/index.html b/index.html index 0d80aa5..9ded0f9 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,79 @@ <!doctype html> -<html class="no-js" lang="en"> - <head> - <meta charset="utf-8"> - <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"> - </head> - <body> - <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=26880377C31D9E819BDF83A8C8C6BDDB3847F72B">PGP</a>) - <dd><code>2688 0377 C31D 9E81 9BDF 83A8 C8C6 BDDB 3847 F72B</code></dd> - <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 lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta http-equiv="Content-Security-Policy" content="default-src 'self';" /> + <meta name="description" content="azahi's title page" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta name="color-scheme" content="light dark" type="text/css" /> + <link rel="stylesheet" href="style.css" /> + <link rel="icon" type="image/x-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="apple-touch-icon" href="apple-touch-icon.png" /> + <title>azahi</title> + </head> + <body> + <main> + <div class="container"> + <div class="info"> + <img class="image" src="azahi.webp" /> + <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> + <dl> + <dt>Email:</dt> + <dd> + <strong>azat [at] bahawi [dot] net</strong> + (<a + href="https://keys.openpgp.org/search?q=26880377C31D9E819BDF83A8C8C6BDDB3847F72B" + >PGP</a + >) + </dd> + <dd> + <code>2688 0377 C31D 9E81 9BDF 83A8 C8C6 BDDB 3847 F72B</code> + </dd> + <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> + </div> + </div> + </main> + </body> </html> diff --git a/style.css b/style.css index 31b9de3..3cd652d 100644 --- a/style.css +++ b/style.css @@ -1,58 +1,51 @@ -:root { - --black: #161719; - --blue: #81a2be; - --cyan: #8abeb7; - --green: #b5bd68; - --magenta: #b294bb; - --red: #cc6666; - --white: #ffffff; - --yellow: #f0c674; -} - @media (prefers-color-scheme: light) { - :root { - --background: var(--white); - --foreground: var(--black); - --link-color: var(--blue); - } + :root { + --link-color: #81a2be; + } } @media (prefers-color-scheme: dark) { - :root { - --background: var(--black); - --foreground: var(--white); - --link-color: var(--red); - } + :root { + --link-color: #cc6666; + } } body { - background-color: var(--background); - color: var(--foreground); - font-family: Iosevka, monospace; - font-size: 1.3em; - line-height: 1.2em; + font-family: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", + "Nimbus Sans Narrow", sans-serif-condensed, sans-serif; + font-weight: normal; + font-size: 1.2rem; + line-height: 1.4rem; } a { - color: var(--link-color); + color: var(--link-color); } dt { - font-style: italic; + font-style: italic; } code { - white-space: pre; + white-space: pre; } .container { - position: absolute; - top: 50%; - left: 50%; - -ms-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + position: absolute; + top: 50%; + left: 50%; + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + margin: auto; } .center { - text-align: center; + text-align: center; +} + +.image { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; } |
