From 8550a90d6f20a0caa2f163fca61cd198b7c4a671 Mon Sep 17 00:00:00 2001
From: lkarch <lkarch@protonmail.com>
Date: Thu, 22 May 2025 20:06:07 -0400
Subject: [PATCH] Added different splashes and the news notice

---
 .gitignore                   |  1 +
 assets/javascript/index.js   | 40 +++++++++++++++++++++++++++++++++---
 assets/stylesheets/index.css | 12 +++++++----
 index.html                   | 17 +++++++--------
 4 files changed, 55 insertions(+), 15 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a91c939
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/assets/json/
diff --git a/assets/javascript/index.js b/assets/javascript/index.js
index 3be2db3..6c4c8f1 100644
--- a/assets/javascript/index.js
+++ b/assets/javascript/index.js
@@ -5,10 +5,11 @@ const nnRuler = "cool_tellow";
 const nnCoRuler = "ColoradoCrusade";
 const electionDate = "2025-6-30";
 
-const splashes = ["Totally not rigged!!!"];
+const splashes = ["Totally not rigged!!!", "New Lameful", "What's Uptown?", nnRuler + " approves!", "♫I've been workin' on the railroad♫", "Also visit CalvinTown", "Also visit IkeaLand", "Also visit Matsunoki", "Also visit MillField", "Also visit Jurcgrad", "Also visit Spawn 2025", "Brought to you by the NNNNNNNNNN", "<b><i>Dig the Cube</i></b>"];
 
 const memberList = ["Omtegu", "pupik923", "cool_tellow", "JoeTheDauntless", "black_frieza", "Jinx64_", "eldiego", "Gero06", "Spencer1019", "mrcreeperg4", "TiredToonz", "idan1503", "Wormzy333", "ColoradoCrusade", "spenten", "Geogaddiiii", "Austcd30", "MyNameIsRasheed", "MrSteam84", "TwoGoodFiveme", "ara2009", "Ransterr", "ItzFriez6312", "ArzoAblaze", "jssjsjjssj", "toiletteeth", "B8arn", "FredDerp", "Georgequank", "hunterg2i", "KarmaIsDepressed", "Mini", "ChilliChillt", "ServerLite", "proper_cat", "Master__Kief", "ItzBiblcle", "MrAss_asd", "Burningskull562", "se2p", "mindlord", "ItIsYeFish", "pivozavr2004", "latcyy", "LuckKir", "oggghrkwneh", "MiHoub", "David", "lkarch", "MegaByteX", "ScaryCowCow4", "Glanthrial", "Deskfan45", "nielubiecie321", "BoomFox_Official", "DrDews", "DrNubXP", "hagluciak19", "SavageUser", "Fireballiceball", "JakeRedstone", "kaiookk1", "My_ChairSlipped", "j63k", "jurckurc", "workingontrying", "KevinDurantgoat", "Creeperpaste", "Islando_Commando", "Migzotic", "Teasoup", "F8fnir", "JorgenMister", "isnikoda", "TrustedHawk1855", "Revivey", "BleonIlazi", "AgentTammy", "Losangelesquest", "jeorm", "CrafterSteve98", "ilikemacandcheez", "NotRawZach", "herrydicc", "Hendway", "Pugino", "TeeDoesStuff", "TomAndBon", "SJET_Inc", "Urogalo", "arrochista", "JakePaulcraft", "WetBed43", "grammarissue", "pappoy76", "BurgerMan_27", "ilhanerdem2015", "BashurverseMC", "Batteryacids", "freddyw", "Acid0verl0ad", "CerealBoiz", "Q_QIndustries", "minerkat2011", "Capital3", "Assult_penguin", "NexSol", "DrWild", "nnnnn", "Jerry_juju", "hanxing", "Juasonxd", "Mikey_herobrine", "FluffyFoxFae", "Karmatical0", "ItsMxt", "Yen45", "Olat", "FredMCGamer", "capitanatomico", "DanielRobert15", "Hefeng_Song", "Leozero_", "MyGmail", "SkyNotBlue", "eldiegoat", "huntermkk", "ItsVollx", "sonictank1", "Miyazaki", "Beanzo0", "VolxyzMC", "tvoreal", "sushi_king86", "KAMILE33", "pascal_machet", "barton1357TF2", "Yungyoungin1", "kleeorg", "SnailRibs", "yourstruly71", "Csorroflegma", "ahhhhhhhh1587", "Lofeee", "mmakart", "adebuilder", "Jetteriter", "mud4dum", "Jesper2011", "GREENAPPLE", "guinea_pig_doody", "CreeperX200", "AudemusJura", "cutekttn", "bartur4", "Feruxia", "Kurzov", "MONKEYMAN346776", "breadcool", "Zaku1626", "keyboardan", "tetunnel", "ItTommy22Toad", "FulgencioBatista", "inoxisane", "q0iat", "Levinder", "aidenjamesmcl"];
 
+
 function getCookie(cookieName) {
   let name = cookieName + "=";
   let decodedCookie = decodeURIComponent(document.cookie);
@@ -39,7 +40,7 @@ function switchSection(sectionName, button) {
   }
 
   let navButton = document.getElementsByClassName("navButton");
-  for (i = 0; i < navButton.length; i++) {
+  for (let i = 0; i < navButton.length; i++) {
     navButton[i].style.backgroundColor = "black";
     navButton[i].style.color = "white";
   }
@@ -76,7 +77,7 @@ function randomizeSplash() {
   let randomSplash = splashes[Math.floor(Math.random() * splashes.length)];
   console.log("Splash randomized to \"" + randomSplash +"\"");
 
-  document.getElementById("splash").innerText = randomSplash;
+  document.getElementById("splash").innerHTML = randomSplash;
 }
 
 function loadMemberList() {
@@ -89,6 +90,38 @@ function loadMemberList() {
   }
 }
 
+function loadNews() {
+  fetch("/assets/json/newsnotice/newsnotice.json")
+  .then(response => response.json())
+  .then(json => {
+    json.messages.reverse();
+    for (let message = 0; message < json.messages.length; message++) {
+      if (json.messages[message].attachments.length > 0) {
+        let newsPost = document.createElement("div");
+        let newsTitle = document.createElement("p");
+        let newsDate = new Date(json.messages[message].timestamp)
+        let newsLine = document.createElement("hr");
+
+        newsPost.className = "card";
+        newsPost.id = "post" + message;
+        newsTitle.innerText = json.messages[message].author.name + " | " + newsDate.toLocaleDateString();
+
+        document.getElementById("news").appendChild(newsPost);
+        document.getElementById("post" + message).append(newsTitle,newsLine);
+
+        for (let attachment = 0; attachment < json.messages[message].attachments.length; attachment++) {
+          let newsAttachment = document.createElement("img");
+
+          newsAttachment.className = "newsImage";
+          newsAttachment.src = "/assets/json/newsnotice/" + json.messages[message].attachments[attachment].url;
+
+          document.getElementById("post" + message).append(newsAttachment);
+        }
+      }
+    }
+  });
+}
+
 function onPageLoad() {
   if (url.searchParams.has("section")) {
     console.log("URL parameter found, forcing section to \"" + url.searchParams.get("section") + "\"");
@@ -104,4 +137,5 @@ function onPageLoad() {
   loadRulersAndElectionCountdown();
   randomizeSplash();
   loadMemberList();
+  loadNews();
 }
diff --git a/assets/stylesheets/index.css b/assets/stylesheets/index.css
index c6547e5..a6c8681 100644
--- a/assets/stylesheets/index.css
+++ b/assets/stylesheets/index.css
@@ -41,7 +41,7 @@ body {
   padding: 15px;
   margin-bottom: 20px;
   box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
-  width: 370px;
+  width: 90%;
 }
 
 .card p {
@@ -59,9 +59,9 @@ body {
     text-shadow: 3px 3px #3F3F00;
     padding-top: 40px;
     position: relative;
-    left: 180px;
-    bottom: 45px;
-    width: fit-content;
+    text-align: center;
+    left: 140px;
+    bottom: 20px;
 }
 
 .tilt {
@@ -108,3 +108,7 @@ body {
 #footer a {
   color: white;
 }
+
+.newsImage {
+  width: 50%;
+}
diff --git a/index.html b/index.html
index 3bf2bcc..092529c 100755
--- a/index.html
+++ b/index.html
@@ -24,13 +24,15 @@
       <p>Info</p>
     </div>
     <div class="section" id="election">
-      <div class="card" style="height: 322px;">
-        <p>Ruler<hr></p>
+      <div class="card" style="height: 322px;width: 370px;">
+        <p>Ruler</p>
+        <hr>
         <p id="ruler">Steve</p>
         <img id="rulerImage" src="https://minotar.net/body/MHF_Steve/100.png" alt="Player Render">
       </div>
-      <div class="card" style="height: 322px;">
-        <p>Co-Ruler<hr></p>
+      <div class="card" style="height: 322px;width: 370px;">
+        <p>Co-Ruler</p>
+        <hr>
         <p id="coRuler">Steve</p>
         <img id="coRulerImage" src="https://minotar.net/body/MHF_Steve/100.png" alt="Player Render">
         <div class="tilt">
@@ -44,10 +46,9 @@
       <p>Constitution</p>
     </div>
     <div class="section" id="members">
-      <div id="cardContainer">
-        <div class="card" id="memberList">
-          <p id="memberCount">Member List: 0<hr></p>
-        </div>
+      <div class="card" id="memberList" style="width: 370px;">
+        <p id="memberCount">Member List: 0</p>
+        <hr>
       </div>
     </div>
     <div class="section" id="news">