taco/zeppo-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cool stuff

Browse Source
This commit is contained in:
Stephen Tafoya
2026-06-11 02:20:25 -06:00
parent 7e9bc97a27
commit aa37ed3d6f
3 changed files with 171 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@@ -17,42 +17,42 @@
</header>
<main>
<section class="hero">
<section class="hero reveal">
<div class="hero-text">
<h2>He's Just <span class="glow">Him</span></h2>
<p>Some yinglets are good. Some are great. And then there's Zeppo.</p>
</div>
</section>
<section class="facts">
<section class="facts reveal">
<h2>Why Zeppo is the Best</h2>
<div class="card-grid">
<div class="card">
<div class="card reveal" style="transition-delay: 0.1s">
<span class="emoji">⚡</span>
<h3>Unmatched Swagger</h3>
<p>Zeppo doesn't walk into a room — he arrives. Whiskers perfectly groomed, tail held high and shelltooth sharp. He knows he's him.</p>
</div>
<div class="card">
<div class="card reveal" style="transition-delay: 0.2s">
<span class="emoji">🧠</span>
<h3>Galaxy Brain</h3>
<p>Wits sharper than a creystone blade. Zeppo could scheme his way out of any jam and still have time to steal your lunch.</p>
</div>
<div class="card">
<div class="card reveal" style="transition-delay: 0.3s">
<span class="emoji">❤️</span>
<h3>Big Heart (Literally)</h3>
<p>Despite being a tiny rodent-person, his heart is the size of a melon. Loyal, fierce, and ride-or-die for his crew.</p>
</div>
<div class="card">
<div class="card reveal" style="transition-delay: 0.4s">
<span class="emoji">🦷</span>
<h3>Magnificent Tooth</h3>
<p>Name a better dental situation. You can't. That shelltooth has 10,000 PSI of pure charisma.</p>
</div>
<div class="card">
<div class="card reveal" style="transition-delay: 0.5s">
<span class="emoji">🌪️</span>
<h3>Chaos Magnet</h3>
<p>Where Zeppo goes, adventure follows. Not always good adventure, but never boring. The universe literally cannot ignore him.</p>
</div>
<div class="card">
<div class="card reveal" style="transition-delay: 0.6s">
<span class="emoji">👑</span>
<h3>King Energy</h3>
<p>No throne needed. Zeppo rules through sheer force of personality. Say his name three times and he appears to judge you.</p>
@@ -60,7 +60,7 @@
</div>
</section>
<section class="testimonials">
<section class="testimonials reveal">
<h2>What Others Are Saying</h2>
<div class="testimonial-viewport">
<div id="testimonial-track">
@@ -80,29 +80,29 @@
</div>
</section>
<section class="stats">
<section class="stats reveal">
<h2>Zeppo by the Numbers</h2>
<div class="stat-grid">
<div class="stat">
<span class="number">100%</span>
<div class="stat reveal" style="transition-delay: 0.1s">
<span class="number" data-target="100" data-suffix="%" data-duration="1000">100%</span>
<span class="label">Pure Yinglet</span>
</div>
<div class="stat">
<span class="number">∞</span>
<div class="stat reveal" style="transition-delay: 0.2s">
<span class="number" data-target="100000" data-duration="2000" data-final="∞">∞</span>
<span class="label">Swagger Units</span>
</div>
<div class="stat">
<span class="number">11/10</span>
<div class="stat reveal" style="transition-delay: 0.3s">
<span class="number" data-target="11" data-suffix="/10" data-duration="500">11/10</span>
<span class="label">Whisker Rating</span>
</div>
<div class="stat">
<span class="number">0</span>
<div class="stat reveal" style="transition-delay: 0.4s">
<span class="number" data-target="0">0</span>
<span class="label">Enemies (They All Folded)</span>
</div>
</div>
</section>
<section class="conclusion">
<section class="conclusion reveal">
<h2>The Verdict</h2>
<p>Zeppo is the GOAT. Well, GY — Greatest Yinglet. In a world full of yinglets, he's the one you'd want on your side, in your corner, and absolutely never playing cards against.</p>
<p class="final">Zeppo. Believe the hype.</p>