andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

vibes

Browse source
This commit is contained in:
Andras Schmelczer 2026-03-15 17:38:26 +00:00
parent 80c093b7ba
commit f72c43a9fa
101 changed files with 2168 additions and 1177 deletions
Download patch file Download diff file Expand all files Collapse all files

79
frontend/src/index.css
View file

@ -47,13 +47,22 @@ h3 {
/* Hexagon background animations */
@keyframes hex-drift {
from { transform: translateX(-5vw); }
to { transform: translateX(105vw); }
from {
transform: translateX(-5vw);
}
to {
transform: translateX(105vw);
}
}
@keyframes hex-bob {
0%, 100% { transform: translateY(var(--bob)); }
50% { transform: translateY(calc(var(--bob) * -1)); }
0%,
100% {
transform: translateY(var(--bob));
}
50% {
transform: translateY(calc(var(--bob) * -1));
}
}
/* Fade-in animation for homepage sections */
@ -131,32 +140,65 @@ h3 {
/* Aurora gradient animation for pricing hero */
@keyframes aurora-1 {
0%, 100% { transform: translate(0, 0) scale(1); }
33% { transform: translate(30px, -20px) scale(1.1); }
66% { transform: translate(-20px, 15px) scale(0.9); }
0%,
100% {
transform: translate(0, 0) scale(1);
}
33% {
transform: translate(30px, -20px) scale(1.1);
}
66% {
transform: translate(-20px, 15px) scale(0.9);
}
}
@keyframes aurora-2 {
0%, 100% { transform: translate(0, 0) scale(1); }
33% { transform: translate(-40px, 20px) scale(1.15); }
66% { transform: translate(25px, -30px) scale(0.95); }
0%,
100% {
transform: translate(0, 0) scale(1);
}
33% {
transform: translate(-40px, 20px) scale(1.15);
}
66% {
transform: translate(25px, -30px) scale(0.95);
}
}
@keyframes aurora-3 {
0%, 100% { transform: translate(0, 0) scale(1) rotate(0deg); }
50% { transform: translate(20px, 25px) scale(1.1) rotate(3deg); }
0%,
100% {
transform: translate(0, 0) scale(1) rotate(0deg);
}
50% {
transform: translate(20px, 25px) scale(1.1) rotate(3deg);
}
}
@keyframes aurora-4 {
0%, 100% { transform: translate(0, 0) scale(1) rotate(0deg); }
40% { transform: translate(-35px, -15px) scale(1.2) rotate(-2deg); }
70% { transform: translate(15px, 20px) scale(0.9) rotate(1deg); }
0%,
100% {
transform: translate(0, 0) scale(1) rotate(0deg);
}
40% {
transform: translate(-35px, -15px) scale(1.2) rotate(-2deg);
}
70% {
transform: translate(15px, 20px) scale(0.9) rotate(1deg);
}
}
@keyframes aurora-5 {
0%, 100% { transform: translate(0, 0) scale(1); }
30% { transform: translate(25px, 30px) scale(1.15); }
60% { transform: translate(-30px, -10px) scale(0.95); }
0%,
100% {
transform: translate(0, 0) scale(1);
}
30% {
transform: translate(25px, 30px) scale(1.15);
}
60% {
transform: translate(-30px, -10px) scale(0.95);
}
}
/* Hide scrollbar for pill groups on mobile */
@ -168,4 +210,3 @@ h3 {
.scrollbar-hide::-webkit-scrollbar {
display: none;
}