From a9d2a3ca216f7bba64556ca8bc58742e74546107 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adri=C3=A0?= <1671644+arrufat@users.noreply.github.com> Date: Sun, 6 Apr 2025 21:46:45 +0900 Subject: [PATCH 1/2] Make sure circles and squares have the same area When just changing the radius, the circles look a bit small. This PR makes the area of all shapes constant for visual harmony. --- main.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/main.css b/main.css index 591efd0..61e9a7f 100644 --- a/main.css +++ b/main.css @@ -107,6 +107,7 @@ li:has(a:hover)::before, .logo:hover, body:has(.logo:hover) li::before { border-radius: 50%; + transform: scale(calc(2/sqrt(3.14159))); } li:has(a:active)::before, @@ -114,7 +115,7 @@ li:has(a:active)::before, body:has(.logo:active) li::before { background: #f43841; border-radius: 0%; - transform: rotate(45deg); + transform: rotate(45deg) scale(1); } body:has(.logo:active) a:link, From 959e9276b5e8c96de00dfc343c12866c8a71d2b4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Adri=C3=A0=20Arrufat?= Date: Tue, 8 Apr 2025 14:53:34 +0900 Subject: [PATCH 2/2] add suggestions from @jeezrick & @ZYR0Z --- main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/main.css b/main.css index 61e9a7f..44c8142 100644 --- a/main.css +++ b/main.css @@ -107,7 +107,7 @@ li:has(a:hover)::before, .logo:hover, body:has(.logo:hover) li::before { border-radius: 50%; - transform: scale(calc(2/sqrt(3.14159))); + transform: scale(calc(2/sqrt(pi))); } li:has(a:active)::before, @@ -115,7 +115,7 @@ li:has(a:active)::before, body:has(.logo:active) li::before { background: #f43841; border-radius: 0%; - transform: rotate(45deg) scale(1); + transform: rotate(45deg); } body:has(.logo:active) a:link,