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%;
}
|
