diff --git a/assets/palette.png b/assets/palette.png new file mode 100644 index 0000000..78572df Binary files /dev/null and b/assets/palette.png differ diff --git a/css/style.css b/css/style.css index 51c1492..9a5a122 100644 --- a/css/style.css +++ b/css/style.css @@ -6,15 +6,12 @@ --color: #000; } -html, -body { - width: 100%; - height: 100%; -} - body { margin: 0; - padding: 0; + display: flex; + align-items: center; + justify-content: center; + color: var(--color); background-color: var(--background); font-family: 'Inconsolata', sans-serif; @@ -22,14 +19,8 @@ body { } #container { - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; - + max-width: 50%; text-align: center; - height: 100%; - width: 100%; } #shadow { @@ -46,7 +37,7 @@ body { justify-content: center; } -.tags > * { +.tags>* { border: 2px solid var(--color); padding: 10px 20px 10px 20px; } @@ -54,4 +45,23 @@ body { #switch_theme { cursor: pointer; text-decoration: underline; + + position: fixed; + margin: 10px; + bottom: 0; + right: 0; + + display: block; + height: 50px; + width: 50px; + border-radius: 50%; + border: 1px solid var(--color); +} + +#switch_theme > img { + width: 50px; +} + +a { + color: var(--color); } \ No newline at end of file diff --git a/css/style.dark.css b/css/style.dark.css index b214cde..113248f 100644 --- a/css/style.dark.css +++ b/css/style.dark.css @@ -17,5 +17,17 @@ body.dark .tags > * { } body.dark #shadow { - box-shadow: 0 0 30em 10em rgba(255, 189, 184, 1); + box-shadow: 0 0 30em 10em rgb(161, 148, 147); +} + +body.dark a { + color: var(--background); +} + +body.dark #switch_theme { + border: 1px solid var(--background) !important; +} + +body.dark #switch_theme > img { + filter: invert() !important; } \ No newline at end of file diff --git a/index.html b/index.html index 6ae91a2..8757b61 100644 --- a/index.html +++ b/index.html @@ -20,9 +20,10 @@
Franek ??? years old + introvert
-

what i like

+

what are my hobbies

IT old automotive @@ -36,16 +37,34 @@ program various apps and scripts
-

what i'm listening to

+

what music genres do I like

+
+ black metal + depressive suicidal black metal + doom metal + nu metal + rock +
+ +

what bands/singers do I like

Mgła Behemoth + Burzum Venom Darkthrone + Ancient North + Rammstein + None + Decalius Slipknot Lil Peep + ABBA Alphaville + MGMT Depeche Mode + Evanescence + Loreen

on which platforms I am on

@@ -55,12 +74,33 @@ gitea +

what tools/frameworks do I know

+
+ React + Flutter + JavaScript + TypeScript + Rust + Go +
+ +

what software I'm using

+
+ Arch Linux + Hyprland + Firefox + VSCodium + YouTube Music + LibreOffice + Thunderbird +
-

write an letter to me

+

write a letter to me

maybe i'll write something interesting here soon. who knows.

-

switch theme

+
+ palette logo +