From 761f9c54c215f1dff6423cabf90dc39ae4d194e0 Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Wed, 4 Feb 2026 05:56:59 +0100
Subject: [PATCH] add dummy message

---
 friend_list/friendlist.js | 18 +++++++++++++++++-
 friend_list/styles.css    | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+), 1 deletion(-)

diff --git a/friend_list/friendlist.js b/friend_list/friendlist.js
index 86d5a27..34b18a8 100644
--- a/friend_list/friendlist.js
+++ b/friend_list/friendlist.js
@@ -130,4 +130,20 @@ image.onload = () => {
   requestAnimationFrame(animate);
 };
 
-animateLoadingCanvas();
\ No newline at end of file
+animateLoadingCanvas();
+
+//todo: actually make it useful..
+function friendsbox() {
+    const infoBox = document.createElement('div');
+    infoBox.className = 'splat-info-box';
+    
+    infoBox.innerHTML = `
+        <p>In Splatoon, you can join online matches that your friends are participating in. Here will show your friends that are online. Register your friends on Wii U and play Splatoon!</p>
+    `;
+    const contentArea = document.querySelector('.content');
+    if (contentArea) {
+        contentArea.appendChild(infoBox);
+    }
+}
+
+friendsbox();
\ No newline at end of file
diff --git a/friend_list/styles.css b/friend_list/styles.css
index 4e4f6b3..02c3358 100644
--- a/friend_list/styles.css
+++ b/friend_list/styles.css
@@ -166,4 +166,37 @@ body {
     font-family: "Regular", sans-serif;
     font-size: 24px;
     line-height: 1.3;
+}
+
+.main-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    width: 100%;
+}
+
+.content {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.splat-info-box {
+    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 10px;
+    padding: 25px 40px;
+    max-width: 700px;
+    margin: 40px auto; 
+    z-index: 5;
+    box-sizing: border-box;
+}
+
+.splat-info-box p {
+    color: #ffffff;
+    font-family: "Regular", sans-serif;
+    font-size: 20px;
+    line-height: 1.6;
+    margin: 0;
+    text-align: left; 
 }
\ No newline at end of file