firefrost-gaming/firefrost-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Simple Icons to footer social links

Browse Source 
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>
This commit is contained in:
Claude (Chronicler #56)
2026-04-03 02:29:33 +00:00
parent 2921e88334
commit ef9ac929b3
1 changed files with 60 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
_includes/footer.njk
View File

@@ -30,15 +30,66 @@
<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>
<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>