From 1863997458459dd5722bf428b9cbdb4454feac2b Mon Sep 17 00:00:00 2001 From: Azat Bahawi Date: Sun, 20 Feb 2022 03:56:15 +0300 Subject: feat: new design Also I've decided to update colours and add a small "Peeps" page to highlight cool people I know or follow. --- azahi-a-big.png | Bin 4184 -> 0 bytes index.html | 65 ++++++++++++++++++++++++++++++++------------------------ peeps.html | 52 +++++++++++++++++++++++++++++++++++++++++++++ style.css | 52 ++++++++++++++++++++++++++++++++++++++++----- 4 files changed, 136 insertions(+), 33 deletions(-) delete mode 100644 azahi-a-big.png create mode 100644 peeps.html diff --git a/azahi-a-big.png b/azahi-a-big.png deleted file mode 100644 index edd63bf..0000000 Binary files a/azahi-a-big.png and /dev/null differ diff --git a/index.html b/index.html index 4c822e5..baede26 100644 --- a/index.html +++ b/index.html @@ -3,38 +3,47 @@ - azahi.cc + azahi + - - - - + + + + - -

-
-azahi
-Azat Bahawi (Азат Багавиев)
-
-
-
-DevOps engineer. Formerly C/C++ SWE.
-
-GitHub
-GitLab
-
-email: azat [at] bahawi [dot] net
-IRC: azahi (Libera, Rizon, OFTC)
-Matrix: @azahi:azahi.cc
-
-
-
-Please use the aforementioned email to contact me.
-I can speak Tatar, Russian and English languages freely.
-

- +

azahi

+ Azat Bahawi (Азат Багавиев) +

+ DevOps engineer. Formerly a C/C++ SWE. +

+ GitHub + | + GitLab + | + Repology +

email:: azat [at] bahawi [dot] net +
irc:: azahi (Libera, OFTC, Rizon)
matrix:: @azahi:azahi.cc

+ diff --git a/peeps.html b/peeps.html new file mode 100644 index 0000000..62aab68 --- /dev/null +++ b/peeps.html @@ -0,0 +1,52 @@ + + + + + + Peeps | azahi + + + + + + + + + + +

Cool Peeps

+ Some of them don't even know about me...
+ But I know about them. +

+ + + 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; } -- cgit 1.4.1