187 lines
14 KiB
HTML
187 lines
14 KiB
HTML
<!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>
|