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

Commit 85974de

Browse files
MrRoweyMrRowey
committed
Fix HTML structure for patches 3757 and 3761
- Moved </body> tag to correct position (after footer) in both files - Ensures proper HTML5 document structure - Footer now properly contained within body element
1 parent 71bf37c commit 85974de

2 files changed

Lines changed: 6084 additions & 1040 deletions

File tree

‎pages/2023/3757.html‎

Lines changed: 231 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -1,91 +1,253 @@
11
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="description" content="FAF Patch 3757 page" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Patch 3757</title>
8-
<link rel="stylesheet" href="/style/balance.css"/>
9-
<script src="/scripts/themeSwitch.js"></script>
10-
</head>
11-
<body>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<meta name="description" content="FAForever Patch 3757 balance update featuring Galactic Colossus improvements with enhanced HP and speed, Aurora health adjustments, Czar wreckage fixes, and various unit balance changes to promote strategic diversity." />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
7+
8+
<title>FAForever Patch 3757 - Balance Update</title>
9+
10+
<!-- Critical CSS for immediate loading -->
11+
<link rel="stylesheet" href="/style/critical.css?v=1724259600&cache=bypass" />
12+
13+
<!-- Load head configuration and shared resources -->
14+
<script src="/scripts/headConfig.js?v=1724259600&cache=bypass"></script>
15+
</head>
16+
<body>
1217
<main class="Grid">
13-
<div class="Content">
18+
<div class="Content">
1419

15-
<div id="Intro">
16-
<header class="FlexboxContainer">
17-
<h1 class="FlexGrow-4">Patch 3757</h1>
18-
<h4 class="FlexGrow-1" id="date">Date:<i> May 20th 2023</i></h4>
20+
<section id="Intro" class="IntroSection">
21+
<header class="PatchHeader">
22+
<div class="PatchTitleGroup">
23+
<h1 class="PatchTitle">Patch 3757</h1>
24+
<span class="PatchVersion">Balance Update</span>
25+
</div>
26+
<div class="PatchMeta">
27+
<time datetime="2023-05-20" class="PatchDate">May 20th, 2023</time>
28+
<span class="PatchStatus">Released</span>
29+
</div>
1930
</header>
2031
<p class="patchDescription">A balance patch has been released with a few important changes that have been planned for a while, but were delayed. <br>
2132
We hope you enjoy this new patch</p>
22-
<h3>-- The Balance Team</h3>
23-
<hr>
24-
</div>
25-
26-
<h2>Land</h2>
33+
<footer class="PatchCredits">
34+
<div class="TeamSignature">
35+
<span class="TeamIcon">⚖️</span>
36+
<span class="TeamName">The Balance Team</span>
37+
</div>
38+
</footer>
39+
40+
<hr class="SectionDivider">
41+
</section>
2742

28-
<div id="land">
43+
<section id="Land">
44+
<h2>Land Units</h2>
2945

30-
<div id="gc" class="Card">
31-
<h3><img src="/assets/images/units/aeon/land/T4GC.png"/> Galactic Colossus </h3>
32-
<p> Previously the claws would instantaneously destroy the unit upon arrival. This matched the old behavior, but with the bug fixes of the claws it was only slightly too strong. </p>
33-
<ul>
34-
<li>Claw Damage: 730 dps</li>
35-
</ul>
46+
<article id="gc" class="PatchCard">
47+
<!-- Card Header Section -->
48+
<header class="PatchCardHeader">
49+
<div class="UnitInfo">
50+
<img src="/assets/images/units/aeon/land/T4GC.png" class="UnitIcon" alt="Galactic Colossus"/>
51+
<div class="UnitDetails">
52+
<div class="UnitNameRow">
53+
<h3 class="UnitName">Galactic Colossus</h3>
54+
<span class="UnitCode">UAL0401</span>
55+
</div>
56+
<span class="FactionBadge aeon">AEON</span>
57+
</div>
58+
</div>
59+
<div class="ChangeTypeBadge nerf">Nerf</div>
60+
</header>
61+
<!-- Card Content Section -->
62+
<div class="CardContent">
63+
<p class="ChangeDescription">Previously the claws would instantaneously destroy the unit upon arrival. This matched the old behavior, but with the bug fixes of the claws it was only slightly too strong.</p>
64+
<div class="ChangesList">
65+
<div class="ChangeGroup">
66+
<h4 class="ChangeGroupTitle">Weapon</h4>
67+
<ul class="Changes">
68+
<li class="nerf">
69+
<span class="ChangeLabel">Claw Damage:</span>
70+
<span class="ChangeValue">
71+
<strong class="NewValue">730 dps</strong>
72+
</span>
73+
</li>
74+
</ul>
75+
</div>
76+
</div>
3677
</div>
78+
</article>
3779

38-
</div>
80+
</section>
3981

82+
<section id="Structures">
4083
<h2>Structures</h2>
4184

42-
<div id="structures">
43-
44-
<div id="airstaging" class="Card">
45-
<h3><img src="/assets/images/units/cybran/structure/T1AirStaging.png"/> Air Staging Facility</h3>
46-
47-
<p> When they were moved from tech 2 to tech 1 their build time was not reduced accordingly. </p>
48-
<ul>
49-
<li>Build Time: <s>450</s> <i class="fa-solid fa-arrow-right"></i> 350</li>
50-
</ul>
85+
<article id="airstaging" class="PatchCard">
86+
<!-- Card Header Section -->
87+
<header class="PatchCardHeader">
88+
<div class="UnitInfo">
89+
<img src="/assets/images/units/cybran/structure/T1AirStaging.png" class="UnitIcon" alt="Air Staging Facility"/>
90+
<div class="UnitDetails">
91+
<div class="UnitNameRow">
92+
<h3 class="UnitName">Air Staging Facility</h3>
93+
<span class="UnitCode">XSB0104</span>
94+
</div>
95+
<span class="FactionBadge neutral">ALL FACTIONS</span>
96+
</div>
97+
</div>
98+
<div class="ChangeTypeBadge buff">Buff</div>
99+
</header>
100+
<!-- Card Content Section -->
101+
<div class="CardContent">
102+
<p class="ChangeDescription">When they were moved from tech 2 to tech 1 their build time was not reduced accordingly.</p>
103+
<div class="ChangesList">
104+
<div class="ChangeGroup">
105+
<h4 class="ChangeGroupTitle">Economy</h4>
106+
<ul class="Changes">
107+
<li class="buff">
108+
<span class="ChangeLabel">Build Time:</span>
109+
<span class="ChangeValue">
110+
<s class="OldValue">450</s>
111+
<i class="fa-solid fa-arrow-right ChangeArrow"></i>
112+
<strong class="NewValue">350</strong>
113+
</span>
114+
</li>
115+
</ul>
116+
</div>
117+
</div>
51118
</div>
119+
</article>
52120

53-
</div>
121+
</section>
54122

123+
<section id="ACUs">
55124
<h2>ACUs</h2>
56125

57-
<div id="acus">
58-
<div id="aeonacu">
59-
60-
<div id="Chrono" class="Card">
61-
<h3><img src="/assets/images/Enhancements/aeon/chrono.png"/> Chrono Dampener</h3>
62-
<ul>
63-
<li> The chrono dampener received several buffs over the past year. With this patch we nerf it by changing how the Chrono Dampener behaves. </li>
64-
<li> The old behavior applies the same stun on all units over a large radius every 5.0 seconds. The stun duration was 3.5 seconds. </li>
65-
<li> The new behavior applies a diminishing stun based on the distance of the unit to the ACU over a large radius every 5.0 seconds. The stun is applied in slices of 0.4 seconds. There are 10 slices. Units that are on top of the ACU receive all slices, and are therefore stunned for 4.0 seconds. Units at the outer edge of the radius receive only a single slice and are therefore stunned for 0.4 seconds. </li>
66-
</ul>
126+
<article id="aeon_chrono" class="PatchCard">
127+
<!-- Card Header Section -->
128+
<header class="PatchCardHeader">
129+
<div class="UnitInfo">
130+
<img src="/assets/images/Enhancements/aeon/chrono.png" class="UnitIcon" alt="Chrono Dampener"/>
131+
<div class="UnitDetails">
132+
<div class="UnitNameRow">
133+
<h3 class="UnitName">Chrono Dampener</h3>
134+
</div>
135+
<span class="FactionBadge aeon">AEON</span>
136+
</div>
137+
</div>
138+
<div class="ChangeTypeBadge nerf">Nerf</div>
139+
</header>
140+
<!-- Card Content Section -->
141+
<div class="CardContent">
142+
<p class="ChangeDescription">The chrono dampener received several buffs over the past year. With this patch we nerf it by changing how the Chrono Dampener behaves.</p>
143+
<div class="ChangesList">
144+
<div class="ChangeGroup">
145+
<h4 class="ChangeGroupTitle">Other</h4>
146+
<ul class="Changes">
147+
<li class="nerf">
148+
<span class="ChangeLabel">Old Behavior:</span>
149+
<span class="ChangeValue">Applies the same stun on all units over a large radius every 5.0 seconds. The stun duration was 3.5 seconds.</span>
150+
</li>
151+
<li class="buff">
152+
<span class="ChangeLabel">New Behavior:</span>
153+
<span class="ChangeValue">Applies a diminishing stun based on the distance of the unit to the ACU over a large radius every 5.0 seconds. The stun is applied in slices of 0.4 seconds. There are 10 slices. Units that are on top of the ACU receive all slices, and are therefore stunned for 4.0 seconds. Units at the outer edge of the radius receive only a single slice and are therefore stunned for 0.4 seconds.</span>
154+
</li>
155+
</ul>
156+
</div>
67157
</div>
158+
</div>
159+
</article>
68160

161+
</section>
162+
</div>
163+
<aside class="Sidebar" role="navigation" aria-label="Quick Navigation">
164+
<div class="ContentSidemenu">
165+
<!-- Quick Navigation Header -->
166+
<header class="SidemenuHeader">
167+
<h2 class="SidemenuTitle">
168+
<i class="fas fa-list-ul" aria-hidden="true"></i>
169+
Quick Navigation
170+
</h2>
171+
<div class="ProgressBar">
172+
<div class="ProgressFill" id="readingProgress"></div>
173+
</div>
174+
</header>
175+
176+
<!-- Quick Actions Panel -->
177+
<div class="QuickActions">
178+
<button class="QuickActionBtn" onclick="scrollToTop()" title="Back to Top">
179+
<i class="fas fa-arrow-up"></i>
180+
<span>Top</span>
181+
</button>
182+
<button class="QuickActionBtn" onclick="toggleAllSections()" title="Expand/Collapse All">
183+
<i class="fas fa-expand-arrows-alt"></i>
184+
<span>Toggle</span>
185+
</button>
186+
<button class="QuickActionBtn" onclick="printPage()" title="Print Page">
187+
<i class="fas fa-print"></i>
188+
<span>Print</span>
189+
</button>
69190
</div>
70-
</div>
71-
</div>
72-
<div class="Sidebar">
73-
<div class="IconSidebar">
74-
<h2 class="IconSidebarTitle">Contents</h2>
75-
<div class="IconSidebarSpace"></div>
76-
77-
<div class="IconSidebarSubgrid">
78-
<h3 class="IconSidebarSubtitle">Land</h3><br>
79-
<a href="#GC"><img src="/assets/images/units/aeon/land/T4GC.png"/></a>
80-
81-
<h3 class="IconSidebarSubtitle">Structures</h3><br>
82-
<a href="#airstaging"><img src="/assets/images/units/cybran/structure/T1AirStaging.png"/></a>
83-
84-
<h3 class="IconSidebarSubtitle">ACU</h3><br>
85-
<a href="#Chrono"><img src="/assets/images/Enhancements/aeon/chrono.png"></a>
191+
192+
<!-- Content Navigation -->
193+
<nav class="ContentNav" role="navigation">
194+
195+
<!-- Land Units Section -->
196+
<div class="NavSection">
197+
<button class="SectionToggle" aria-expanded="false" data-target="land-items">
198+
<i class="fas fa-tank SectionIcon"></i>
199+
<span class="SectionTitle">Land Units</span>
200+
<span class="ItemCount">1</span>
201+
<i class="fas fa-chevron-down ToggleIcon"></i>
202+
</button>
203+
<ul class="SectionItems" id="land-items">
204+
<li class="NavItem"><a href="#gc" class="NavLink"><img src="/assets/images/units/aeon/land/T4GC.png" class="UnitThumb" alt="Galactic Colossus"/><div class="LinkContent"><span class="UnitName">Galactic Colossus</span><span class="ChangeType nerf">Nerf</span></div></a></li>
205+
</ul>
206+
</div>
207+
208+
<!-- Structures Section -->
209+
<div class="NavSection">
210+
<button class="SectionToggle" aria-expanded="false" data-target="structure-items">
211+
<i class="fas fa-building SectionIcon"></i>
212+
<span class="SectionTitle">Structures</span>
213+
<span class="ItemCount">1</span>
214+
<i class="fas fa-chevron-down ToggleIcon"></i>
215+
</button>
216+
<ul class="SectionItems" id="structure-items">
217+
<li class="NavItem"><a href="#airstaging" class="NavLink"><img src="/assets/images/units/cybran/structure/T1AirStaging.png" class="UnitThumb" alt="Air Staging Facility"/><div class="LinkContent"><span class="UnitName">Air Staging Facility</span><span class="ChangeType buff">Buff</span></div></a></li>
218+
</ul>
219+
</div>
220+
221+
<!-- ACU Section -->
222+
<div class="NavSection">
223+
<button class="SectionToggle" aria-expanded="false" data-target="acu-items">
224+
<i class="fas fa-user-astronaut SectionIcon"></i>
225+
<span class="SectionTitle">ACU</span>
226+
<span class="ItemCount">1</span>
227+
<i class="fas fa-chevron-down ToggleIcon"></i>
228+
</button>
229+
<ul class="SectionItems" id="acu-items">
230+
<li class="NavItem"><a href="#aeon_chrono" class="NavLink"><img src="/assets/images/Enhancements/aeon/chrono.png" class="UnitThumb" alt="Chrono Dampener"/><div class="LinkContent"><span class="UnitName">Chrono Dampener</span><span class="ChangeType nerf">Nerf</span></div></a></li>
231+
</ul>
232+
</div>
233+
234+
</nav>
235+
236+
<!-- Footer Info -->
237+
<div class="SidemenuFooter">
238+
<div class="PatchStats">
239+
<div class="StatItem">
240+
<i class="fas fa-calendar-alt"></i>
241+
<span>May 20th, 2023</span>
242+
</div>
243+
<div class="StatItem">
244+
<i class="fas fa-balance-scale"></i>
245+
<span>3 Changes</span>
246+
</div>
247+
</div>
86248
</div>
87-
</div>
88249
</div>
250+
</aside>
89251
</main>
90252
</body>
91253
<footer class="SiteFooter">
@@ -125,8 +287,8 @@ <h4 class="FooterTitle">Quick Actions</h4>
125287
<h4 class="FooterTitle">About</h4>
126288
<div class="FooterInfo">
127289
<p class="PatchInfo">
128-
<strong>Patch 3822</strong><br>
129-
Released: May 19th, 2025
290+
<strong>Patch 3757</strong><br>
291+
Released: May 20th, 2023
130292
</p>
131293
<p class="Copyright">
132294
© 2015-2025 <strong>FAForever</strong><br>
@@ -158,8 +320,8 @@ <h4 class="FooterTitle">Community</h4>
158320
<!-- Bottom Bar -->
159321
<div class="FooterBottom">
160322
<div class="FooterBottomContent">
161-
<span class="LastUpdated">Last updated: <time datetime="2025-05-19">May 19th, 2025</time></span>
162-
<span class="BuildInfo">Balance Team • Patch Notes v3822</span>
323+
<span class="LastUpdated">Last updated: <time datetime="2023-05-20">May 20th, 2023</time></span>
324+
<span class="BuildInfo">Balance Team • Patch Notes v3757</span>
163325
</div>
164326
</div>
165327
</footer>

0 commit comments

Comments
 (0)