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

changes

Browse source
This commit is contained in:
Andras Schmelczer 2026-02-18 21:22:15 +00:00
parent 524580eb25
commit ffe080adef
82 changed files with 2652 additions and 2956 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/home/HexCanvas.tsx
View file

@ -16,13 +16,13 @@ interface HexConfig {
function generateHexes(): HexConfig[] {
const hexes: HexConfig[] = [];
for (let i = 0; i < HEX_COUNT; i++) {
const driftDuration = 18 + Math.random() * 35;
const driftDuration = 40 + Math.random() * 60;
hexes.push({
size: 10 + Math.random() * 32,
opacity: 0.06 + Math.random() * 0.18,
top: Math.random() * 100,
driftDuration,
bobDuration: 3 + Math.random() * 5,
bobDuration: 6 + Math.random() * 8,
bobAmount: 8 + Math.random() * 30,
delay: -Math.random() * driftDuration,
reverse: Math.random() < 0.3,
@ -49,7 +49,7 @@ export default function HexCanvas({ isDark = false }: { isDark?: boolean }) {
className="bg-teal-500"
style={{
width: hex.size,
height: hex.size,
height: hex.size * 2 / Math.sqrt(3),
opacity: hex.opacity * (isDark ? 0.6 : 1),
clipPath: 'polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)',
animation: `hex-bob ${hex.bobDuration}s ease-in-out infinite`,