diff --git a/frontend/public/assets/images/badges/friends/sophari.gif b/frontend/public/assets/images/badges/friends/sophari.gif
new file mode 100644
index 0000000..2bf553c
--- /dev/null
+++ b/frontend/public/assets/images/badges/friends/sophari.gif
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7001bb8662bbc72f0538e33d8063beffddc9b72fef23d96e089574c0ff3a8c6e
+size 50102
diff --git a/frontend/public/assets/images/badges/mine/missing-texture.png b/frontend/public/assets/images/badges/mine/missing-texture.png
new file mode 100644
index 0000000..32f61e1
--- /dev/null
+++ b/frontend/public/assets/images/badges/mine/missing-texture.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d45199c9c89bd2e979d1212444659d7d8de83c62724fa5977ef1885bf1cb4ed4
+size 153
diff --git a/frontend/public/scripts/main.js b/frontend/public/scripts/main.js
index dd4755e..cedd0c9 100644
--- a/frontend/public/scripts/main.js
+++ b/frontend/public/scripts/main.js
@@ -5,7 +5,7 @@ const badgeOrange = document.getElementById("badgeOrange");
const colorBool = Math.random() < 0.5;
const is_root = location.pathname === "/";
-const badgeAmount = 17
+const badgeAmount = 18
// loads all the functions to be loaded on load, pretty simple, it loads shit on load.
function onLoad() {
@@ -128,29 +128,31 @@ const nbsp = ''
const pancakes = ''
const sophari = ''
-const constellatory = '