docs: Complete Ghost homepage snapshot with all 7 blocks
WHAT: - Added Block 6: Community Stats & CTA (13+ servers, 99.9% uptime) - Added Block 7: Footer (links, legal, social media) - Completed homepage documentation started by The Witness (#54) - Total: 7 blocks fully documented WHY: - Create complete disaster recovery snapshot - Enable change tracking via Git diffs - Document current state before cleanup work - Provide reference for future Chroniclers WHERE: - docs/website/ghost-pages/homepage.html (updated, now 300+ lines) BLOCKS INCLUDED: 1. Hero Section (Fire/Arcane/Frost collision background) 2. Choose Your Path (Fire vs Frost cards) 3. Origin Story (Michael & Meg love story) 4. Why Firefrost (Security, Community, Built to Last) 5. Community Stats (13+ servers, Growing, 99.9% uptime) 6. Footer (Quick Links, Legal, Community socials) STATUS: - Homepage fully documented as of April 2, 2026 - /discord button fix confirmed in place - Ready for cleanup work (remove blog/subscribe) Signed-off-by: Chronicler #55 <claude@firefrostgaming.com>
This commit is contained in:
Chronicler #55
@@ -197,6 +197,97 @@ Each block is clearly marked with section headers.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- ===================================================================== -->
|
||||
<!-- BLOCK 6: COMMUNITY STATS & CTA -->
|
||||
<!-- 13+ servers, growing community, 99.9% uptime + join CTA -->
|
||||
<!-- ===================================================================== -->
|
||||
|
||||
<div class="ffg-custom-text" style="padding: 100px 60px; margin: 80px auto 0; background: linear-gradient(135deg, rgba(78, 205, 196, 0.1) 0%, rgba(168, 85, 247, 0.1) 50%, rgba(255, 107, 53, 0.1) 100%); border-radius: 15px; border: 3px solid rgba(78, 205, 196, 0.4); max-width: 1600px;">
|
||||
<h2 style="text-align: center; margin-bottom: 30px; color: #e8f4f8; font-weight: 800;">Your Community Awaits</h2>
|
||||
<p style="text-align: center; color: #a8dadc; margin-bottom: 70px; line-height: 1.6;">Join the Firefrost community. Events, support, friendship — this is your refuge.</p>
|
||||
|
||||
<div style="display: flex; justify-content: space-around; margin-bottom: 70px; flex-wrap: wrap; gap: 50px;">
|
||||
<div style="text-align: center;">
|
||||
<div style="font-size: 4.5rem; font-weight: 700; color: #4ecdc4; margin-bottom: 10px;">13+</div>
|
||||
<div style="color: #a8dadc;">Active Servers</div>
|
||||
</div>
|
||||
<div style="text-align: center;">
|
||||
<div style="font-size: 4.5rem; font-weight: 700; color: #ff6b35; margin-bottom: 10px;">Growing</div>
|
||||
<div style="color: #a8dadc;">Community</div>
|
||||
</div>
|
||||
<div style="text-align: center;">
|
||||
<div style="font-size: 4.5rem; font-weight: 700; color: #a855f7; margin-bottom: 10px;">99.9%</div>
|
||||
<div style="color: #a8dadc;">Uptime</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center;">
|
||||
<a href="https://firefrostgaming.com/subscribe" style="display: inline-block; background: linear-gradient(135deg, #FF6B35 0%, #A855F7 50%, #4ECDC4 100%); color: white; padding: 22px 60px; text-decoration: none; border-radius: 12px; font-weight: 700; box-shadow: 0 8px 25px rgba(78, 205, 196, 0.5); transition: transform 0.3s;">🔥⚡❄️ Join Firefrost</a>
|
||||
<p style="margin-top: 30px; color: #a8dadc;">Or browse our <a href="https://firefrostgaming.com/servers" style="color: #4ecdc4; text-decoration: underline; font-weight: 600;">server list</a> first</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ===================================================================== -->
|
||||
<!-- BLOCK 7: FOOTER -->
|
||||
<!-- Links, legal, social media, copyright -->
|
||||
<!-- ===================================================================== -->
|
||||
|
||||
<footer class="ffg-footer" style="margin-top: 100px; padding: 80px 60px 50px; background: linear-gradient(135deg, #0a0a1a 0%, #1a1a2e 100%); border-top: 3px solid rgba(78, 205, 196, 0.4);">
|
||||
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; margin-bottom: 50px; max-width: 1600px; margin-left: auto; margin-right: auto;">
|
||||
|
||||
<!-- About Column -->
|
||||
<div>
|
||||
<h4 style="color: #4ecdc4; margin-bottom: 20px; font-weight: 700;">Firefrost Gaming</h4>
|
||||
<p style="color: #a8dadc; line-height: 1.7; margin-bottom: 20px;">Building a gaming refuge where passion meets precision through creative transformation.</p>
|
||||
<p class="tagline" style="color: #FFD700; font-weight: 600;">Fire + Arcane + Frost = Forever 🔥⚡❄️</p>
|
||||
</div>
|
||||
|
||||
<!-- Links Column (Quick Links + Legal Combined) -->
|
||||
<div>
|
||||
<h4 style="color: #ff6b35; margin-bottom: 20px; font-weight: 700;">Quick Links</h4>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/blog" style="color: #a8dadc; text-decoration: none;">Blog</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://status.firefrostgaming.com" style="color: #a8dadc; text-decoration: none;">Status Page</a></li>
|
||||
</ul>
|
||||
|
||||
<h4 style="color: #4ecdc4; margin-bottom: 20px; margin-top: 35px; font-weight: 700;">Legal</h4>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/contact" style="color: #a8dadc; text-decoration: none;">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Community Column -->
|
||||
<div>
|
||||
<h4 style="color: #a855f7; margin-bottom: 20px; font-weight: 700;">Community</h4>
|
||||
<ul style="list-style: none; padding: 0; margin: 0;">
|
||||
<li style="margin-bottom: 12px;"><a href="https://linktr.ee/firefrostgaming" style="color: #FFD700; text-decoration: none; font-weight: 600;">🔗 All Our Socials</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://firefrostgaming.com/discord" style="color: #a8dadc; text-decoration: none;">Discord</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://twitter.com/PlayFirefrost" style="color: #a8dadc; text-decoration: none;">Twitter/X</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://instagram.com/playfirefrost" style="color: #a8dadc; text-decoration: none;">Instagram</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://reddit.com/r/FirefrostGaming" style="color: #a8dadc; text-decoration: none;">Reddit</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://tiktok.com/@playfirefrost" style="color: #a8dadc; text-decoration: none;">TikTok</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://twitch.tv/playfirefrost" style="color: #a8dadc; text-decoration: none;">Twitch</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://www.facebook.com/FirefrostGaming/" style="color: #a8dadc; text-decoration: none;">Facebook</a></li>
|
||||
<li style="margin-bottom: 12px;"><a href="https://bsky.app/profile/playfirefrost.bsky.social" style="color: #a8dadc; text-decoration: none;">BlueSky</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; padding-top: 40px; border-top: 2px solid rgba(78, 205, 196, 0.3);">
|
||||
<p class="copyright" style="color: #6b7280; margin: 0;">© 2026 Firefrost Gaming. Built for children not yet born.</p>
|
||||
<p class="bottom-tagline" style="color: #4ecdc4; margin-top: 15px;">Minnesota | Fire + Frost + Foundation = Where Love Builds Legacy 💙</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- ===================================================================== -->
|
||||
<!-- END OF HOMEPAGE BLOCKS -->
|
||||
<!-- ===================================================================== -->
|
||||
|
||||
Reference in New Issue
Block a user