firefrost-gaming/firefrost-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
7191b670ee505a15bc589e03fe70afaec9fcf9de
firefrost-website/_includes/footer.njk
Claude (Chronicler #56) ef9ac929b3 feat: add Simple Icons to footer social links 
Added official Simple Icons (20px) to all footer social links for
visual consistency. Also added YouTube to footer Community section.

All footer social links now have icons matching the homepage and
contact page styling.

Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
2026-04-03 02:29:33 +00:00

103 lines
6.1 KiB
Plaintext
Raw Blame History

<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="display: flex; align-items: center; gap: 10px; color: #FFD700; text-decoration: none; font-weight: 600;">
<img src="https://cdn.simpleicons.org/linktree/FFD700" alt="Linktree" style="width: 20px; height: 20px;" />
All Our Socials
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="/discord" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/discord" alt="Discord" style="width: 20px; height: 20px;" />
Discord
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://twitter.com/PlayFirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/x" alt="X/Twitter" style="width: 20px; height: 20px;" />
Twitter/X
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://instagram.com/playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/instagram" alt="Instagram" style="width: 20px; height: 20px;" />
Instagram
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://reddit.com/r/FirefrostGaming" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/reddit" alt="Reddit" style="width: 20px; height: 20px;" />
Reddit
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://tiktok.com/@playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/tiktok" alt="TikTok" style="width: 20px; height: 20px;" />
TikTok
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://twitch.tv/playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/twitch" alt="Twitch" style="width: 20px; height: 20px;" />
Twitch
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://www.facebook.com/FirefrostGaming/" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/facebook" alt="Facebook" style="width: 20px; height: 20px;" />
Facebook
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://bsky.app/profile/playfirefrost.bsky.social" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/bluesky" alt="BlueSky" style="width: 20px; height: 20px;" />
BlueSky
</a>
</li>
<li style="margin-bottom: 12px;">
<a href="https://youtube.com/@playfirefrost" style="display: flex; align-items: center; gap: 10px; color: #a8dadc; text-decoration: none;">
<img src="https://cdn.simpleicons.org/youtube" alt="YouTube" style="width: 20px; height: 20px;" />
YouTube
</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>
Reference in New Issue View Git Blame Copy Permalink