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

Tonight

Browse source
This commit is contained in:
Andras Schmelczer 2026-05-06 22:40:46 +01:00
parent 28323f145e
commit 94f9c0d594
76 changed files with 3238 additions and 1230 deletions
Download patch file Download diff file Expand all files Collapse all files

82
frontend/src/index.css
View file

@ -45,6 +45,26 @@ h3 {
color 0.2s ease;
}
header a,
header a *,
header button:not(:disabled),
header button:not(:disabled) *,
.mobile-menu-panel a,
.mobile-menu-panel a *,
.mobile-menu-panel button:not(:disabled),
.mobile-menu-panel button:not(:disabled) *,
.home-hero-showcase button:not(:disabled),
.home-hero-showcase button:not(:disabled) * {
cursor: pointer;
}
header button:disabled,
header button:disabled *,
.mobile-menu-panel button:disabled,
.mobile-menu-panel button:disabled * {
cursor: wait;
}
/* Hexagon background animations */
@keyframes hex-drift {
from {
@ -151,6 +171,46 @@ h3 {
height: 5rem;
}
@media (min-width: 1200px) {
.home-hero-container {
padding-top: 3rem;
padding-bottom: 3rem;
}
.home-hero-layout {
grid-template-columns: minmax(0, 0.82fr) minmax(38rem, 1.18fr);
column-gap: 3rem;
}
.home-hero-copy {
max-width: 42rem;
}
.home-hero-showcase {
max-width: none;
justify-self: stretch;
}
.home-hero-showcase-frame {
height: 40rem;
}
}
@media (min-width: 1440px) {
.home-hero-layout {
grid-template-columns: minmax(0, 0.78fr) minmax(44rem, 1.22fr);
column-gap: 4rem;
}
.home-hero-copy {
max-width: 45rem;
}
.home-hero-showcase-frame {
height: 40rem;
}
}
@media (min-width: 1024px) and (min-height: 900px) {
.hero-roomy-lift {
transform: translateY(-2.5rem);
@ -220,7 +280,7 @@ h3 {
}
.scout-export-action {
animation: scout-export-click 3.2s ease-in-out infinite;
animation: none;
}
.scout-export-ripple {
@ -231,11 +291,27 @@ h3 {
height: 7rem;
border-radius: 9999px;
background: rgba(255, 255, 255, 0.55);
animation: scout-export-ripple 3.2s ease-out infinite;
opacity: 0;
transform: translate(-50%, -50%) scale(0.25);
animation: none;
}
.scout-export-check {
animation: scout-export-check 3.2s ease-in-out infinite;
opacity: 0;
transform: scale(0.65);
animation: none;
}
.scout-screen-active .scout-export-action {
animation: scout-export-click 2.4s ease-in-out 1 both;
}
.scout-screen-active .scout-export-ripple {
animation: scout-export-ripple 2.4s ease-out 1 both;
}
.scout-screen-active .scout-export-check {
animation: scout-export-check 2.4s ease-in-out 1 both;
}
@media (prefers-reduced-motion: reduce) {