diff --git a/global/api/comment_system.php b/global/api/comment_system.php
index 393c1147..2c15fc02 100644
--- a/global/api/comment_system.php
+++ b/global/api/comment_system.php
@@ -111,6 +111,7 @@ public function build(): CommentQuery {
         Comments.PostText, 
         Comments.UserID, 
         Comments.PostDate, 
+        Comments.Pinned,
         Comments.ParentCommenter, 
         Coalesce(Comments.ParentComment, 0) AS Parent, 
         Comments.Username, Comments.AvatarURL, 
diff --git a/global/js/colourpicker.js b/global/js/colourpicker.js
index 073a9726..076ab739 100755
--- a/global/js/colourpicker.js
+++ b/global/js/colourpicker.js
@@ -36,18 +36,12 @@ function newColourBar(id, changeCallback, col1 = null, col2 = null) {
     function updateUI(changeInputs = false) {
         var gradient_1_col_hex = rgbToHex(gradient_1_col[0], gradient_1_col[1], gradient_1_col[2]);
         var gradient_2_col_hex = rgbToHex(gradient_2_col[0], gradient_2_col[1], gradient_2_col[2]);
-        console.log(gradient_1_col_hex);
-        console.log(gradient_2_col_hex);
         bar_left.style.background = gradient_1_col_hex;
         bar_right.style.background = gradient_2_col_hex;
         if(changeInputs)
         {
             bar_left_input.value = gradient_1_col_hex;
             bar_right_input.value = gradient_2_col_hex;
-            //picker1.enter();
-            //picker1.exit();
-            //picker2.enter();
-            //picker2.exit();
         }
         bar_bar.style.background = "linear-gradient(to right, " + gradient_1_col_hex + ", " + gradient_2_col_hex + ")";
     }
@@ -134,7 +128,6 @@ function newColourPicker(id, changeCallback, col1 = null) {
 
     function updateUI(changeInputs = false) {
         var col_hex = rgbToHex(col[0], col[1], col[2]);
-        console.log(col_hex);
         element.style.background = col_hex;
         if(changeInputs)
         {
@@ -167,7 +160,6 @@ function newColourPicker(id, changeCallback, col1 = null) {
             return;
         }
         col = [r, g, b];
-        console.log("CP updating with colour " + col);
         this.source.value = rgbToHex(r, g, b);
         updateUI();
         dirty = true;
@@ -180,7 +172,6 @@ function newColourPicker(id, changeCallback, col1 = null) {
     input.addEventListener("change", function () {
         var hex = this.value;
         var rgb = hexToRgb(hex);
-        console.log("CP input changing with colour " + rgb);
         if (rgb) {
             col = [rgb.r, rgb.g, rgb.b];
             picker1.exit();
@@ -194,7 +185,6 @@ function newColourPicker(id, changeCallback, col1 = null) {
 
 
     if (col1 != null) {
-        console.log("loading CP with default of " + col1);
         col = col1;
         input.value = rgbToHex(col[0], col[1], col[2]);
         updateUI();
diff --git a/global/js/comment_system.js b/global/js/comment_system.js
index 14439f25..de39e4c6 100644
--- a/global/js/comment_system.js
+++ b/global/js/comment_system.js
@@ -9,7 +9,8 @@ var COMMENTS_col_hash = [];
 var COMMENTS_boxes = [];
 var COMMENTS_mode = 1;
 var COMMENTS_type = 1;
-
+var OPARENT = null;
+var MEDALID = null;
 window.addEventListener('click', function (e) {
     if (!document.getElementById('filter__button').contains(e.target)) document.getElementById("filter__list").classList.add("osekai__dropdown-hidden");
 });
@@ -22,6 +23,17 @@ window.addEventListener('DOMContentLoaded', (event) => {
     <i class="fas fa-chevron-down" aria-hidden="true"></i>
 </div>`;
     }
+
+    document.getElementById("filter__votes").addEventListener("click", function() {
+        COMMENTS_mode = 1;
+        Comments_Sort(OPARENT, MEDALID);
+        Comments_Out(OPARENT, MEDALID);
+    })
+    document.getElementById("filter__date").addEventListener("click", function() {
+        COMMENTS_mode = 2;
+        Comments_Sort(OPARENT, MEDALID);
+        Comments_Out(OPARENT, MEDALID);
+    })
 });
 
 async function Comments_Require(MedalID, oParent, bReload = false, VersionId = -1, ProfileId = -1) {
@@ -43,9 +55,7 @@ async function Comments_Require(MedalID, oParent, bReload = false, VersionId = -
     COMMENTS_boxes[MedalID] = [];
     oParent.innerHTML = loader;
 
-    console.log("[Locale] loading comments locale");
     await loadSource("comments");
-    console.log("[Locale] loaded comments locale");
 
     var xhr = createXHR(API_URL_COMMENTS);
     if (VersionId !== -1) {
@@ -53,7 +63,6 @@ async function Comments_Require(MedalID, oParent, bReload = false, VersionId = -
     } else if (ProfileId !== -1) {
         xhr.send(REQUIRED_KEY_COMMENTS + "&nProfileId=" + ProfileId);
     } else {
-        console.log(MedalID);
         xhr.send(REQUIRED_KEY_COMMENTS + "&strMedalID=" + MedalID);
     }
     xhr.onreadystatechange = function () {
@@ -62,10 +71,11 @@ async function Comments_Require(MedalID, oParent, bReload = false, VersionId = -
             oParent.innerHTML = "";
             return;
         }
-        console.log(oResponse);
         Object.keys(oResponse).forEach(function (obj) {
             if (oResponse[obj] !== null && oResponse[obj].MedalID == MedalID) COMMENTS_col_medals[MedalID].push(oResponse[obj]);
         });
+        MEDALID = MedalID;
+        OPARENT = oParent;
         Comments_Sort(oParent, MedalID);
         tippy("[data-tippy-content-comment-date]", {
             content: function (reference) {
@@ -113,7 +123,6 @@ function Comments_Sort(oParent, MedalID, VersionId = -1, ProfileID = -1) {
     if (ProfileID !== -1) MedalID = ProfileID;
     if (VersionId !== -1) MedalID = VersionId;
     if (COMMENTS_col_medals[MedalID] == undefined) return;
-    console.log(MedalID);
     COMMENTS_boxes[MedalID] = [];
     COMMENTS_col_hash = [];
 
@@ -129,7 +138,6 @@ function Comments_Sort(oParent, MedalID, VersionId = -1, ProfileID = -1) {
 }
 
 function generateComment(commentdata) {
-    console.log(commentdata);
     var comment = Object.assign(document.createElement("div"), { className: "comments__comment" });
     if (commentdata.Pinned) {
         comment.classList.add("comments__comment-pinned");
@@ -146,7 +154,6 @@ function generateComment(commentdata) {
             comment_left_votes.classList.add("comments__comment-votes-voted");
         }
         comment_left_votes.addEventListener("click", function () {
-            console.log("clicked :D");
             voteComment(commentdata.ID, comment_left_votes);
         })
     }
@@ -257,7 +264,6 @@ function generateComment(commentdata) {
         }
     }
     comment_right_infobar_right.appendChild(createInfobarButton("fas fa-ellipsis-h", "small", function () {
-        console.log("opening dropdown");
         eldropdown.classList.remove("osekai__dropdown-hidden");
     }));
     comment_right_infobar_right.appendChild(eldropdown);
@@ -401,7 +407,6 @@ function openReply(strCommentId, element) {
 function replySend() {
     Comments_CloseEmojiPopup();
     let oReplyBox = document.getElementById("oReplyBox");
-    console.log(oReplyBox.previousSibling.outerHTML);
     newReply(document.getElementById("reply__input").value, oReplyBox.previousSibling.getAttribute("CommentID"), oReplyBox.previousSibling.getAttribute("CommentCreator"));
     document.getElementById("reply__input").value = "";
 }
@@ -479,6 +484,7 @@ function RequireComments() {
 }
 
 function Comments_Out(oParent, MedalID) {
+    oParent.innerHTML = "";
     COMMENTS_boxes[MedalID].forEach((oBox) => {
         oParent.appendChild(oBox);
     });
diff --git a/global/js/graphics/particles.js b/global/js/graphics/particles.js
index 8f652d7e..d615c192 100644
--- a/global/js/graphics/particles.js
+++ b/global/js/graphics/particles.js
@@ -7,15 +7,12 @@ particle=
 
 	create : function(x,y,speed,angle)
 	{
-		console.log(x,y,speed,angle)
 		var obj=Object.create(this);
 		obj.velocity=vector.create(0,0);
 		
 		obj.velocity.setLength(speed);
 		obj.velocity.setAngle(angle);
 		obj.position=vector.create(x,y);
-		console.log("object")
-		console.log(obj);
 		return obj;
 	},
 
diff --git a/global/js/main.js b/global/js/main.js
index 4c3ed4d8..54ab31d8 100755
--- a/global/js/main.js
+++ b/global/js/main.js
@@ -160,7 +160,6 @@ theme = themes["colourful"];
 loadThemes();
 
 function setTheme(stheme) {
-    console.log("setting theme to " + stheme);
     if (typeof stheme == "string") {
         for (var i in themes) {
             if (themes[i].internal == stheme) {
@@ -184,8 +183,6 @@ var customTheme = {
 if (window.localStorage.getItem('accent_dark') != null) {
     customTheme.accent_dark = window.localStorage.getItem('accent_dark').split(",");
     customTheme.accent = window.localStorage.getItem('accent').split(",");
-    console.log(window.localStorage.getItem('accent_dark'));
-    console.log(customTheme.accent_dark);
 }
 
 var accentDark_picker = document.getElementById("custom_colpicker_accent-dark");
@@ -201,7 +198,6 @@ function generateCustomThemeVars(accent, accentDark, valueOffsetOffset = 0, valu
     var accent_split = String(accent).split(",");
     var accentDark_hsl = colours.RGBToHSL(accentDark_split[0], accentDark_split[1], accentDark_split[2]);
     var accent_hsl = colours.RGBToHSL(accent_split[0], accent_split[1], accent_split[2]);
-    console.log("$(*(*" + accentDark);
     return `--accentdark: ${accentDark} !important;
             --accent: ${accent} !important;
             
@@ -358,8 +354,6 @@ window.openDialog = function (title, header, message, buttons = [], content = nu
 
     modal_overlay.appendChild(modal_overlay_panel);
 
-    console.log("appending...?");
-
     document.body.appendChild(modal_overlay);
     setTimeout(function () {
         // need this so it plays the animation... UGHHHH
@@ -457,7 +451,6 @@ if (christmas) {
 
 function defaultSettings() {
     if (window.localStorage.getItem('theme') == null) {
-        console.log("defaulting theme");
         setTheme("colourful");
         window.localStorage.setItem('theme', "colourful");
     }
@@ -532,7 +525,6 @@ window.addEventListener('click', function (e) {
             colItems.classList.add("osekai__dropdown-hidden");
         });
     }
-    console.log(e.target.classList);
     if (e.target.closest(".osekai__group-dropdown-arrow") == null) {
         document.querySelectorAll(".osekai__group-dropdown").forEach((colItems) => {
             colItems.classList.add("osekai__group-dropdown-hidden");
@@ -649,7 +641,6 @@ var alertTypes = {
 }
 
 function closeAlert(alert, el) {
-    console.log("deleting " + alert['Id']);
     el.remove();
     positionNav();
 
@@ -677,7 +668,6 @@ function getAlerts() {
     let xhr = createXHR("/api/alerts.php?app=" + nAppId);
     xhr.send();
     xhr.onload = function () {
-        console.log(xhr.responseText);
         var oResponse = JSON.parse(xhr.responseText);
         for (var x = 0; x < oResponse.length; x++) {
             let alert = oResponse[x];
@@ -758,7 +748,6 @@ document.addEventListener("DOMContentLoaded", function () {
                 if (tab.getAttribute("otab-name") == tabName) {
                     tab.classList.remove("osekai__otab-hidden");
                     if (tab.getAttribute("otab-callback")) {
-                        console.log(tab.getAttribute("otab-callback"));
                         window[tab.getAttribute("otab-callback")]();
                     }
                 } else {
@@ -777,14 +766,16 @@ document.addEventListener("DOMContentLoaded", function () {
             last_tab = tabName;
         }
 
-        for (let oTab of oTabs) {
-            if (oTab.getAttribute("otab-default") == "") {
-                switchTab(oTab.getAttribute("otab-name"));
+        if (getParam(oTabContainer.getAttribute("otab-container")) == null) {
+            for (let oTab of oTabs) {
+                if (oTab.getAttribute("otab-default") == "") {
+                    switchTab(oTab.getAttribute("otab-name"));
+                }
             }
         }
 
         for (let oTabButton of oTabButtons) {
-            if(oTabContainer.getAttribute("otab-no-replace") == null) {
+            if (oTabContainer.getAttribute("otab-no-replace") == null) {
                 oTabButton.innerHTML = oTabButton.getAttribute("otab-button");
             }
             oTabButton.addEventListener("click", function () {
@@ -824,13 +815,11 @@ var groupUtils = {
         return array.sort((a, b) => a.Order - b.Order)
     },
     badgeHtmlFromArray: function (array, size = "small", limit = "none") {
-        console.log(array);
         var orderedList = [];
         for (var x = 0; x < array.length; x++) {
             orderedList.push(this.getGroupFromId(array[x]));
         }
         orderedList = this.orderBadgeArray(orderedList);
-        console.log(orderedList);
         var finalHtml = "";
         let hiddenGroups = []
         let createExtraDropdown = false;
@@ -938,10 +927,6 @@ if (gl) {
     renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
 }
 
-console.log(debugInfo);
-console.log(vendor);
-console.log(renderer);
-
 // !chrome
 // no acccel:
 //  vendor: Google Inc. (Google)
diff --git a/global/js/navbar.js b/global/js/navbar.js
index 3b6ad024..4e85b79c 100755
--- a/global/js/navbar.js
+++ b/global/js/navbar.js
@@ -270,7 +270,6 @@ function CreateNotifications(Notifications, UI) {
 }
 
 function CreateNotificationItem(List, Notification) {
-    console.log("Getting Notifications");
     let Outer = document.createElement("div");
     Outer.classList.add("osekai__nav-dropdown-v2-notification");
 
diff --git a/global/js/search.js b/global/js/search.js
index 8b6966d5..927a6cef 100755
--- a/global/js/search.js
+++ b/global/js/search.js
@@ -115,6 +115,7 @@ function search_initOverlay() {
                 _appel.classList.remove("active");
             }
             el.classList.add("active")
+            search_startSearch();
         })
     }
     search_inner = Object.assign(document.createElement("div"), { "className": "osekai__navbar-search-overlay-inner" });
@@ -133,7 +134,6 @@ function search_startSearch() {
     // timeout here, since apparently search_input.value does not have the brain power to update fast enough for us
     setTimeout(function () {
         if (search_input.value != "") {
-            console.log("searching with value " + search_input.value)
             if (loaderopened == false) {
                 loaderopened = true;
                 search_inner.innerHTML = loader;
@@ -151,7 +151,6 @@ function search_startSearch() {
 }
 
 function search_doSearch() {
-    console.log("attempting search!");
     loaderopened = false;
     var search_query = search_input.value;
     var data = new FormData();
@@ -162,7 +161,6 @@ function search_doSearch() {
     xhr.open("POST", "/global/api/search.php", true);
     xhr.onload = function () {
         var response = JSON.parse(xhr.response);
-        console.log(response);
         search_inner.innerHTML = "";
         search_inner.appendChild(search_searchResult(response));
     }
diff --git a/global/lang/en_GB/rankings.json b/global/lang/en_GB/rankings.json
index ced8b6ab..98e57c60 100755
--- a/global/lang/en_GB/rankings.json
+++ b/global/lang/en_GB/rankings.json
@@ -57,6 +57,7 @@
     "bar.mappers.loved.lovedMaps": "loved maps",
     "bar.mappers.subscribers.subscribers": "subscribers",
     "bar.badges.badges.badges": "badges",
+    "bar.mappers.kudosu.kudosu": "kudosu",
     "pagination.previous": "prev",
     "pagination.next": "next",
     "search.username": "Username",
@@ -73,5 +74,6 @@
     "tasks.task.updating": "Running Update",
     "tasks.type.default": "Default",
     "tasks.type.full": "Full",
+    "tasks.type.medals": "Medal Recheck",
     "tasks.task.usersProcessed": "$1 users processed"
 }
\ No newline at end of file
diff --git a/global/php/osekaiLocalization.php b/global/php/osekaiLocalization.php
index 44d2ce9d..9eccae27 100755
--- a/global/php/osekaiLocalization.php
+++ b/global/php/osekaiLocalization.php
@@ -253,7 +253,7 @@
         "name" => "čeština",
         "code" => "cs_CZ",
         "short" => "cs",
-        "flag" => "https://assets.ppy.sh/old-flags/CS.png"
+        "flag" => "https://assets.ppy.sh/old-flags/CZ.png"
     ]
 
 ];
diff --git a/home/css/main.css b/home/css/main.css
index f2a4b0fc..ea9cc838 100755
--- a/home/css/main.css
+++ b/home/css/main.css
@@ -60,9 +60,8 @@
     .home__loader-wait .home__cover-background {
         opacity: 0;
     }
-
     .home__cover-background {
-        transition: all 1s ease;
+        transition: opacity 1s ease;
     }
 }
 
@@ -123,6 +122,15 @@
     flex: 1;
     position: relative;
 }
+.waves {
+    position: absolute;
+    top: 10vh;
+    left: 0;
+    bottom: 5vh;
+    z-index: 2;
+    height: 80vh;
+    mix-blend-mode: overlay;
+}
 
 .home__cover-middle {
     margin: auto;
@@ -272,7 +280,7 @@
     border: 1px solid rgb(var(--paccent-bright));
     box-sizing: border-box;
     height: 21vw;
-    flex: 1;
+    
 }
 
 .home__new-badge {
@@ -877,4 +885,60 @@ code {
         height: 100% !important;
         max-height: 100vh !important;
     }
-}
\ No newline at end of file
+}
+
+@keyframes move-forever {
+    0% {
+        transform: translate3d(-90px, 0, 0);
+    }
+
+    100% {
+        transform: translate3d(85px, 0, 0);
+    }
+}
+.parallax>use {
+    background-blend-mode: overlay;
+    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
+}
+
+.parallax>use:nth-child(1) {
+    animation-delay: -10s;
+    animation-duration: 29s;
+}
+
+.parallax>use:nth-child(2) {
+    animation-delay: -4s;
+    animation-duration: 40s;
+}
+
+.parallax>use:nth-child(3) {
+    animation-delay: -20s;
+    animation-duration: 33s;
+}
+
+.parallax>use:nth-child(4) {
+    animation-delay: -5s;
+    animation-duration: 40s;
+}
+
+.parallax>use:nth-child(5) {
+    animation-delay: -4s;
+    animation-duration: 29s;
+}
+
+.parallax>use:nth-child(6) {
+    animation-delay: -7s;
+    animation-duration: 35s;
+}
+
+.parallax>use:nth-child(7) {
+    animation-delay: -1s;
+    animation-duration: 33s;
+}
+
+.parallax>use:nth-child(8) {
+    animation-delay: -9s;
+    animation-duration: 40s;
+}
+
+
diff --git a/home/img/new-bg.jpg b/home/img/new-bg.jpg
new file mode 100644
index 00000000..8c036ceb
Binary files /dev/null and b/home/img/new-bg.jpg differ
diff --git a/home/index.php b/home/index.php
index e70d1bef..04cb44e8 100755
--- a/home/index.php
+++ b/home/index.php
@@ -36,14 +36,28 @@
     <!-- it refuses to position!!!! -->
     <?php navbar(); ?>
 
+
+    <svg class="waves" xmlns="http://www.w3.org/2000/svg" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink"
+            viewBox="0 24 150 28">
+            <defs>
+
+                <path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
+            </defs>
+            <g class="parallax">
+                <use xlink:href="#gentle-wave" x="48" y="0" fill="none" stroke-width="0.1px" stroke="#fff2" />
+                <use xlink:href="#gentle-wave" x="48" y="3" fill="none" stroke-width="0.1px" stroke="#fff2" />
+                <use xlink:href="#gentle-wave" x="48" y="5" fill="none" stroke-width="0.1px" stroke="#fff2" />
+                <use xlink:href="#gentle-wave" x="48" y="7" fill="none" stroke-width="0.1px" stroke="#fff2" />
+                <use xlink:href="#gentle-wave" x="48" y="0" fill="none" stroke-width="0.1px" stroke="#fff2" />
+            </g>
+        </svg>
     <div class="osekai__panel-container nopadding home__loader-wait" id="home">
         <!-- <div class="home__warning-bar">
             This is an experimental new style for the Osekai Homepage. What you're seeing is <del>very early in development.</del> almost done!
         </div> -->
-
         <div class="home__cover" onload="positionNav();">
             <div class="home__cover-background">
-                <canvas id="gradient-canvas" data-transition-in></canvas>
+                <img src="/home/img/new-bg.jpg">
             </div>
             <div class="home__cover-middle">
                 <div class="home__cover-middle-logo">
@@ -71,15 +85,15 @@
         </div>
 
         <div class="home__panel-container">
-        <a class="home__oac" href="/coe">
-            <img class="glow" src="/home/img/coe.png">
-            <img class="backdrop" src="/home/img/coe.png">
-            <img src="/home/img/coe.svg">
-            <div>
-                <h1>We're coming to COE!</h1>
-                <p>Click here to learn more.</p>
-            </div>
-</a>
+            <a class="home__oac" href="/coe">
+                <img class="glow" src="/home/img/coe.png">
+                <img class="backdrop" src="/home/img/coe.png">
+                <img src="/home/img/coe.svg">
+                <div>
+                    <h1>We're coming to COE!</h1>
+                    <p>Click here to learn more.</p>
+                </div>
+            </a>
             <!--  <a class="home__long-panel home__panel-hoverable"
                 style="--paccent: 0, 0, 0; --paccent-bright: 167, 218, 245; background-image: url('img/newmedals.png'); height: 200px; margin-bottom: 20px; margin-top: -10px; justify-content: center; align-items: center;"
                 href="https://discord.gg/8qpNTs6">
diff --git a/home/js/background.js b/home/js/background.js
index 5e81ef2e..e69de29b 100644
--- a/home/js/background.js
+++ b/home/js/background.js
@@ -1,10 +0,0 @@
-import { Gradient } from '/global/js/graphics/mesh_gradient.js'
-
-
-setTimeout(() => {
-    const gradient = new Gradient()
-    gradient.amp = 400
-    // Call `initGradient` with the selector to your canvas
-    gradient.initGradient('#gradient-canvas')    
-}, 500);
-
diff --git a/index.php b/index.php
index 83d7a1f5..db7a3031 100644
--- a/index.php
+++ b/index.php
@@ -314,7 +314,6 @@ function testDialog() {
     picker1.on('change', function (r, g, b, a) {
         picker1_col = [r, g, b];
         picker.getElementsByTagName("input")[0].value = rgbToHex(r, g, b);
-        console.log(rgbToHex(r, g, b));
         picker.style.background = rgbToHex(r, g, b);
     });
 </script>
\ No newline at end of file
diff --git a/medals/api/beatmap_packs.php b/medals/api/beatmap_packs.php
index 65f83ee9..fe28ed98 100644
--- a/medals/api/beatmap_packs.php
+++ b/medals/api/beatmap_packs.php
@@ -4,9 +4,15 @@
 // ? do it all so i think it's reasonable lol
 // ? can implement caching at a later date
 
-
 require_once($_SERVER['DOCUMENT_ROOT'] . "/global/php/functions.php");
 
+$cache = Caching::getCache("beatmap_packs");
+
+if($cache != null) {
+    echo $cache;
+    exit;
+}
+
 error_reporting(E_ERROR);
 ini_set('display_errors', 1);
 ini_set('display_startup_errors', 1);
@@ -70,4 +76,6 @@
     //exit;
 } */
 
-echo json_encode($packs);
\ No newline at end of file
+echo json_encode($packs);
+
+Caching::saveCache("beatmap_packs", "3000", json_encode($packs));
diff --git a/medals/js/functions.js b/medals/js/functions.js
index 0ecbf5d9..d98aa161 100644
--- a/medals/js/functions.js
+++ b/medals/js/functions.js
@@ -408,7 +408,6 @@ async function loadMedal(strMedalName, updateAdminPanel = true) {
     if (window.mobile == true &&
         (document.getElementsByClassName("osekai__3col_col1")[0].classList.contains("osekai__3col_col1_hide") == false || landingPage == true)) {
         switch3col();
-        console.log("trying to hide the 3col");
     } else {
 
     }
@@ -437,7 +436,6 @@ async function loadMedal(strMedalName, updateAdminPanel = true) {
             xhr.open('GET', "/medals/api/favourite.php")
             xhr.onload = () => {
                 let oResponse = getResponse(xhr);
-                console.log(`Fav medals: ${oResponse}`);
                 FavMedals = oResponse;
                 if (FavMedals.includes(parseInt(nCurrentMedalID))) {
                     document.getElementById('favButton').innerHTML = '<i class="fas fa-star"></i> ' + GetStringRawNonAsync("medals", "favourite.remove");
@@ -567,7 +565,6 @@ async function loadMedal(strMedalName, updateAdminPanel = true) {
             resp = xhr.response;
             //console.log(xhr.response);
             resp = JSON.parse(resp);
-            console.log(resp);
             for (var i = 0; i < individual.length; i++) {
                 if (individual[i] == 0) continue;
                 best = true;
@@ -589,13 +586,11 @@ async function loadMedal(strMedalName, updateAdminPanel = true) {
                             for (var beatmap of resp[j]) {
                                 test_length += beatmap.Length;
                             }
-                            console.log(test_length + "TIME");
                             if (test_length != 0) {
                                 if (test_length < length) {
                                     best = false;
                                 }
                             } else {
-                                console.log("CALC INVALID");
                                 calcInvalid = true;
                             }
                         }
@@ -605,7 +600,6 @@ async function loadMedal(strMedalName, updateAdminPanel = true) {
                 }
 
                 if (calcInvalid == true) {
-                    console.log("doing count check instead of length...");
                     best = true;
                     for (var j = 0; j < individual.length; j++) {
                         if (resp[j].length != 0) {
@@ -1046,7 +1040,6 @@ function loadExtraInfo(medalid) {
     xhr.onload = function () {
         var resp = JSON.parse(xhr.response);
         container.innerHTML = "";
-        console.log(resp);
         var any = false;
         if (resp.date != null && resp.date != "0000-00-00") {
             any = true;
@@ -1092,11 +1085,9 @@ function changeMedalFavState() {
 
 function loadFavMedals() {
     if (userInfo == null) {
-        console.log("waiting for userinfo")
         setTimeout(loadBeatmapPacks, 100);
         return;
     }
-    console.log("loading favs medals...");
 
     var container = document.getElementById("favsSection");
     container.innerHTML = loader;
@@ -1112,11 +1103,9 @@ function loadFavMedals() {
 
 function loadBeatmapPacks() {
     if (userInfo == null && bLoggedIn) {
-        console.log("waiting for userinfo")
         setTimeout(loadBeatmapPacks, 100);
         return;
     }
-    console.log("loading beatmap packs...");
 
     var container = document.getElementById("beatmapPackList");
     container.innerHTML = loader;
@@ -1144,7 +1133,6 @@ function loadBeatmapPacks() {
             if (bLoggedIn) {
                 for (var usermedal of userInfo['user_achievements']) {
                     if (usermedal.achievement_id == medal.medalid) {
-                        console.log("achieved");
                         medalContainer.classList.add("medals__beatmapPack-obtained");
                         var checkmark = Object.assign(document.createElement("i"), { className: "fas fa-check" });
                         medalContainerLeft.appendChild(checkmark);
@@ -1245,8 +1233,6 @@ function randomMedal() {
             }
             if(isachieved == false) {
                 medalArray.push(colMedals[medal]);
-            } else {
-                console.log(colMedals[medal].Name + " is achieved");
             }
         } else {
             medalArray.push(colMedals[medal]);
@@ -1254,7 +1240,6 @@ function randomMedal() {
     }
 
     function selectRandom() {
-        console.log(medalArray);
         var keys = Object.keys(medalArray);
         return medalArray[keys[keys.length * Math.random() << 0]];
     }
@@ -1267,7 +1252,6 @@ function randomMedal() {
             changeState(medal.Name);
             document.getElementById("randommedal_img_blur").src = medal.Link;
             document.getElementById("randommedal").classList.add("medals__randommedal-finished");
-            console.log("finished with count " + count + " and time " + time + "!")
             runParticleAnim();
             setTimeout(() => {
                 document.getElementById("randommedal").classList.add("medals__randommedal-hidden");
@@ -1277,7 +1261,6 @@ function randomMedal() {
             }, 4000);
             return;
         }
-        console.log("continuing with time " + time + " and count " + count);
         setTimeout(() => {
             run(time + 6 * (count / 45), count + 1);
         }, time);
diff --git a/misc/groups/js/functions.js b/misc/groups/js/functions.js
index 36523b4f..a87b105e 100644
--- a/misc/groups/js/functions.js
+++ b/misc/groups/js/functions.js
@@ -76,8 +76,6 @@ window.addEventListener('popstate', function (event) {
 
 
 async function loadGroup(id, push = false) {
-    console.log("Loading group: " + id);
-
     var found = false;
 
     var html = "";
@@ -108,7 +106,6 @@ async function loadGroup(id, push = false) {
                     }
                 }
                 user['Groups'] = groupUtils.orderBadgeArray(user['Groups']);
-                console.log(user);
                 html += `
                 <a class="groups__userpanel nolink" style="--colour: ${user['Groups'][0]['Colour']}" href="https://osekai.net/profiles/?user=${user['UserId']}">
                     <img src="https://a.ppy.sh/${user['UserId']}" class="osekai__pfp-blur-bg">
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..821dcef9
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "osekai-prs",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}
diff --git a/profiles/js/functions.js b/profiles/js/functions.js
index 32cb06c4..5c58f31e 100755
--- a/profiles/js/functions.js
+++ b/profiles/js/functions.js
@@ -529,7 +529,6 @@ async function FillData(uid, mode, completeReload = true) {
 
             let oLastMode = "";
             let oLastModeSection;
-            console.log(oData.unachieved);
             function getMaxMedalsGroup(group) {
                 const max_count = medals.filter((m) => typeof m.grouping == 'undefined' ? m.Grouping == group : m.grouping == group).length;
                 const unachieved_count = oData.unachieved.filter((m) => typeof m.grouping == 'undefined' ? m.Grouping == group : m.grouping == group).length;
@@ -644,8 +643,6 @@ async function FillData(uid, mode, completeReload = true) {
                 if (document.getElementById(oSectionID)) {
                     let oBar = document.getElementById(oBarID);
 
-                    console.log(groupings[oAchievement.grouping]);
-                    console.log((groupings[oAchievement.grouping]["max"] + "/" + groupings[oAchievement.grouping]["has"]))
                     oBar.style.width = ((groupings[oAchievement.grouping]["has"] / groupings[oAchievement.grouping]["max"]) * 100) + "%";
 
                     let oImg = document.createElement("img");
@@ -766,7 +763,6 @@ async function FillData(uid, mode, completeReload = true) {
         UserBanner.InitUserBanner();
         document.getElementById("banner-panel").classList.remove("hidden");
     } else {
-        console.log("UserBanner: Not the current user");
         document.getElementById("banner-panel").classList.add("hidden");
     }
 
@@ -1699,11 +1695,8 @@ var UserBanner = {
         }
         if (type == 'customstyle') {
             dropdown = document.getElementById('dropdown-section-customstyle')
-            console.log(name);
             text = UserBanner.AvailableCustomBackgroundStyles[name].name;
         }
-        console.log("setting " + type + " to " + text)
-        console.log(dropdown);
         dropdown.querySelector("#dropdown__themes-text").innerHTML = text;
     },
     cb: null,
diff --git a/rankings/js/functions.js b/rankings/js/functions.js
index 90b4e08b..3e71c549 100644
--- a/rankings/js/functions.js
+++ b/rankings/js/functions.js
@@ -290,7 +290,6 @@ function dbhandler(app) {
             }
             document.querySelectorAll(".osekai__replace__loader").forEach(oLoader => oLoader.remove());
         });
-        console.log(this.app);
         this.creator.addCountryImgEventListeners();
         set_breadcrums("{app}/" + this.app.parent.name + "/" + this.app.name);
     }
@@ -526,7 +525,6 @@ function elementCreator(dbhandler) {
     }
     this.CreateTotalAcc = function (oEntry, oRanking) {
         if (!oEntry.hasOwnProperty("tacc")) this.dbhandler.Fail();
-        console.log(oEntry);
         let oWrapper = this.CreateDefaultWrapper(oRanking.parentNode.parentNode.parentNode.id == "mobile");
 
         if (oRanking.parentNode.parentNode.parentNode.id == "mobile") {
@@ -676,7 +674,6 @@ function elementCreator(dbhandler) {
     this.CreateKudosu = function (oEntry, oRanking) {
         if (!oEntry.hasOwnProperty("kudosu")) this.dbhandler.Fail();
         let oWrapper = this.CreateDefaultWrapper(oRanking.parentNode.parentNode.parentNode.id == "mobile");
-        console.log(oEntry);
 
         if (oRanking.parentNode.parentNode.parentNode.id == "mobile") {
             let oTopBar = this.createMobileTopBar(oEntry, this.createMobileCount(oEntry.kudosu, GetStringRawNonAsync(APP_SHORT, "bar.mappers.kudosu.kudosu")), false);
@@ -1345,7 +1342,7 @@ function LoadCurrentState() {
     xhr.onload = function () {
         if (xhr.readyState === 4 && xhr.status === 200) {
             var oResponse = JSON.parse(xhr.responseText);
-            console.log(oResponse);
+            
             document.getElementById("currenttask_name").innerHTML = oResponse['CurrentLoop'];   
             var percentage = Math.round((oResponse['CurrentCount'] / oResponse['TotalCount'] * 100)*100) / 100;
             if(lastSeconds != oResponse['EtaSeconds']) {
@@ -1394,7 +1391,6 @@ function LoadStateHistory() {
     xhr.onload = function () {
         if (xhr.readyState === 4 && xhr.status === 200) {
             var oResponse = JSON.parse(xhr.responseText);
-            console.log(oResponse);
             var html = ``;
             for(var x = 0; x < oResponse.length; x++) {
                 html += `<div class="rankings__task rankings__task-finished">
diff --git a/snapshots/js/functions.js b/snapshots/js/functions.js
index 1b5e7da5..4c8c2584 100755
--- a/snapshots/js/functions.js
+++ b/snapshots/js/functions.js
@@ -68,16 +68,12 @@ async function loadVersion(vername, pushstate = true, fromButton = false) {
             active[i].classList.remove("snapshots__list-version-active");
         }
 
-        console.log("finding button for " + vername);
-
-
         var truever = null;
         // go through all versions and see if their id is the same
         var versionButtons = document.getElementsByClassName("snapshots__list-version");
         for (var i = 0; i < versionButtons.length; i++) {
             if (versionButtons[i].classList.contains("ver_id_" + vername)) {
                 versionButtons[i].classList.add("snapshots__list-version-active");
-                console.log("found it");
                 truever = versionButtons[i];
             }
         }
@@ -95,7 +91,6 @@ async function loadVersion(vername, pushstate = true, fromButton = false) {
 
     var thisver;
 
-    console.log(data);
     data.forEach(function (version, index) {
         if (version["version_info"]["id"] == vername) {
             thisver = version;
@@ -137,20 +132,16 @@ async function loadVersion(vername, pushstate = true, fromButton = false) {
     if (thisver["archive_info"]["description"] == null || thisver["archive_info"]["description"] == "") {
         document.getElementById("descriptionInner").classList.add("hidden");
     } else {
-        console.log(thisver["archive_info"]["description"]);
         document.getElementById("descriptionInner").classList.remove("hidden");
     }
     // downloads
     document.getElementById("downloads_list").innerHTML = "";
 
     var downloads = thisver["downloads"];
-    console.log(downloads);
-
 
 
     for (var key in downloads) {
         var downloadlink;
-        console.log(downloads[key]["name"]);
         if (downloads[key]["name"] == "Osekai Servers") {
             downloadlink = "versions/" + thisver["version_info"]["version"] + "/" + downloads[key]["link"]
 
@@ -172,7 +163,6 @@ async function loadVersion(vername, pushstate = true, fromButton = false) {
 
     Object.keys(downloads).forEach(function (key, index) {
         var downloadlink;
-        console.log(downloads[key]["name"]);
         if (downloads[key]["name"] != "Osekai Servers") {
             downloadlink = downloads[key]["link"];
 
@@ -284,7 +274,7 @@ async function loadVersion(vername, pushstate = true, fromButton = false) {
     var xhr = new XMLHttpRequest();
     xhr.open('POST', '/snapshots/api/update_counter', true);
     xhr.onload = function () {
-        console.log(this.responseText);
+        
     };
     xhr.send(form);
 
@@ -302,7 +292,7 @@ function deleteDownloadMirror(from, name) {
     var xhr = new XMLHttpRequest();
     xhr.open('POST', '/snapshots/api/admin_deletemirror', true);
     xhr.onload = function () {
-        console.log(this.responseText);
+        
     };
     xhr.send(form);
     from.closest(".snapshots__download-outer").remove();
@@ -318,7 +308,7 @@ function addDownloadMirror(name, link) {
     var xhr = new XMLHttpRequest();
     xhr.open('POST', '/snapshots/api/admin_addmirror', true);
     xhr.onload = function () {
-        console.log(this.responseText);
+        
     };
     xhr.send(form);
 }
@@ -344,7 +334,7 @@ function adminDeleteScreenshot(id, index, obje) {
     var xhr = new XMLHttpRequest();
     xhr.open('POST', '/snapshots/api/admin_deletescreenshot', true);
     xhr.onload = function () {
-        console.log(this.responseText);
+        
     };
     xhr.send(form);
     document.getElementById("screenshot_" + index).remove();
@@ -361,14 +351,13 @@ function download(url) {
 
 function downloadVer(id, downloadlink) {
     download(downloadlink);
-    console.log(downloadlink);
     var form = new FormData();
     form.append('verID', id);
     form.append('type', "download");
     var xhr = new XMLHttpRequest();
     xhr.open('POST', '/snapshots/api/update_counter', true);
     xhr.onload = function () {
-        console.log(this.responseText);
+        
     };
     xhr.send(form);
 }
@@ -623,7 +612,7 @@ function refreshSubmissions() {
         var sublist = document.getElementById("submission_list");
         sublist.innerHTML = "";
         var oResponse = getResponse(xhr);
-        console.log(oResponse);
+        
         if (handleUndefined(oResponse)) return;
         submissions = oResponse;
         oResponse.forEach(function (item, index) {
@@ -669,7 +658,7 @@ function switchWIP(index) {
         xhr.send("id=" + submissions[index]['id'] + "&processing=0");
         xhr.onreadystatechange = function () {
             var oResponse = getResponse(xhr);
-            console.log(oResponse);
+            
             if (handleUndefined(oResponse)) return;
         };
     }
@@ -680,7 +669,7 @@ function switchWIP(index) {
         xhr.send("id=" + submissions[index]['id'] + "&processing=1");
         xhr.onreadystatechange = function () {
             var oResponse = getResponse(xhr);
-            console.log(oResponse);
+            
             if (handleUndefined(oResponse)) return;
         };
     }