feat: add major new features including 6 color palettes, interactive logo mode, and mobile-first improvements

This commit is contained in:
sha
2025-12-28 05:27:52 +02:00
parent 9580d4a49e
commit 6ced857f0f
9 changed files with 408 additions and 341 deletions
+5 -35
View File
@@ -718,8 +718,8 @@ html, body {
/* ===== Responsive Design ===== */
@media (max-width: 768px) {
.logo {
width: 80vmin;
height: 80vmin;
width: 100vmin;
height: 100vmin;
}
.toast {
@@ -729,14 +729,6 @@ html, body {
max-width: 80%;
}
.help-button {
width: 40px;
height: 40px;
font-size: 20px;
top: 15px;
right: 15px;
}
.help-window {
top: 70px;
right: 10px;
@@ -761,23 +753,16 @@ html, body {
}
.help-button {
bottom: 15px;
right: 15px;
font-size: 20px;
width: 40px;
height: 40px;
}
.help-button:hover {
width: 40px;
height: 40px;
}
}
@media (max-width: 480px) {
.logo {
width: 90vmin;
height: 90vmin;
width: 100vmin;
height: 100vmin;
}
.toast {
@@ -788,11 +773,9 @@ html, body {
}
.help-button {
font-size: 18px;
width: 36px;
height: 36px;
font-size: 18px;
top: 12px;
right: 12px;
}
.help-window {
@@ -835,19 +818,6 @@ html, body {
.footer p {
font-size: 11px;
}
.help-button {
bottom: 12px;
right: 12px;
font-size: 18px;
width: 36px;
height: 36px;
}
.help-button:hover {
width: 36px;
height: 36px;
}
}
/* ===== Accessibility ===== */