Skip to content

Commit 16ae8de

Browse files
p4gsclaudehappy-otter
committed
Remove confetti, tighten shadow, slow lava animation
- Remove all confetti CSS and HTML elements - Reduce drop shadow offset from 3px to 2px (closer to text) - Slow lava animation from 4s to 8s cycle - Increase per-letter delay from 0.35s to 0.6s for smoother wave Generated with [Claude Code](https://claude.ai/code) via [Happy](https://happy.engineering) Co-Authored-By: Claude <noreply@anthropic.com> Co-Authored-By: Happy <yesreply@happy.engineering>
1 parent 1751418 commit 16ae8de

1 file changed

Lines changed: 7 additions & 35 deletions

File tree

docs/projects/nthpartyfinder/index.html

Lines changed: 7 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -137,24 +137,6 @@
137137
pointer-events: none;
138138
}
139139

140-
/* confetti */
141-
@keyframes confetti-drift {
142-
0% { transform: translateY(-10vh) rotate(0deg); opacity: 0; }
143-
10% { opacity: 1; }
144-
100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }
145-
}
146-
.confetti-piece {
147-
position: absolute;
148-
animation: confetti-drift linear infinite;
149-
pointer-events: none;
150-
opacity: 0;
151-
}
152-
.confetti-piece {
153-
width: 10px;
154-
height: 10px;
155-
border-radius: 2px;
156-
}
157-
158140
.hero-eyebrow {
159141
display: inline-flex; align-items: center; gap: 8px;
160142
font-family: var(--font-mono);
@@ -191,17 +173,17 @@
191173
z-index: 1;
192174
}
193175
@keyframes lava-letter {
194-
0% { text-shadow: 3px 3px 0 #FFA84F; }
195-
25% { text-shadow: 3px 3px 0 #e8a44a; }
196-
50% { text-shadow: 3px 3px 0 #1B95C1; }
197-
75% { text-shadow: 3px 3px 0 #3aadd4; }
198-
100% { text-shadow: 3px 3px 0 #FFA84F; }
176+
0% { text-shadow: 2px 2px 0 #FFA84F; }
177+
25% { text-shadow: 2px 2px 0 #e8a44a; }
178+
50% { text-shadow: 2px 2px 0 #1B95C1; }
179+
75% { text-shadow: 2px 2px 0 #3aadd4; }
180+
100% { text-shadow: 2px 2px 0 #FFA84F; }
199181
}
200182
.lava-text { display: inline; }
201183
.lava-letter {
202184
display: inline-block;
203-
animation: lava-letter 4s ease-in-out infinite;
204-
animation-delay: calc(var(--i) * -0.35s);
185+
animation: lava-letter 8s ease-in-out infinite;
186+
animation-delay: calc(var(--i) * -0.6s);
205187
}
206188

207189
.hero-tagline {
@@ -601,16 +583,6 @@
601583
<!-- HERO -->
602584
<header class="hero">
603585
<!-- Confetti pieces -->
604-
<div class="confetti-piece" style="left:5%;animation-duration:5s;animation-delay:0s;background:var(--neon-pink);"></div>
605-
<div class="confetti-piece" style="left:12%;animation-duration:6s;animation-delay:1.2s;background:var(--neon-blue);border-radius:50%;"></div>
606-
<div class="confetti-piece" style="left:22%;animation-duration:5.5s;animation-delay:.4s;background:var(--neon-green);"></div>
607-
<div class="confetti-piece" style="left:33%;animation-duration:6.5s;animation-delay:2s;background:var(--neon-gold);border-radius:50%;"></div>
608-
<div class="confetti-piece" style="left:44%;animation-duration:5.2s;animation-delay:.8s;background:var(--neon-purple);"></div>
609-
<div class="confetti-piece" style="left:55%;animation-duration:6.2s;animation-delay:1.5s;background:var(--neon-pink);border-radius:50%;"></div>
610-
<div class="confetti-piece" style="left:66%;animation-duration:5.8s;animation-delay:.2s;background:var(--neon-blue);"></div>
611-
<div class="confetti-piece" style="left:77%;animation-duration:6.8s;animation-delay:2.5s;background:var(--neon-green);border-radius:50%;"></div>
612-
<div class="confetti-piece" style="left:88%;animation-duration:5.4s;animation-delay:1s;background:var(--neon-gold);"></div>
613-
<div class="confetti-piece" style="left:95%;animation-duration:6.4s;animation-delay:.6s;background:var(--neon-purple);border-radius:50%;"></div>
614586

615587
<div class="container">
616588
<div class="hero-eyebrow"><span class="dot"></span> GRC Engineering Open Source</div>

0 commit comments

Comments
 (0)