Skip to content
This repository was archived by the owner on Apr 9, 2026. It is now read-only.

Commit c00f1f1

Browse files
MrRoweyMrRowey
committed
Update footer and improve Released badge readability
1 parent a9ff2f9 commit c00f1f1

35 files changed

Lines changed: 1393 additions & 1230 deletions

‎index.html‎

Lines changed: 41 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -278,57 +278,64 @@ <h4 class="FooterTitle">Navigation</h4>
278278
<!-- Quick Actions Section -->
279279
<div class="FooterSection">
280280
<h4 class="FooterTitle">Quick Actions</h4>
281-
<div class="FooterActions" role="group" aria-label="Quick actions">
282-
<button id="themeToggleButton" class="ThemeToggle" aria-label="Toggle between light and dark theme">
281+
<div class="FooterActions">
282+
<button id="themeToggleButton" class="ThemeToggle">
283283
<i class="fas fa-palette" aria-hidden="true"></i>
284-
<span class="ToggleText">Toggle Theme</span>
284+
<span class="ToggleText">Toggle Dark/Light Mode</span>
285285
</button>
286-
<button class="PrintButton" onclick="window.print()" aria-label="Print this page">
286+
<button class="PrintButton" onclick="window.print()">
287287
<i class="fas fa-print" aria-hidden="true"></i>
288288
<span>Print Page</span>
289289
</button>
290290
</div>
291291
</div>
292292

293-
<!-- About Section -->
293+
<!-- Faction Theme Section -->
294294
<div class="FooterSection">
295-
<h4 class="FooterTitle">About</h4>
296-
<div class="FooterInfo">
297-
<p class="PatchInfo">
298-
<strong>FAForever Patch Notes</strong><br>
299-
Complete balance update archive
300-
</p>
301-
<p class="Copyright">
302-
© 2015-2025 <strong>FAForever</strong><br>
303-
Community-driven balance updates
304-
</p>
295+
<h4 class="FooterTitle">Faction Theme</h4>
296+
<div class="FactionThemes">
297+
<button class="FactionButton active" data-faction="default" aria-label="Default theme">
298+
<span class="FactionIcon">⚔️</span>
299+
<span class="FactionLabel">Default</span>
300+
</button>
301+
<button class="FactionButton" data-faction="aeon" aria-label="Aeon theme">
302+
<img src="/assets/images/faction/Aeon.svg" alt="Aeon" class="FactionLogo">
303+
<span class="FactionLabel">Aeon</span>
304+
</button>
305+
<button class="FactionButton" data-faction="uef" aria-label="UEF theme">
306+
<img src="/assets/images/faction/UEF.svg" alt="UEF" class="FactionLogo">
307+
<span class="FactionLabel">UEF</span>
308+
</button>
309+
<button class="FactionButton" data-faction="cybran" aria-label="Cybran theme">
310+
<img src="/assets/images/faction/Cybran.svg" alt="Cybran" class="FactionLogo">
311+
<span class="FactionLabel">Cybran</span>
312+
</button>
313+
<button class="FactionButton" data-faction="sera" aria-label="Seraphim theme">
314+
<img src="/assets/images/faction/Seraphim.svg" alt="Seraphim" class="FactionLogo">
315+
<span class="FactionLabel">Sera</span>
316+
</button>
305317
</div>
306318
</div>
319+
</div>
307320

308-
<!-- Social/Links Section -->
309-
<div class="FooterSection">
310-
<h4 class="FooterTitle">Community</h4>
311-
<nav class="FooterLinks" aria-label="Community links">
312-
<a href="https://www.faforever.com" class="FooterLink External" target="_blank" rel="noopener">
313-
<i class="fas fa-external-link-alt" aria-hidden="true"></i>
314-
FAForever.com
321+
<!-- Bottom Bar -->
322+
<div class="FooterBottom">
323+
<div class="FooterBottomContent">
324+
<div class="FooterBottomLinks">
325+
<a href="https://www.faforever.com" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="FAForever Website">
326+
<i class="fas fa-globe" aria-hidden="true"></i>
315327
</a>
316-
<a href="https://discord.gg/mXahAXy" class="FooterLink External" target="_blank" rel="noopener">
328+
<a href="https://discord.gg/mXahAXy" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="Discord">
317329
<i class="fab fa-discord" aria-hidden="true"></i>
318-
Discord
319330
</a>
320-
<a href="https://github.com/FAForever" class="FooterLink External" target="_blank" rel="noopener" aria-label="Visit FAForever on GitHub (opens in new tab)">
331+
<a href="https://github.com/FAForever" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="GitHub">
321332
<i class="fab fa-github" aria-hidden="true"></i>
322-
GitHub
323333
</a>
324-
</nav>
325-
</div>
326-
</div>
327-
328-
<!-- Bottom Bar -->
329-
<div class="FooterBottom">
330-
<div class="FooterBottomContent">
331-
<span class="LastUpdated">Last updated: <time datetime="2026-02-05">February 5th, 2026</time></span>
334+
<a href="https://forum.faforever.com" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="Forum">
335+
<i class="fas fa-comments" aria-hidden="true"></i>
336+
</a>
337+
</div>
338+
<span class="Copyright">© 2015-2026 <strong>FAForever</strong> • Community-driven balance updates</span>
332339
<span class="BuildInfo">Balance Team • Patch Notes Archive</span>
333340
</div>
334341
</div>

‎pages/2017/3674.html‎

Lines changed: 37 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -231,7 +231,7 @@ <h4 class="FooterTitle">Quick Actions</h4>
231231
<div class="FooterActions">
232232
<button id="themeToggleButton" class="ThemeToggle">
233233
<i class="fas fa-palette" aria-hidden="true"></i>
234-
<span class="ToggleText">Toggle Theme</span>
234+
<span class="ToggleText">Toggle Dark/Light Mode</span>
235235
</button>
236236
<button class="PrintButton" onclick="window.print()">
237237
<i class="fas fa-print" aria-hidden="true"></i>
@@ -240,45 +240,52 @@ <h4 class="FooterTitle">Quick Actions</h4>
240240
</div>
241241
</div>
242242

243-
<!-- About Section -->
243+
<!-- Faction Theme Section -->
244244
<div class="FooterSection">
245-
<h4 class="FooterTitle">About</h4>
246-
<div class="FooterInfo">
247-
<p class="PatchInfo">
248-
<strong>Patch 3822</strong><br>
249-
Released: May 19th, 2025
250-
</p>
251-
<p class="Copyright">
252-
© 2015-2025 <strong>FAForever</strong><br>
253-
Community-driven balance updates
254-
</p>
245+
<h4 class="FooterTitle">Faction Theme</h4>
246+
<div class="FactionThemes">
247+
<button class="FactionButton active" data-faction="default" aria-label="Default theme">
248+
<span class="FactionIcon">⚔️</span>
249+
<span class="FactionLabel">Default</span>
250+
</button>
251+
<button class="FactionButton" data-faction="aeon" aria-label="Aeon theme">
252+
<img src="/assets/images/faction/Aeon.svg" alt="Aeon" class="FactionLogo">
253+
<span class="FactionLabel">Aeon</span>
254+
</button>
255+
<button class="FactionButton" data-faction="uef" aria-label="UEF theme">
256+
<img src="/assets/images/faction/UEF.svg" alt="UEF" class="FactionLogo">
257+
<span class="FactionLabel">UEF</span>
258+
</button>
259+
<button class="FactionButton" data-faction="cybran" aria-label="Cybran theme">
260+
<img src="/assets/images/faction/Cybran.svg" alt="Cybran" class="FactionLogo">
261+
<span class="FactionLabel">Cybran</span>
262+
</button>
263+
<button class="FactionButton" data-faction="sera" aria-label="Seraphim theme">
264+
<img src="/assets/images/faction/Seraphim.svg" alt="Seraphim" class="FactionLogo">
265+
<span class="FactionLabel">Sera</span>
266+
</button>
255267
</div>
256268
</div>
269+
</div>
257270

258-
<!-- Social/Links Section -->
259-
<div class="FooterSection">
260-
<h4 class="FooterTitle">Community</h4>
261-
<div class="FooterLinks">
262-
<a href="https://www.faforever.com" class="FooterLink External" target="_blank" rel="noopener">
263-
<i class="fas fa-external-link-alt" aria-hidden="true"></i>
264-
FAForever.com
271+
<!-- Bottom Bar -->
272+
<div class="FooterBottom">
273+
<div class="FooterBottomContent">
274+
<div class="FooterBottomLinks">
275+
<a href="https://www.faforever.com" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="FAForever Website">
276+
<i class="fas fa-globe" aria-hidden="true"></i>
265277
</a>
266-
<a href="https://discord.gg/mXahAXy" class="FooterLink External" target="_blank" rel="noopener">
278+
<a href="https://discord.gg/mXahAXy" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="Discord">
267279
<i class="fab fa-discord" aria-hidden="true"></i>
268-
Discord
269280
</a>
270-
<a href="https://github.com/FAForever" class="FooterLink External" target="_blank" rel="noopener">
281+
<a href="https://github.com/FAForever" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="GitHub">
271282
<i class="fab fa-github" aria-hidden="true"></i>
272-
GitHub
283+
</a>
284+
<a href="https://forum.faforever.com" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="Forum">
285+
<i class="fas fa-comments" aria-hidden="true"></i>
273286
</a>
274287
</div>
275-
</div>
276-
</div>
277-
278-
<!-- Bottom Bar -->
279-
<div class="FooterBottom">
280-
<div class="FooterBottomContent">
281-
<span class="LastUpdated">Last updated: <time datetime="2025-05-19">May 19th, 2025</time></span>
288+
<span class="Copyright">© 2015-2026 <strong>FAForever</strong> • Community-driven balance updates</span>
282289
<span class="BuildInfo">Balance Team • Patch Notes v3822</span>
283290
</div>
284291
</div>

‎pages/2017/3676.html‎

Lines changed: 37 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,7 @@ <h4 class="FooterTitle">Quick Actions</h4>
221221
<div class="FooterActions">
222222
<button id="themeToggleButton" class="ThemeToggle">
223223
<i class="fas fa-palette" aria-hidden="true"></i>
224-
<span class="ToggleText">Toggle Theme</span>
224+
<span class="ToggleText">Toggle Dark/Light Mode</span>
225225
</button>
226226
<button class="PrintButton" onclick="window.print()">
227227
<i class="fas fa-print" aria-hidden="true"></i>
@@ -230,45 +230,52 @@ <h4 class="FooterTitle">Quick Actions</h4>
230230
</div>
231231
</div>
232232

233-
<!-- About Section -->
233+
<!-- Faction Theme Section -->
234234
<div class="FooterSection">
235-
<h4 class="FooterTitle">About</h4>
236-
<div class="FooterInfo">
237-
<p class="PatchInfo">
238-
<strong>Patch 3822</strong><br>
239-
Released: May 19th, 2025
240-
</p>
241-
<p class="Copyright">
242-
© 2015-2025 <strong>FAForever</strong><br>
243-
Community-driven balance updates
244-
</p>
235+
<h4 class="FooterTitle">Faction Theme</h4>
236+
<div class="FactionThemes">
237+
<button class="FactionButton active" data-faction="default" aria-label="Default theme">
238+
<span class="FactionIcon">⚔️</span>
239+
<span class="FactionLabel">Default</span>
240+
</button>
241+
<button class="FactionButton" data-faction="aeon" aria-label="Aeon theme">
242+
<img src="/assets/images/faction/Aeon.svg" alt="Aeon" class="FactionLogo">
243+
<span class="FactionLabel">Aeon</span>
244+
</button>
245+
<button class="FactionButton" data-faction="uef" aria-label="UEF theme">
246+
<img src="/assets/images/faction/UEF.svg" alt="UEF" class="FactionLogo">
247+
<span class="FactionLabel">UEF</span>
248+
</button>
249+
<button class="FactionButton" data-faction="cybran" aria-label="Cybran theme">
250+
<img src="/assets/images/faction/Cybran.svg" alt="Cybran" class="FactionLogo">
251+
<span class="FactionLabel">Cybran</span>
252+
</button>
253+
<button class="FactionButton" data-faction="sera" aria-label="Seraphim theme">
254+
<img src="/assets/images/faction/Seraphim.svg" alt="Seraphim" class="FactionLogo">
255+
<span class="FactionLabel">Sera</span>
256+
</button>
245257
</div>
246258
</div>
259+
</div>
247260

248-
<!-- Social/Links Section -->
249-
<div class="FooterSection">
250-
<h4 class="FooterTitle">Community</h4>
251-
<div class="FooterLinks">
252-
<a href="https://www.faforever.com" class="FooterLink External" target="_blank" rel="noopener">
253-
<i class="fas fa-external-link-alt" aria-hidden="true"></i>
254-
FAForever.com
261+
<!-- Bottom Bar -->
262+
<div class="FooterBottom">
263+
<div class="FooterBottomContent">
264+
<div class="FooterBottomLinks">
265+
<a href="https://www.faforever.com" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="FAForever Website">
266+
<i class="fas fa-globe" aria-hidden="true"></i>
255267
</a>
256-
<a href="https://discord.gg/mXahAXy" class="FooterLink External" target="_blank" rel="noopener">
268+
<a href="https://discord.gg/mXahAXy" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="Discord">
257269
<i class="fab fa-discord" aria-hidden="true"></i>
258-
Discord
259270
</a>
260-
<a href="https://github.com/FAForever" class="FooterLink External" target="_blank" rel="noopener">
271+
<a href="https://github.com/FAForever" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="GitHub">
261272
<i class="fab fa-github" aria-hidden="true"></i>
262-
GitHub
273+
</a>
274+
<a href="https://forum.faforever.com" class="FooterBottomLink" target="_blank" rel="noopener" aria-label="Forum">
275+
<i class="fas fa-comments" aria-hidden="true"></i>
263276
</a>
264277
</div>
265-
</div>
266-
</div>
267-
268-
<!-- Bottom Bar -->
269-
<div class="FooterBottom">
270-
<div class="FooterBottomContent">
271-
<span class="LastUpdated">Last updated: <time datetime="2025-05-19">May 19th, 2025</time></span>
278+
<span class="Copyright">© 2015-2026 <strong>FAForever</strong> • Community-driven balance updates</span>
272279
<span class="BuildInfo">Balance Team • Patch Notes v3822</span>
273280
</div>
274281
</div>

0 commit comments

Comments
 (0)