Game
+
To see Game Patches before 2020 Click here.
diff --git a/oldGamepatches.html b/oldGamepatches.html
new file mode 100644
index 0000000..923ec5d
--- /dev/null
+++ b/oldGamepatches.html
@@ -0,0 +1,39 @@
+
+
+
+
FAForever Patchnotes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
FAForever Patchnotes
+
All Old Game Patches After 2020.
+
+
Game
+
To go back to the more recent changes Click here.
+
+
+
+
+
Report Any Issues
+
If you see any issues report please submit a report here.
+
+
+
\ No newline at end of file
diff --git a/scripts/populateOldGamePatches.js b/scripts/populateOldGamePatches.js
new file mode 100644
index 0000000..a394a1a
--- /dev/null
+++ b/scripts/populateOldGamePatches.js
@@ -0,0 +1,34 @@
+async function populate() {
+ const requestURL = 'https://raw.githubusercontent.com/FAForever/patchnotes/master/data/oldgamepatches.json';
+ const request = new Request(requestURL);
+
+ const response = await fetch(request);
+ const patches = await response.json();
+
+ GamePatches(patches);
+}
+
+function GamePatches(obj) {
+ const container = document.querySelector(".gameList");
+ const list = document.createElement("ul");
+
+ const patches = obj.game;
+
+ for (const patch in patches) {
+ const listitem = document.createElement("li");
+ const link = document.createElement("a");
+ const date = document.createElement("span");
+
+ link.textContent = patches[patch].patch;
+ link.href = patches[patch].link;
+
+ date.textContent = patches[patch].date;
+
+ listitem.appendChild(link);
+ listitem.appendChild(date);
+ list.appendChild(listitem);
+ }
+ container.appendChild(list);
+}
+
+populate();
\ No newline at end of file
diff --git a/style/oldgame.css b/style/oldgame.css
new file mode 100644
index 0000000..730e802
--- /dev/null
+++ b/style/oldgame.css
@@ -0,0 +1,135 @@
+@import 'root.css';
+
+/* Tags*/
+
+html {
+ background-size: cover;
+ background-repeat: no-repeat;
+ min-height: 100%;
+}
+
+body {
+ background: none;
+}
+
+h1,h2,h3,h4 {
+ font-family: 'Ubuntu', sans-serif;
+ font-style: normal;
+ font-weight: normal;
+ text-align: center;
+}
+
+li { list-style-type: none; }
+
+ul { columns: 4;}
+
+/* Classes*/
+
+.grid {
+ display: grid;
+ padding: 10px;
+ grid-template-columns: .25fr 2.5fr 2.5fr .25fr;
+ grid-gap: 20px;
+ margin: 10px;
+}
+
+.gridBG {
+ background: var(--Primary-Grid-BG);
+ border-radius: 15px;
+ backdrop-filter: blur(10px);
+}
+
+.blank {
+ padding: 10px;
+ text-align: center;
+ grid-row: 1;
+ grid-column: 2 / span 2;
+}
+
+.title {
+ padding: 10px;
+ text-align: center;
+ grid-row: 2;
+ grid-column: 2 / span 2;
+}
+
+.title h1 {
+ font-size: 40px;
+}
+.title p {
+ font-size: 16px;
+ color: var(--Primary-Text);
+}
+
+.game {
+ padding: 10px;
+ grid-column: 2 / span 2;
+ grid-row: 3;
+}
+.gamelist {
+ grid-row: 3;
+}
+
+.support {
+ padding: 10px;
+ grid-column: 2 / span 2;
+ grid-row: 4;
+ text-align: center;
+}
+
+.header {
+ background: var(--Primary-BG);
+ padding: 20px;
+ text-align: center;
+ font-size: 30px;
+}
+
+
+@media screen and (max-width: 1700px) {
+ ul {
+ columns: 2;
+ }
+}
+
+@media screen and (max-width: 1200px) {
+ ul {
+ columns: 1;
+ }
+}
+
+@media screen and (max-width: 650px ) {
+ ul {
+ columns: 2;
+ }
+ .grid {
+ grid-template-columns: 1fr;
+ grid-template-rows: auto;
+ }
+ .title {
+ grid-row: 1;
+ }
+ .balance {
+ grid-row: 2;
+ grid-column: 2 /span 2;
+ }
+ .game {
+ grid-row: 4;
+ grid-column: 2 /span 2;
+ }
+ .balanceChanges {
+ grid-row: 3;
+ grid-column: 2 /span 2;
+ }
+}
+
+@media screen and (max-width: 500px ) {
+ ul {
+ columns: 1;
+ }
+
+ .title h1 {
+ font-size: 40px;
+ line-height: normal;
+ }
+
+}
\ No newline at end of file