build: Rebuild site with all 7 pages

This commit is contained in:
The Trinity
2026-04-02 19:51:54 -05:00
parent 40b45dff2e
commit 1a8a5eb6f9
134 changed files with 1402 additions and 0 deletions

232
_site/about/index.html Normal file
View File

@@ -0,0 +1,232 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | Firefrost Gaming</title>
<meta name="description" content="Meet The Trinity founders and our five consultant animals. Building Firefrost Gaming for eternity.">
<link rel="stylesheet" href="/src/css/firefrost.css">
<!-- Fire/Frost/Arcane Brand Colors -->
<style>
:root {
--fire: #FF6B35;
--frost: #4ECDC4;
--arcane: #A855F7;
--gold: #FFD700;
--dark: #0F0F1E;
}
</style>
</head>
<body>
<!-- ABOUT PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">About Firefrost Gaming</h1>
<p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto 40px; line-height: 1.8;">Built by The Trinity. Designed for eternity.</p>
<p style="font-size: 2rem; color: #FFD700; font-weight: 700;">Fire + Arcane + Frost = Forever</p>
</div>
<!-- THE TRINITY: THREE FOUNDERS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 60px; color: #e8f4f8; font-weight: 800;">The Trinity</h2>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-bottom: 80px;">
<!-- Frostystyle - The Wizard -->
<div style="background: linear-gradient(135deg, rgba(78, 205, 196, 0.15) 0%, rgba(78, 205, 196, 0.05) 100%); border: 3px solid #4ecdc4; border-radius: 20px; padding: 40px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 20px;">❄️</div>
<h3 style="color: #4ecdc4; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Frostystyle</h3>
<p style="color: #4ecdc4; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">The Wizard</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 20px;">Technical architect. Systems designer. The builder of foundations that last decades.</p>
<p style="color: #a8dadc; line-height: 1.7;">Frost brings precision, infrastructure that doesn't break, and the cool calculated strategy that keeps everything running.</p>
</div>
<!-- GingerFury - The Emissary -->
<div style="background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(255, 107, 53, 0.05) 100%); border: 3px solid #ff6b35; border-radius: 20px; padding: 40px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 20px;">🔥</div>
<h3 style="color: #ff6b35; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">GingerFury</h3>
<p style="color: #ff6b35; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">The Emissary</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 20px;">Community manager. Heart of the operation. The fierce protector who makes everyone feel at home.</p>
<p style="color: #a8dadc; line-height: 1.7;">Fire brings passion, authentic connection, and the warmth that transforms strangers into family.</p>
</div>
<!-- unicorn20089 - The Catalyst -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%); border: 3px solid #A855F7; border-radius: 20px; padding: 40px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 20px;"></div>
<h3 style="color: #A855F7; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">unicorn20089</h3>
<p style="color: #A855F7; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">The Catalyst</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 20px;">Lead builder. Creative visionary. The transformative energy that turns dreams into reality.</p>
<p style="color: #a8dadc; line-height: 1.7;">Arcane brings creative innovation, building expertise, and the foundation upon which Fire and Frost stand together.</p>
</div>
</div>
<p style="text-align: center; font-size: 1.5rem; color: #e8f4f8; line-height: 1.8; max-width: 1000px; margin: 0 auto;">Together, they founded Firefrost Gaming in February 2026 with a simple question: <span style="color: #4ecdc4; font-weight: 700; font-style: italic;">"What if we built something that outlives us?"</span></p>
</div>
</div>
<!-- THE FIVE CONSULTANTS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 30px; color: #e8f4f8; font-weight: 800;">The Five Consultants</h2>
<p style="text-align: center; font-size: 1.3rem; color: #a8dadc; margin-bottom: 60px; line-height: 1.7;">Every great company has advisors. Ours just happen to have four legs and unshakeable opinions.</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px;">
<!-- Butter No Nutters -->
<div style="background: rgba(78, 205, 196, 0.1); border: 2px solid #4ecdc4; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">😺</div>
<h4 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Butter No Nutters</h4>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Ice King</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief Executive Officer</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"I was here first. I'll be here last. This is MY kingdom."</p>
</div>
<!-- Oscar -->
<div style="background: rgba(78, 205, 196, 0.1); border: 2px solid #4ecdc4; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐕</div>
<h4 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Oscar</h4>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Sentinel</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief Security Officer</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"The Frostwall doesn't sleep. Neither do I."</p>
</div>
<!-- Jack -->
<div style="background: rgba(78, 205, 196, 0.1); border: 2px solid #4ecdc4; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐺</div>
<h4 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Jack</h4>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Ambassador</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief Companion Officer</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">Jack's medical alerts take absolute priority over all work. No exceptions.</p>
</div>
<!-- Jasmine -->
<div style="background: rgba(168, 85, 247, 0.1); border: 2px solid #A855F7; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐶</div>
<h4 style="color: #A855F7; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Jasmine</h4>
<p style="color: #A855F7; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Protector</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief of Personal Security</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"I am gentle until you need anything but."</p>
</div>
<!-- Noir -->
<div style="background: rgba(255, 107, 53, 0.1); border: 2px solid #ff6b35; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐈‍⬛</div>
<h4 style="color: #ff6b35; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Midnight Noir</h4>
<p style="color: #ff6b35; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Converted</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief of Rapid Response</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"Everyone deserves a refuge. Even strays."</p>
</div>
</div>
</div>
</div>
<!-- OUR PHILOSOPHY -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 1000px; margin: 0 auto; text-align: center;">
<h2 style="font-size: 3rem; margin-bottom: 40px; color: #e8f4f8; font-weight: 800;">Our Philosophy</h2>
<p style="font-size: 2.5rem; color: #FFD700; font-weight: 700; margin-bottom: 50px; line-height: 1.3;">"We're building this for children not yet born."</p>
<p style="font-size: 1.4rem; color: #e8f4f8; line-height: 1.9; margin-bottom: 30px;">Not for quarterly profits. Not for investor returns. Not to flip and sell.</p>
<p style="font-size: 1.4rem; color: #e8f4f8; line-height: 1.9; margin-bottom: 30px;"><strong style="color: #4ecdc4; font-size: 1.6rem;">For legacy.</strong></p>
<p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.8; margin-bottom: 40px;">We document everything. Every decision preserved in Git. Every server configuration saved for future generations. Every line of code a love letter to people we'll never meet.</p>
<p style="font-size: 1.5rem; color: #4ecdc4; font-weight: 600; line-height: 1.7;">Fire + Frost + Foundation = Where Love Builds Legacy</p>
</div>
</div>
<!-- THE JOURNEY -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1200px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 60px; color: #e8f4f8; font-weight: 800;">The Journey</h2>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #4ecdc4; padding: 40px; margin-bottom: 30px; border-radius: 10px;">
<h3 style="color: #4ecdc4; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">February 2026: The Beginning</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">Three people came together with different strengths and a shared vision. The Wizard brought the technical precision. The Emissary brought the heart. The Catalyst brought the creative foundation. Firefrost Gaming was born.</p>
</div>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #A855F7; padding: 40px; margin-bottom: 30px; border-radius: 10px;">
<h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">March 2026: Building the Foundation</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">Infrastructure deployment in progress. Servers configured. Systems tested. The Trinity working together to build something that will outlast us all.</p>
</div>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #ff6b35; padding: 40px; margin-bottom: 30px; border-radius: 10px;">
<h3 style="color: #ff6b35; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">April 2026: Soft Launch</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">Coming soon. Nine Minecraft servers. Fire and Frost paths. A community built to last forever. The doors open in April.</p>
</div>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #FFD700; padding: 40px; border-radius: 10px;">
<h3 style="color: #FFD700; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">The Future: Forever</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">This is just the beginning. Every server we launch, every community we build, every system we document - all of it designed to outlive us. For children not yet born.</p>
</div>
</div>
</div>
<!-- JOIN US CTA -->
<div style="padding: 100px 60px; 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%); text-align: center;">
<h2 style="font-size: 3rem; margin-bottom: 30px; color: #e8f4f8; font-weight: 800;">Join The Legacy</h2>
<p style="font-size: 1.4rem; color: #a8dadc; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.7;">Be part of something built to last. Choose your path. Build your legend.</p>
<a href="/subscribe" style="display: inline-block; background: linear-gradient(135deg, #FF6B35 0%, #A855F7 50%, #4ECDC4 100%); color: white; padding: 25px 70px; text-decoration: none; border-radius: 12px; font-weight: 700; font-size: 1.3rem; box-shadow: 0 8px 25px rgba(78, 205, 196, 0.5); transition: transform 0.3s;">🔥⚡❄️ Start Your Journey</a>
</div>
<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 -->
<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="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
<li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</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="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
<li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
<li style="margin-bottom: 12px;"><a href="/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="/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>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 893 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 893 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 177 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 285 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 342 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 342 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 976 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 475 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 825 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

144
_site/contact/index.html Normal file
View File

@@ -0,0 +1,144 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us | Firefrost Gaming</title>
<meta name="description" content="Get in touch with The Trinity at Firefrost Gaming">
<link rel="stylesheet" href="/src/css/firefrost.css">
<!-- Fire/Frost/Arcane Brand Colors -->
<style>
:root {
--fire: #FF6B35;
--frost: #4ECDC4;
--arcane: #A855F7;
--gold: #FFD700;
--dark: #0F0F1E;
}
</style>
</head>
<body>
<!-- CONTACT PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">Contact Us</h1>
<p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto 40px; line-height: 1.8;">Get in touch with The Trinity. We're here to help.</p>
<p style="font-size: 1.8rem; color: #FFD700; font-weight: 700;">Fire + Arcane + Frost = Here for You</p>
</div>
<!-- CONTACT METHODS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 80px;">
<h2 style="font-size: 3rem; margin-bottom: 20px; color: #e8f4f8; font-weight: 800;">How to Reach Us</h2>
<p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.7;">Choose the method that works best for you.</p>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 50px; margin-bottom: 80px;">
<!-- Discord - Primary -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%); border: 3px solid #A855F7; border-radius: 20px; padding: 45px; text-align: center;">
<div style="font-size: 4rem; margin-bottom: 20px;">💬</div>
<h3 style="color: #A855F7; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Discord (Fastest)</h3>
<p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 25px; font-size: 1.1rem;">Join our community Discord for real-time support, announcements, and to connect with other players.</p>
<a href="https://discord.gg/firefrost" style="display: inline-block; background: linear-gradient(135deg, #A855F7 0%, #C77DFF 100%); color: white; padding: 15px 40px; text-decoration: none; border-radius: 8px; font-weight: 700; font-size: 1.1rem;">Join Discord</a>
</div>
<!-- Email - Support -->
<div style="background: linear-gradient(135deg, rgba(78, 205, 196, 0.15) 0%, rgba(78, 205, 196, 0.05) 100%); border: 3px solid #4ecdc4; border-radius: 20px; padding: 45px; text-align: center;">
<div style="font-size: 4rem; margin-bottom: 20px;">📧</div>
<h3 style="color: #4ecdc4; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Email Support</h3>
<p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 25px; font-size: 1.1rem;">For account issues, billing questions, or detailed technical support.</p>
<p style="color: #4ecdc4; font-size: 1.2rem; font-weight: 600; margin-bottom: 10px;">support@firefrostgaming.com</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Response time: 24-48 hours</p>
</div>
<!-- Social Media -->
<div style="background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(255, 107, 53, 0.05) 100%); border: 3px solid #ff6b35; border-radius: 20px; padding: 45px; text-align: center;">
<div style="font-size: 4rem; margin-bottom: 20px;">🔥</div>
<h3 style="color: #ff6b35; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Social Media</h3>
<p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 25px; font-size: 1.1rem;">Follow us for updates, events, and community highlights.</p>
<p style="margin-bottom: 15px;"><a href="https://www.facebook.com/FirefrostGaming/" style="color: #4ecdc4; text-decoration: none; font-size: 1.1rem; font-weight: 600;">Facebook</a></p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">More platforms coming soon</p>
</div>
</div>
</div>
</div>
<!-- ADDITIONAL CONTACTS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1000px; margin: 0 auto; text-align: center;">
<h2 style="font-size: 3rem; margin-bottom: 40px; color: #e8f4f8; font-weight: 800;">Other Contacts</h2>
<div style="margin-bottom: 40px;">
<h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Legal & Privacy</h3>
<p style="color: #e8f4f8; line-height: 1.8; font-size: 1.1rem; margin-bottom: 15px;">For data requests, privacy concerns, or legal matters:</p>
<p style="color: #4ecdc4; font-size: 1.2rem; font-weight: 600;">legal@firefrostgaming.com</p>
</div>
<div style="margin-bottom: 40px;">
<h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Press & Media</h3>
<p style="color: #e8f4f8; line-height: 1.8; font-size: 1.1rem; margin-bottom: 15px;">Media inquiries, press releases, or interview requests:</p>
<p style="color: #4ecdc4; font-size: 1.2rem; font-weight: 600;">press@firefrostgaming.com</p>
</div>
</div>
</div>
<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 -->
<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="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
<li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</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="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
<li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
<li style="margin-bottom: 12px;"><a href="/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="/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>
</body>
</html>

131
_site/privacy/index.html Normal file
View File

@@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy | Firefrost Gaming</title>
<meta name="description" content="Firefrost Gaming Privacy Policy - How we protect your data">
<link rel="stylesheet" href="/src/css/firefrost.css">
<!-- Fire/Frost/Arcane Brand Colors -->
<style>
:root {
--fire: #FF6B35;
--frost: #4ECDC4;
--arcane: #A855F7;
--gold: #FFD700;
--dark: #0F0F1E;
}
</style>
</head>
<body>
<!-- PRIVACY PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">Privacy Policy</h1>
<p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto; line-height: 1.8;">Effective April 15, 2026</p>
</div>
<!-- PRIVACY CONTENT -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 900px; margin: 0 auto; color: #e8f4f8; line-height: 1.8; font-size: 1.1rem;">
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">Our Commitment</h2>
<p style="color: #FFD700; font-size: 1.3rem; font-weight: 600;">We never sell your data. Period.</p>
<p>Your privacy matters. This policy explains what information we collect, how we use it, and your rights.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">1. Information We Collect</h2>
<p><strong>Account Information:</strong> Email address, username, Discord ID (if linked), subscription tier.</p>
<p><strong>Server Data:</strong> Minecraft usernames, in-game statistics, chat logs (for moderation only).</p>
<p><strong>Payment Information:</strong> Processed securely through Stripe. We do not store credit card numbers.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">2. How We Use Your Information</h2>
<p>- Provide and maintain our services</p>
<p>- Process payments and manage subscriptions</p>
<p>- Send service announcements and updates</p>
<p>- Enforce community guidelines and prevent abuse</p>
<p>- Improve our services based on usage patterns</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">3. Data Sharing</h2>
<p>We do NOT sell your data to third parties. We share information only when:</p>
<p>- Required by law (valid subpoena or court order)</p>
<p>- Necessary to process payments (Stripe)</p>
<p>- You explicitly consent</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">4. Data Security</h2>
<p>We implement industry-standard security measures including encryption, secure servers, and regular security audits.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">5. Your Rights (GDPR/COPPA Compliant)</h2>
<p>You have the right to:</p>
<p>- Access your data</p>
<p>- Request data deletion</p>
<p>- Opt out of marketing emails</p>
<p>- Export your data</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">6. Children's Privacy (COPPA)</h2>
<p>We comply with COPPA. Users under 13 are not permitted. Users 13-17 require parental consent.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">7. Data Retention</h2>
<p>We retain data for as long as your account is active. After deletion, backups are purged within 90 days.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">8. Contact</h2>
<p>Privacy questions or data requests: legal@firefrostgaming.com</p>
</div>
</div>
<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 -->
<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="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
<li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</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="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
<li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
<li style="margin-bottom: 12px;"><a href="/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="/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>
</body>
</html>

186
_site/servers/index.html Normal file
View File

@@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Servers | Firefrost Gaming</title>
<meta name="description" content="Nine Minecraft experiences. One community built to last. All servers available to all subscribers.">
<link rel="stylesheet" href="/src/css/firefrost.css">
<!-- Fire/Frost/Arcane Brand Colors -->
<style>
:root {
--fire: #FF6B35;
--frost: #4ECDC4;
--arcane: #A855F7;
--gold: #FFD700;
--dark: #0F0F1E;
}
</style>
</head>
<body>
<!-- SERVERS PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">Our Servers</h1>
<p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto 40px; line-height: 1.8;">Nine Minecraft experiences. One community built to last.</p>
<p style="font-size: 1.8rem; color: #FFD700; font-weight: 700;">All servers available to all subscribers</p>
</div>
<!-- MINECRAFT SERVERS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 80px;">
<h2 style="font-size: 3rem; margin-bottom: 20px; color: #e8f4f8; font-weight: 800;">Minecraft Servers</h2>
<p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.7;">From creative building to technical challenges - find your adventure.</p>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)); gap: 40px;">
<!-- Stoneblock 4 - FROST -->
<div style="background: linear-gradient(135deg, rgba(78, 205, 196, 0.1) 0%, rgba(78, 205, 196, 0.05) 100%); border: 2px solid #4ecdc4; border-radius: 15px; padding: 35px;">
<h3 style="color: #4ecdc4; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Stoneblock 4</h3>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">stoneblock4.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 15px;">Trapped in stone. Build your way out using advanced tech mods and strategic thinking. Master automation to survive and thrive.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Perfect for tech enthusiasts and automation lovers.</p>
</div>
<!-- Society: Sunlit Valley - FIRE -->
<div style="background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(255, 107, 53, 0.05) 100%); border: 2px solid #ff6b35; border-radius: 15px; padding: 35px;">
<h3 style="color: #ff6b35; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Society: Sunlit Valley</h3>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">society.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 15px;">Build your dream community in a peaceful valley. Focus on creativity, collaboration, and creating something beautiful together.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Perfect for builders and community creators.</p>
</div>
<!-- All The Mods 10 - ARCANE -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(168, 85, 247, 0.05) 100%); border: 2px solid #A855F7; border-radius: 15px; padding: 35px;">
<h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">All The Mods 10</h3>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">atm10.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 15px;">Kitchen sink modpack with everything you could want. Explore tech, magic, exploration, and more in one massive experience.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Perfect for veteran modded players.</p>
</div>
<!-- All the Mods 10: To the Sky - FROST -->
<div style="background: linear-gradient(135deg, rgba(78, 205, 196, 0.1) 0%, rgba(78, 205, 196, 0.05) 100%); border: 2px solid #4ecdc4; border-radius: 15px; padding: 35px;">
<h3 style="color: #4ecdc4; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">All the Mods 10: To the Sky</h3>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">atm10tts.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 15px;">Skyblock meets ATM10. Start with nothing and build an empire in the void using advanced mods and careful planning.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Perfect for skyblock veterans seeking a challenge.</p>
</div>
<!-- All the Mons - ARCANE -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(168, 85, 247, 0.05) 100%); border: 2px solid #A855F7; border-radius: 15px; padding: 35px;">
<h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">All the Mons</h3>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">atmons.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 15px;">Catch, train, and battle Pokémon in a vibrant world. Community-focused gameplay with familiar mechanics and friendly competition.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Perfect for Pokémon fans and collectors.</p>
</div>
<!-- Mythcraft 5 - FIRE -->
<div style="background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(255, 107, 53, 0.05) 100%); border: 2px solid #ff6b35; border-radius: 15px; padding: 35px;">
<h3 style="color: #ff6b35; font-size: 1.8rem; margin-bottom: 15px; font-weight: 700;">Mythcraft 5</h3>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">mythcraft5.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 15px;">Magic and adventure await. Explore a world of spells, quests, and legendary creatures in this community-driven fantasy experience.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Perfect for RPG enthusiasts and adventurers.</p>
</div>
</div>
</div>
</div>
<!-- SPECIAL SERVICES -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<div style="text-align: center; margin-bottom: 80px;">
<div style="font-size: 4rem; margin-bottom: 20px;"></div>
<h2 style="font-size: 3rem; margin-bottom: 20px; color: #A855F7; font-weight: 800;">Premium Add-Ons</h2>
<p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.7;">Optional services available for subscribers.</p>
</div>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 50px;">
<!-- FoundryVTT -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%); border: 3px solid #A855F7; border-radius: 20px; padding: 45px; text-align: center;">
<h3 style="color: #A855F7; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">FoundryVTT</h3>
<p style="color: #A855F7; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">GM Time Add-On</p>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">foundry.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 20px;">Virtual tabletop for running epic D&D campaigns. Available as a separate purchase for any subscriber. Run your own world, your own rules.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Separate add-on purchase • 14-day grace period on subscription lapse</p>
</div>
<!-- Hytale -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%); border: 3px solid #A855F7; border-radius: 20px; padding: 45px; text-align: center;">
<h3 style="color: #A855F7; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Hytale</h3>
<p style="color: #A855F7; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">Coming Soon</p>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 20px; font-weight: 600;">hytale.firefrostgaming.com</p>
<p style="color: #e8f4f8; line-height: 1.8; margin-bottom: 20px;">The next generation of voxel gaming. We're ready for launch day. When Hytale releases, Firefrost will be there.</p>
<p style="color: #a8dadc; font-size: 0.95rem; font-style: italic;">Launching when the game releases • Subscription-based access</p>
</div>
</div>
</div>
</div>
<!-- JOIN CTA -->
<div style="padding: 100px 60px; 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%); text-align: center;">
<h2 style="font-size: 3rem; margin-bottom: 30px; color: #e8f4f8; font-weight: 800;">Ready to Play?</h2>
<p style="font-size: 1.4rem; color: #a8dadc; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.7;">Join a community built to last. All servers available to all subscribers.</p>
<a href="/subscribe" style="display: inline-block; background: linear-gradient(135deg, #FF6B35 0%, #A855F7 50%, #4ECDC4 100%); color: white; padding: 25px 70px; text-decoration: none; border-radius: 12px; font-weight: 700; font-size: 1.3rem; box-shadow: 0 8px 25px rgba(78, 205, 196, 0.5); transition: transform 0.3s;">🔥⚡❄️ Start Your Journey</a>
</div>
<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 -->
<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="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
<li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</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="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
<li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
<li style="margin-bottom: 12px;"><a href="/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="/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>
</body>
</html>

104
_site/subscribe/index.html Normal file
View File

@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Subscribe | Firefrost Gaming</title>
<meta name="description" content="Choose your tier and join the Firefrost Gaming community">
<link rel="stylesheet" href="/src/css/firefrost.css">
<!-- Fire/Frost/Arcane Brand Colors -->
<style>
:root {
--fire: #FF6B35;
--frost: #4ECDC4;
--arcane: #A855F7;
--gold: #FFD700;
--dark: #0F0F1E;
}
</style>
</head>
<body>
<!-- SUBSCRIBE PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #FF6B35 0%, #A855F7 50%, #4ECDC4 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">Choose Your Path</h1>
<p style="font-size: 1.5rem; color: rgba(255,255,255,0.95); max-width: 900px; margin: 0 auto 40px; line-height: 1.8;">Join the Firefrost Gaming community. All subscribers access all servers.</p>
</div>
<!-- IMPORTANT NOTICE -->
<div style="padding: 60px 40px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 900px; margin: 0 auto; padding: 40px; background: linear-gradient(135deg, rgba(255,107,53,0.1) 0%, rgba(168,85,247,0.1) 50%, rgba(78,205,196,0.1) 100%); border-left: 5px solid #A855F7; border-radius: 12px;">
<h3 style="margin: 0 0 20px 0; color: #A855F7; font-size: 2rem; font-weight: 700;">🌟 All Servers Available to All Subscribers</h3>
<p style="margin: 0; font-size: 1.3rem; line-height: 1.7; color: #e8f4f8;">Fire and Frost paths are about community identity, not server restrictions. Every subscriber can access every Minecraft server regardless of tier.</p>
</div>
</div>
<!-- SUBSCRIPTION TIERS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 60px; color: #e8f4f8; font-weight: 800;">Subscription Tiers</h2>
<div style="text-align: center; padding: 60px; background: rgba(26, 26, 46, 0.6); border-radius: 15px;">
<h3 style="color: #FFD700; font-size: 2.5rem; margin-bottom: 30px;">Coming April 15, 2026</h3>
<p style="color: #e8f4f8; font-size: 1.4rem; line-height: 1.8; max-width: 800px; margin: 0 auto 40px;">Subscription system launching with soft launch. Six tiers from Awakened ($1) to Sovereign ($499 lifetime).</p>
<a href="/discord" style="display: inline-block; background: linear-gradient(135deg, #FF6B35 0%, #A855F7 50%, #4ECDC4 100%); color: white; padding: 25px 70px; text-decoration: none; border-radius: 12px; font-weight: 700; font-size: 1.3rem; box-shadow: 0 8px 25px rgba(78, 205, 196, 0.5);">Join Discord for Updates</a>
</div>
</div>
</div>
<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 -->
<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="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
<li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</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="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
<li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
<li style="margin-bottom: 12px;"><a href="/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="/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>
</body>
</html>

120
_site/terms/index.html Normal file
View File

@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terms of Service | Firefrost Gaming</title>
<meta name="description" content="Firefrost Gaming Terms of Service and Community Guidelines">
<link rel="stylesheet" href="/src/css/firefrost.css">
<!-- Fire/Frost/Arcane Brand Colors -->
<style>
:root {
--fire: #FF6B35;
--frost: #4ECDC4;
--arcane: #A855F7;
--gold: #FFD700;
--dark: #0F0F1E;
}
</style>
</head>
<body>
<!-- TERMS PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">Terms of Service</h1>
<p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto; line-height: 1.8;">Effective April 15, 2026</p>
</div>
<!-- TERMS CONTENT -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 900px; margin: 0 auto; color: #e8f4f8; line-height: 1.8; font-size: 1.1rem;">
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">1. Acceptance of Terms</h2>
<p>By accessing Firefrost Gaming services, you agree to these Terms of Service. If you disagree with any part, you may not access our services.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">2. Age Requirement</h2>
<p>You must be at least 13 years old to use Firefrost Gaming services. Users under 18 require parental consent.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">3. Account Responsibilities</h2>
<p>You are responsible for maintaining the confidentiality of your account. You agree to accept responsibility for all activities under your account.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">4. Subscriptions and Payments</h2>
<p>Subscription fees are billed monthly or as one-time payments. Failed payments result in automatic downgrade to Awakened tier after 3-day grace period. Chargebacks result in immediate permanent ban.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">5. Refund Policy</h2>
<p>Refunds available within 14 days of purchase. Contact support@firefrostgaming.com with proof of purchase.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">6. Community Guidelines</h2>
<p>Be respectful. No harassment, hate speech, or griefing. Violations result in warnings, temporary bans, or permanent removal.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">7. Service Availability</h2>
<p>We strive for 99% uptime but do not guarantee uninterrupted service. Scheduled maintenance announced 24 hours in advance.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">8. Governing Law</h2>
<p>These terms are governed by the laws of Minnesota, United States.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">9. Changes to Terms</h2>
<p>We reserve the right to modify these terms. Users will be notified of significant changes via email and Discord.</p>
<h2 style="color: #4ecdc4; font-size: 2rem; margin-top: 40px; margin-bottom: 20px;">10. Contact</h2>
<p>Questions about these terms? Email legal@firefrostgaming.com</p>
</div>
</div>
<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 -->
<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="/about" style="color: #a8dadc; text-decoration: none;">About Us</a></li>
<li style="margin-bottom: 12px;"><a href="/servers" style="color: #a8dadc; text-decoration: none;">Server List</a></li>
<li style="margin-bottom: 12px;"><a href="/subscribe" style="color: #a8dadc; text-decoration: none;">Subscribe</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="/privacy" style="color: #a8dadc; text-decoration: none;">Privacy Policy</a></li>
<li style="margin-bottom: 12px;"><a href="/terms" style="color: #a8dadc; text-decoration: none;">Terms of Service</a></li>
<li style="margin-bottom: 12px;"><a href="/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="/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>
</body>
</html>

160
about.njk Normal file
View File

@@ -0,0 +1,160 @@
---
layout: layouts/base.njk
title: About Us
description: Meet The Trinity founders and our five consultant animals. Building Firefrost Gaming for eternity.
---
<!-- ABOUT PAGE - HERO -->
<div style="padding: 100px 40px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%); text-align: center;">
<h1 style="font-size: 4rem; font-weight: 900; margin-bottom: 30px; color: #ffffff; text-shadow: 2px 2px 8px rgba(0,0,0,0.7);">About Firefrost Gaming</h1>
<p style="font-size: 1.5rem; color: #a8dadc; max-width: 900px; margin: 0 auto 40px; line-height: 1.8;">Built by The Trinity. Designed for eternity.</p>
<p style="font-size: 2rem; color: #FFD700; font-weight: 700;">Fire + Arcane + Frost = Forever</p>
</div>
<!-- THE TRINITY: THREE FOUNDERS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 60px; color: #e8f4f8; font-weight: 800;">The Trinity</h2>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-bottom: 80px;">
<!-- Frostystyle - The Wizard -->
<div style="background: linear-gradient(135deg, rgba(78, 205, 196, 0.15) 0%, rgba(78, 205, 196, 0.05) 100%); border: 3px solid #4ecdc4; border-radius: 20px; padding: 40px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 20px;">❄️</div>
<h3 style="color: #4ecdc4; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">Frostystyle</h3>
<p style="color: #4ecdc4; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">The Wizard</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 20px;">Technical architect. Systems designer. The builder of foundations that last decades.</p>
<p style="color: #a8dadc; line-height: 1.7;">Frost brings precision, infrastructure that doesn't break, and the cool calculated strategy that keeps everything running.</p>
</div>
<!-- GingerFury - The Emissary -->
<div style="background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, rgba(255, 107, 53, 0.05) 100%); border: 3px solid #ff6b35; border-radius: 20px; padding: 40px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 20px;">🔥</div>
<h3 style="color: #ff6b35; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">GingerFury</h3>
<p style="color: #ff6b35; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">The Emissary</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 20px;">Community manager. Heart of the operation. The fierce protector who makes everyone feel at home.</p>
<p style="color: #a8dadc; line-height: 1.7;">Fire brings passion, authentic connection, and the warmth that transforms strangers into family.</p>
</div>
<!-- unicorn20089 - The Catalyst -->
<div style="background: linear-gradient(135deg, rgba(168, 85, 247, 0.15) 0%, rgba(168, 85, 247, 0.05) 100%); border: 3px solid #A855F7; border-radius: 20px; padding: 40px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 20px;">⚡</div>
<h3 style="color: #A855F7; font-size: 2rem; margin-bottom: 15px; font-weight: 700;">unicorn20089</h3>
<p style="color: #A855F7; font-size: 1.2rem; margin-bottom: 25px; font-weight: 600;">The Catalyst</p>
<p style="color: #e8f4f8; line-height: 1.7; margin-bottom: 20px;">Lead builder. Creative visionary. The transformative energy that turns dreams into reality.</p>
<p style="color: #a8dadc; line-height: 1.7;">Arcane brings creative innovation, building expertise, and the foundation upon which Fire and Frost stand together.</p>
</div>
</div>
<p style="text-align: center; font-size: 1.5rem; color: #e8f4f8; line-height: 1.8; max-width: 1000px; margin: 0 auto;">Together, they founded Firefrost Gaming in February 2026 with a simple question: <span style="color: #4ecdc4; font-weight: 700; font-style: italic;">"What if we built something that outlives us?"</span></p>
</div>
</div>
<!-- THE FIVE CONSULTANTS -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1400px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 30px; color: #e8f4f8; font-weight: 800;">The Five Consultants</h2>
<p style="text-align: center; font-size: 1.3rem; color: #a8dadc; margin-bottom: 60px; line-height: 1.7;">Every great company has advisors. Ours just happen to have four legs and unshakeable opinions.</p>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px;">
<!-- Butter No Nutters -->
<div style="background: rgba(78, 205, 196, 0.1); border: 2px solid #4ecdc4; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">😺</div>
<h4 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Butter No Nutters</h4>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Ice King</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief Executive Officer</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"I was here first. I'll be here last. This is MY kingdom."</p>
</div>
<!-- Oscar -->
<div style="background: rgba(78, 205, 196, 0.1); border: 2px solid #4ecdc4; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐕</div>
<h4 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Oscar</h4>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Sentinel</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief Security Officer</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"The Frostwall doesn't sleep. Neither do I."</p>
</div>
<!-- Jack -->
<div style="background: rgba(78, 205, 196, 0.1); border: 2px solid #4ecdc4; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐺</div>
<h4 style="color: #4ecdc4; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Jack</h4>
<p style="color: #4ecdc4; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Ambassador</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief Companion Officer</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">Jack's medical alerts take absolute priority over all work. No exceptions.</p>
</div>
<!-- Jasmine -->
<div style="background: rgba(168, 85, 247, 0.1); border: 2px solid #A855F7; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐶</div>
<h4 style="color: #A855F7; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Jasmine</h4>
<p style="color: #A855F7; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Protector</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief of Personal Security</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"I am gentle until you need anything but."</p>
</div>
<!-- Noir -->
<div style="background: rgba(255, 107, 53, 0.1); border: 2px solid #ff6b35; border-radius: 15px; padding: 30px; text-align: center;">
<div style="font-size: 5rem; margin-bottom: 15px;">🐈‍⬛</div>
<h4 style="color: #ff6b35; font-size: 1.6rem; margin-bottom: 10px; font-weight: 700;">Midnight Noir</h4>
<p style="color: #ff6b35; font-size: 1.1rem; margin-bottom: 15px; font-weight: 600;">The Converted</p>
<p style="color: #a8dadc; line-height: 1.6; margin-bottom: 10px;">Chief of Rapid Response</p>
<p style="color: #6b7280; font-size: 0.95rem; line-height: 1.5; font-style: italic;">"Everyone deserves a refuge. Even strays."</p>
</div>
</div>
</div>
</div>
<!-- OUR PHILOSOPHY -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #1a1a2e 0%, #0f0f1e 100%);">
<div style="max-width: 1000px; margin: 0 auto; text-align: center;">
<h2 style="font-size: 3rem; margin-bottom: 40px; color: #e8f4f8; font-weight: 800;">Our Philosophy</h2>
<p style="font-size: 2.5rem; color: #FFD700; font-weight: 700; margin-bottom: 50px; line-height: 1.3;">"We're building this for children not yet born."</p>
<p style="font-size: 1.4rem; color: #e8f4f8; line-height: 1.9; margin-bottom: 30px;">Not for quarterly profits. Not for investor returns. Not to flip and sell.</p>
<p style="font-size: 1.4rem; color: #e8f4f8; line-height: 1.9; margin-bottom: 30px;"><strong style="color: #4ecdc4; font-size: 1.6rem;">For legacy.</strong></p>
<p style="font-size: 1.3rem; color: #a8dadc; line-height: 1.8; margin-bottom: 40px;">We document everything. Every decision preserved in Git. Every server configuration saved for future generations. Every line of code a love letter to people we'll never meet.</p>
<p style="font-size: 1.5rem; color: #4ecdc4; font-weight: 600; line-height: 1.7;">Fire + Frost + Foundation = Where Love Builds Legacy</p>
</div>
</div>
<!-- THE JOURNEY -->
<div style="padding: 100px 60px; background: linear-gradient(135deg, #0f0f1e 0%, #1a1a2e 100%);">
<div style="max-width: 1200px; margin: 0 auto;">
<h2 style="text-align: center; font-size: 3rem; margin-bottom: 60px; color: #e8f4f8; font-weight: 800;">The Journey</h2>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #4ecdc4; padding: 40px; margin-bottom: 30px; border-radius: 10px;">
<h3 style="color: #4ecdc4; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">February 2026: The Beginning</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">Three people came together with different strengths and a shared vision. The Wizard brought the technical precision. The Emissary brought the heart. The Catalyst brought the creative foundation. Firefrost Gaming was born.</p>
</div>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #A855F7; padding: 40px; margin-bottom: 30px; border-radius: 10px;">
<h3 style="color: #A855F7; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">March 2026: Building the Foundation</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">Infrastructure deployment in progress. Servers configured. Systems tested. The Trinity working together to build something that will outlast us all.</p>
</div>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #ff6b35; padding: 40px; margin-bottom: 30px; border-radius: 10px;">
<h3 style="color: #ff6b35; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">April 2026: Soft Launch</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">Coming soon. Nine Minecraft servers. Fire and Frost paths. A community built to last forever. The doors open in April.</p>
</div>
<div style="background: rgba(26, 26, 46, 0.6); border-left: 5px solid #FFD700; padding: 40px; border-radius: 10px;">
<h3 style="color: #FFD700; font-size: 1.8rem; margin-bottom: 20px; font-weight: 700;">The Future: Forever</h3>
<p style="color: #e8f4f8; font-size: 1.2rem; line-height: 1.8;">This is just the beginning. Every server we launch, every community we build, every system we document - all of it designed to outlive us. For children not yet born.</p>
</div>
</div>
</div>
<!-- JOIN US CTA -->
<div style="padding: 100px 60px; 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%); text-align: center;">
<h2 style="font-size: 3rem; margin-bottom: 30px; color: #e8f4f8; font-weight: 800;">Join The Legacy</h2>
<p style="font-size: 1.4rem; color: #a8dadc; margin-bottom: 50px; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.7;">Be part of something built to last. Choose your path. Build your legend.</p>
<a href="/subscribe" style="display: inline-block; background: linear-gradient(135deg, #FF6B35 0%, #A855F7 50%, #4ECDC4 100%); color: white; padding: 25px 70px; text-decoration: none; border-radius: 12px; font-weight: 700; font-size: 1.3rem; box-shadow: 0 8px 25px rgba(78, 205, 196, 0.5); transition: transform 0.3s;">🔥⚡❄️ Start Your Journey</a>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 305 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 830 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 434 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 893 KiB

Some files were not shown because too many files have changed in this diff Show More