Skip to content

Commit

Permalink
Improvement to Sidebar with CSS-Grid
Browse files Browse the repository at this point in the history
  • Loading branch information
@MrRowey
MrRowey committed Feb 1, 2024
1 parent 832b330 commit d7d0d61
Show file tree
Hide file tree
Showing 24 changed files with 856 additions and 970 deletions.
97 changes: 48 additions & 49 deletions balance/3650.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -366,62 +366,61 @@ <h3><img src="/images/Enhancements/sera/acutml.png"> ACU TML (UEF and Seraphim)

</div>
<div class="sidebar">
<div class="icongrid">
<div class="iconSidebar">
<h2 class="iconSidebarTitle"><u>Contents</u></h2>

<h2>Contents</h2><br>

Land
<br>
<a href="#scus"><img src="/images/aeonscu.png"></a>
<a href="#scus"><img src="/images/uefscu.png"></a>
<a href="#scus"><img src="/images/cybranscu.png"></a>
<a href="#scus"><img src="/images/serascu.png"></a><br>
<a href="#hover"><img src="/images/serahover.png"></a>
<a href="#hover"><img src="/images/blaze.png"></a>
<a href="#hover"><img src="/images/uefhover.png"></a>
<a href="#hover"><img src="/images/hoverflak.png"></a><br>
<a href="#chickenbot"><img src="/images/chickenbot.png"></a>
<a href="#chickenbot"><img src="/images/othuum.png"></a>
<a href="#harb"><img src="/images/harb.png"></a><br>
<a href="#serasniper"><img src="/images/serasniper.png"></a>
<a href="#ueft3aa"><img src="/images/ueft3aa.png"></a>
<br><br>

Navy
<br>
<a href="#summit"><img src="/images/summit.png"></a>
<a href="#aeonfrigate"><img src="/images/aeonfrigate.png"></a>
<br><br>

Air
<br>
<a href="#uefstrat"><img src="/images/uefstrat.png"></a>
<a href="#corsair"><img src="/images/corsair.png"></a>
<a href="#torps"><img src="/images/seratorp.png"></a>
<a href="#torps"><img src="/images/aeontorp.png"></a>
<a href="#torps"><img src="/images/solace.png"></a>
<a href="#awhassa"><img src="/images/awhassa.png"></a>
<br><br>

Other
<br>
<a href="#quantumgate"><img src="/images/quantumgate.png"></a>
<a href="#hqs"><img src="/images/t3hq.png"></a>
<a href="#sonars"><img src="/images/t2sonar.png"></a>
<a href="#sonars"><img src="/images/t3sonar.png"></a>
<a href="#sonars"><img src="/images/cybsonar.png"></a>
<a href="#ecofix"><img src="/images/ecofix.png"></a>
<a href="#acutml"><img src="/images/Enhancements/sera/acutml.png"></a>
<a href="#cybrantml"><img src="/images/cybrantml.png"></a>
<a href="#tml"><img src="/images/cybrantml.png"></a>
<br><br>
<div class="iconSidebarBlank"></div>

<div class="iconSidebarSubgrid">
<h3 class="iconSidebarSubtitle">Land</h3><br>

<a href="#scus"><img src="/images/aeonscu.png"></a>
<a href="#scus"><img src="/images/uefscu.png"></a>
<a href="#scus"><img src="/images/cybranscu.png"></a>
<a href="#scus"><img src="/images/serascu.png"></a>
<a href="#hover"><img src="/images/serahover.png"></a>
<a href="#hover"><img src="/images/blaze.png"></a>
<a href="#hover"><img src="/images/uefhover.png"></a>
<a href="#hover"><img src="/images/hoverflak.png"></a>
<a href="#chickenbot"><img src="/images/chickenbot.png"></a>
<a href="#chickenbot"><img src="/images/othuum.png"></a>
<a href="#harb"><img src="/images/harb.png"></a>
<a href="#serasniper"><img src="/images/serasniper.png"></a>
<a href="#ueft3aa"><img src="/images/ueft3aa.png"></a>

<h3 class="iconSidebarSubtitle">Air</h3><br>

<a href="#uefstrat"><img src="/images/uefstrat.png"></a>
<a href="#corsair"><img src="/images/corsair.png"></a>
<a href="#torps"><img src="/images/seratorp.png"></a>
<a href="#torps"><img src="/images/aeontorp.png"></a>
<a href="#torps"><img src="/images/solace.png"></a>
<a href="#awhassa"><img src="/images/awhassa.png"></a>

<h3 class="iconSidebarSubtitle">Navy</h3><br>

<a href="#summit"><img src="/images/summit.png"></a>
<a href="#aeonfrigate"><img src="/images/aeonfrigate.png"></a>

<h3 class="iconSidebarSubtitle">Other</h3><br>

<a href="#quantumgate"><img src="/images/quantumgate.png"></a>
<a href="#hqs"><img src="/images/t3hq.png"></a>
<a href="#sonars"><img src="/images/t2sonar.png"></a>
<a href="#sonars"><img src="/images/t3sonar.png"></a>
<a href="#sonars"><img src="/images/cybsonar.png"></a>
<a href="#ecofix"><img src="/images/ecofix.png"></a>
<a href="#acutml"><img src="/images/Enhancements/sera/acutml.png"></a>
<a href="#cybrantml"><img src="/images/cybrantml.png"></a>
<a href="#tml"><img src="/images/cybrantml.png"></a>
</div>

</div>
</div>
</main>
</body>
<footer >
<a href="../index.html">Back to Patchnote List</a>
<p>© 2015-2023 FAForever</p>
<p>© 2015-2024 FAForever</p>
</footer>
</html>
96 changes: 45 additions & 51 deletions balance/3655.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -469,65 +469,59 @@ <h3><img src="/images/cybrancruiser.png">Siren:</h3>

</div>
<div class="sidebar">
<div class="icongrid">

<h2>Contents</h2><br>

Land
<br>
<a href="#lab"><img src="/images/lab.png"></a>
<a href="#Deceiver"><img src="/images/deceiver.png"></a>
<a href="#beetle"><img src="/images/beetle.png"></a>
<a href="#lobo"><img src="/images/lobo.png"></a>
<a href="#scathis"><img src="/images/scathis.png"></a>
<a href="#selen"><img src="/images/selen.png"></a>
<a href="#mobileAA"><img src="/images/serat1maa.png"></a>
<a href="#hover"><img src="/images/uefhover.png"></a>
<a href="#flak"><img src="/images/hoverflak.png"></a>
<a href="#engie"><img src="/images/t2engie.png"></a>
<br><br>

Air
<br>
<a href="#bomber"><img src="/images/t1bomber.png"></a>
<a href="#ahwassa"><img src="/images/awhassa.png"></a>
<br><br>

Navy
<br>
<a href="#frig"><img src="/images/cybranfrigate.png"></a>
<a href="#destro"><img src="/images/cybrandestro.png"></a>
<br><br>

Structures
<br>
<a href="#staticAA"><img src="/images/cybrant1aa.png"></a>
<a href="#tml"><img src="/images/tml.png"></a>
<a href="#arty"><img src="/images/t2arty.png"></a>
<a href="#aeontmd"><img src="/images/aeontmd.png"></a>
<a href="#costchanges"><img src="/images/t2landhq.png"></a>
<br><br>
<div class="iconSidebar">
<h2 class="iconSidebarTitle"><u>Contents</u></h2>

<div class="iconSidebarBlank"></div>

<div class="iconSidebarSubgrid">
<h3 class="iconSidebarSubtitle">Land</h3><br>

<a href="#lab"><img src="/images/lab.png"></a>
<a href="#Deceiver"><img src="/images/deceiver.png"></a>
<a href="#beetle"><img src="/images/beetle.png"></a>
<a href="#lobo"><img src="/images/lobo.png"></a>
<a href="#scathis"><img src="/images/scathis.png"></a>
<a href="#selen"><img src="/images/selen.png"></a>
<a href="#mobileAA"><img src="/images/serat1maa.png"></a>
<a href="#hover"><img src="/images/uefhover.png"></a>
<a href="#flak"><img src="/images/hoverflak.png"></a>
<a href="#engie"><img src="/images/t2engie.png"></a>


ACUs
<br>
<a href="#all"><img src="/images/seracom.png"></a>
<a href="#sensor-aeon"><img src="/images/Enhancements/aeon/sensor.png"></a>
<a href="#Cybranacu"><img src="/images/cybrancom.png"></a>
<br><br>

Mechanics
<br>
<a href="#Siren"><img src="/images/cybrancruiser.png"></a>
<br><br>
<h3 class="iconSidebarSubtitle">Air</h3><br>

<a href="#bomber"><img src="/images/t1bomber.png"></a>
<a href="#ahwassa"><img src="/images/awhassa.png"></a>

<h3 class="iconSidebarSubtitle">Navy</h3><br>

<a href="#frig"><img src="/images/cybranfrigate.png"></a>
<a href="#destro"><img src="/images/cybrandestro.png"></a>

<h3 class="iconSidebarSubtitle">Structures</h3><br>

<a href="#staticAA"><img src="/images/cybrant1aa.png"></a>
<a href="#tml"><img src="/images/tml.png"></a>
<a href="#arty"><img src="/images/t2arty.png"></a>
<a href="#aeontmd"><img src="/images/aeontmd.png"></a>
<a href="#costchanges"><img src="/images/t2landhq.png"></a>

<h3 class="iconSidebarSubtitle">ACUs</h3><br>

<a href="#all"><img src="/images/seracom.png"></a>
<a href="#sensor-aeon"><img src="/images/Enhancements/aeon/sensor.png"></a>
<a href="#Cybranacu"><img src="/images/cybrancom.png"></a>

<h3 class="iconSidebarSubtitle">Mechanics</h3><br>

<a href="#Siren"><img src="/images/cybrancruiser.png"></a>
</div>
</div>
</div>
</main>
</body>
<footer >
<a href="../index.html">Back to Patchnote List</a>
<p>© 2015-2023 FAForever</p>
<p>© 2015-2024 FAForever</p>
</footer>
</html>
66 changes: 32 additions & 34 deletions balance/3662.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -244,50 +244,48 @@ <h2>Bug Fixes</h2>

</div>
<div class="sidebar">
<div class="icongrid">
<div class="iconSidebar">
<h2 class="iconSidebarTitle"><u>Contents</u></h2>

<h2>Contents</h2><br>
<div class="iconSidebarBlank"></div>

<div class="iconSidebarSubgrid">
<h3 class="iconSidebarSubtitle">Land</h3><br>

<a href="#aeont1maa"><img src="/images/aeont1maa.png"></a>

<h3 class="iconSidebarSubtitle">Air</h3><br>

<a href="#janus"><img src="/images/janus.png"></a>
<a href="#t1 bomber"><img src="/images/t1bomber.png"></a>
<a href="#mercy"><img src="/images/mercy.png"></a>

Land
<br>
<a href="#aeont1maa"><img src="/images/aeont1maa.png"></a>
<br><br>

Air
<br>
<a href="#janus"><img src="/images/janus.png"></a>
<a href="#t1 bomber"><img src="/images/t1bomber.png"></a>
<a href="#mercy"><img src="/images/mercy.png"></a>
<br><br>
<h3 class="iconSidebarSubtitle">Sturctures</h3><br>

Structures
<br>
<a href="#aeontmd"><img src="/images/aeontmd.png"></a>
<a href="#t2landhq"><img src="/images/t2landhq.png"></a>
<a href="#airstaging"><img src="/images/cybranairstaging.png"></a>
<br><br>

ACUs
<br>
<a href="#ras"><img src="/images/Enhancements/aeon/aras.png"></a>
<a href="#t2"><img src="/images/Enhancements/aeon/t3.png"></a>
<a href="#nano-uef"><img src="/images/Enhancements/uef/nano.png"></a>
<a href="#nano-sera"><img src="/images/Enhancements/sera/nano.png"></a>
<a href="#p-shield"><img src="/images/Enhancements/aeon/shield.png"></a>
<a href="#h-shield"><img src="/images/Enhancements/aeon/heavyshield.png"></a>
<br><br>

Bug Fixes
<br>
<a href="#bugs"><img src="/images/orders/mechanic.png"></a>
<a href="#aeontmd"><img src="/images/aeontmd.png"></a>
<a href="#t2landhq"><img src="/images/t2landhq.png"></a>
<a href="#airstaging"><img src="/images/cybranairstaging.png"></a>

<h3 class="iconSidebarSubtitle">ACUs</h3><br>

<a href="#ras"><img src="/images/Enhancements/aeon/aras.png"></a>
<a href="#t2"><img src="/images/Enhancements/aeon/t3.png"></a>
<a href="#nano-uef"><img src="/images/Enhancements/uef/nano.png"></a>
<a href="#nano-sera"><img src="/images/Enhancements/sera/nano.png"></a>
<a href="#p-shield"><img src="/images/Enhancements/aeon/shield.png"></a>
<a href="#h-shield"><img src="/images/Enhancements/aeon/heavyshield.png"></a>

<h3 class="iconSidebarSubtitle">Bug Fixes</h3><br>

<a href="#bugs"><img src="/images/orders/mechanic.png"></a>
</div>
</div>
</div>
</main>
</body>
<footer >
<a href="../index.html">Back to Patchnote List</a>
<p>© 2015-2023 FAForever</p>
<p>© 2015-2024 FAForever</p>
</footer>
</html>

37 changes: 20 additions & 17 deletions balance/3674.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,31 +185,34 @@ <h3><img src="/images/wall.png"> Walls:</h3>

</div>
<div class="sidebar">
<div class="icongrid">
<div class="iconSidebar">

<h2>Contents</h2><br>
<h2 class="iconSidebarTitle">Contents</h2><br>

<div class="iconSidebarBlank"></div>

<div class="iconSidebarSubgrid">

<h3 class="iconSidebarSubtitle">Land</h3><br>

Land<br>
<a href="#stun"><img src="/images/loya.png"></a>
<a href="#ythotha"><img src="/images/ythotha.png"></a>
<br><br>

Air
<br>
<a href="#janus"><img src="/images/janus.png"></a>
<br><br>

Structures
<br>
<a href="#fachp"><img src="/images/serafacto.png"></a>
<a href="#StructureChanges"><img src="/images/t3mexx.png"></a>
<a href="#stun"><img src="/images/loya.png"></a>
<a href="#ythotha"><img src="/images/ythotha.png"></a>

<h3 class="iconSidebarSubtitle">Air</h3><br>

<a href="#janus"><img src="/images/janus.png"></a>

<h3 class="iconSidebarSubtitle">Structures</h3><br>

<a href="#fachp"><img src="/images/serafacto.png"></a>
<a href="#StructureChanges"><img src="/images/t3mexx.png"></a>
</div>
</div>
</div>
</main>
</body>
<footer >
<a href="../index.html">Back to Patchnote List</a>
<p>© 2015-2023 FAForever</p>
<p>© 2015-2024 FAForever</p>
</footer>
</html>
Loading

0 comments on commit d7d0d61

Please sign in to comment.