CBox chat box on the aside 6/5/2025

6 files changed, 75 insertions, 23 deletions

diff --git a/art.html b/art.html
index bdf9478..dfe8cc9 100644
--- a/art.html
+++ b/art.html
@@ -27,6 +27,14 @@
                 document.getElementById("buttons").style.display = "none";
             }
         }
+        function hideChat() {
+            let status = document.getElementById("chatbox").style.display;
+            if (status === "none") {
+                document.getElementById("chatbox").style.display = "block";
+            } else {
+                document.getElementById("chatbox").style.display = "none";
+            }
+        }
     </script>
 </head>
 
@@ -65,7 +73,7 @@
                 </div>
             </main>
             <aside>
-                <div class="sidebar-title">&nbsp; Pages <button onclick="hidePages()">&vArr;</button></div>
+                <div class="sidebar-title">&nbsp; Pages <button onclick="hideID('pages')">&vArr;</button></div>
                 <div id="pages">
                     <nav id="nav">
                         <ul>
@@ -90,7 +98,7 @@
                         </ul>
                     </nav>
                 </div>
-                <div class="sidebar-title">&nbsp; Buttons <button onclick="hideBut()">&vArr;</button></div>
+                <div class="sidebar-title" id="buttonsHeader">&nbsp; Buttons <button onclick="hideID('buttons')">&vArr;</button></div>
                 <div id="buttons">
                     <nav id="nav">
                         <div style="width: 88px; margin:0 auto;" id="buttons">
@@ -115,6 +123,10 @@
                         <br>
                     </nav>
                 </div>
+                <div class="sidebar-title" id="chatboxHeader">&nbsp; Le chat <button onclick="hideID('chatbox')">&vArr;</button></div>
+                <div id="chatbox">
+                    <iframe src="https://www3.cbox.ws/box/?boxid=3547087&boxtag=ltfetV" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
+                </div>
             </aside>
         </div>
         <footer id="footer">&#916; Copyworng :3</footer>
diff --git a/cats.html b/cats.html
index 0d4d353..84a0618 100644
--- a/cats.html
+++ b/cats.html
@@ -27,6 +27,14 @@
                 document.getElementById("buttons").style.display = "none";
             }
         }
+        function hideChat() {
+            let status = document.getElementById("chatbox").style.display;
+            if (status === "none") {
+                document.getElementById("chatbox").style.display = "block";
+            } else {
+                document.getElementById("chatbox").style.display = "none";
+            }
+        }
     </script>
 </head>
 
@@ -45,7 +53,7 @@
                 </div>
             </main>
             <aside>
-                <div class="sidebar-title">&nbsp; Pages <button onclick="hidePages()">&vArr;</button></div>
+                <div class="sidebar-title">&nbsp; Pages <button onclick="hideID('pages')">&vArr;</button></div>
                 <div id="pages">
                     <nav id="nav">
                         <ul>
@@ -70,7 +78,7 @@
                         </ul>
                     </nav>
                 </div>
-                <div class="sidebar-title">&nbsp; Buttons <button onclick="hideBut()">&vArr;</button></div>
+                <div class="sidebar-title" id="buttonsHeader">&nbsp; Buttons <button onclick="hideID('buttons')">&vArr;</button></div>
                 <div id="buttons">
                     <nav id="nav">
                         <div style="width: 88px; margin:0 auto;" id="buttons">
@@ -95,6 +103,10 @@
                         <br>
                     </nav>
                 </div>
+                <div class="sidebar-title" id="chatboxHeader">&nbsp; Le chat <button onclick="hideID('chatbox')">&vArr;</button></div>
+                <div id="chatbox">
+                    <iframe src="https://www3.cbox.ws/box/?boxid=3547087&boxtag=ltfetV" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
+                </div>
             </aside>
         </div>
         <footer id="footer">&#916; Copyworng :3</footer>
diff --git a/factorio.html b/factorio.html
index 2295b9f..d0d240d 100644
--- a/factorio.html
+++ b/factorio.html
@@ -27,6 +27,14 @@
                 document.getElementById("buttons").style.display = "none";
             }
         }
+        function hideChat() {
+            let status = document.getElementById("chatbox").style.display;
+            if (status === "none") {
+                document.getElementById("chatbox").style.display = "block";
+            } else {
+                document.getElementById("chatbox").style.display = "none";
+            }
+        }
     </script>
 </head>
 
@@ -187,7 +195,7 @@
                 </div>
             </main>
             <aside>
-                <div class="sidebar-title">&nbsp; Pages <button onclick="hidePages()">&vArr;</button></div>
+                <div class="sidebar-title">&nbsp; Pages <button onclick="hideID('pages')">&vArr;</button></div>
                 <div id="pages">
                     <nav id="nav">
                         <ul>
@@ -212,7 +220,7 @@
                         </ul>
                     </nav>
                 </div>
-                <div class="sidebar-title">&nbsp; Buttons <button onclick="hideBut()">&vArr;</button></div>
+                <div class="sidebar-title" id="buttonsHeader">&nbsp; Buttons <button onclick="hideID('buttons')">&vArr;</button></div>
                 <div id="buttons">
                     <nav id="nav">
                         <div style="width: 88px; margin:0 auto;" id="buttons">
@@ -237,6 +245,10 @@
                         <br>
                     </nav>
                 </div>
+                <div class="sidebar-title" id="chatboxHeader">&nbsp; Le chat <button onclick="hideID('chatbox')">&vArr;</button></div>
+                <div id="chatbox">
+                    <iframe src="https://www3.cbox.ws/box/?boxid=3547087&boxtag=ltfetV" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
+                </div>
             </aside>
         </div>
         <footer id="footer">&#916; Copyworng :3</footer>
diff --git a/index.html b/index.html
index 1725fb0..28b3602 100644
--- a/index.html
+++ b/index.html
@@ -12,20 +12,12 @@
     <link rel="icon" type="image/x-icon" href="miau.jpg">
     <script src="rememberBackground.js"></script>
     <script>
-        function hidePages() {
-            let status = document.getElementById("pages").style.display;
+        function hideID(ID) {
+            let status = document.getElementById(ID).style.display;
             if (status === "none") {
-                document.getElementById("pages").style.display = "block";
+                document.getElementById(ID).style.display = "block";
             } else {
-                document.getElementById("pages").style.display = "none";
-            }
-        }
-        function hideBut() {
-            let status = document.getElementById("buttons").style.display;
-            if (status === "none") {
-                document.getElementById("buttons").style.display = "block";
-            } else {
-                document.getElementById("buttons").style.display = "none";
+                document.getElementById(ID).style.display = "none";
             }
         }
     </script>
@@ -49,6 +41,14 @@
                 </div>
                 <div class="title">&nbsp; Website Journal</div>
                 <div class="content">
+                    <div class="date">6/5/2025</div>
+                    <p>
+                        I added a chat box on the aside --> <br>
+                        you can message on it without signing up or anything. <br>
+                        Say whatever :3!
+                    </p>
+                </div>
+                <div class="content">
                     <div class="date">6/4/2025</div>
                     <img src="ultrakill/menu2.png" style="width:48%">
                     <img src="ultrakill/get-real-cat.gif" style="width:15%;">
@@ -269,7 +269,7 @@
                 </div>
             </main>
             <aside>
-                <div class="sidebar-title">&nbsp; Pages <button onclick="hidePages()">&vArr;</button></div>
+                <div class="sidebar-title">&nbsp; Pages <button onclick="hideID('pages')">&vArr;</button></div>
                 <div id="pages">
                     <nav id="nav">
                         <ul>
@@ -294,7 +294,7 @@
                         </ul>
                     </nav>
                 </div>
-                <div class="sidebar-title">&nbsp; Buttons <button onclick="hideBut()">&vArr;</button></div>
+                <div class="sidebar-title" id="buttonsHeader">&nbsp; Buttons <button onclick="hideID('buttons')">&vArr;</button></div>
                 <div id="buttons">
                     <nav id="nav">
                         <div style="width: 88px; margin:0 auto;" id="buttons">
@@ -319,6 +319,10 @@
                         <br>
                     </nav>
                 </div>
+                <div class="sidebar-title" id="chatboxHeader">&nbsp; Le chat <button onclick="hideID('chatbox')">&vArr;</button></div>
+                <div id="chatbox">
+                    <iframe src="https://www3.cbox.ws/box/?boxid=3547087&boxtag=ltfetV" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
+                </div>
             </aside>
         </div>
         <footer id="footer">&#916; Copyworng :3</footer>
diff --git a/silly.html b/silly.html
index a580a15..d287576 100644
--- a/silly.html
+++ b/silly.html
@@ -27,6 +27,14 @@
                 document.getElementById("buttons").style.display = "none";
             }
         }
+        function hideChat() {
+            let status = document.getElementById("chatbox").style.display;
+            if (status === "none") {
+                document.getElementById("chatbox").style.display = "block";
+            } else {
+                document.getElementById("chatbox").style.display = "none";
+            }
+        }
         function sillyBackground(argument) {
             remember(argument);
             let image = document.body.style.backgroundImage
@@ -113,7 +121,7 @@
                 </div>
             </main>
             <aside>
-                <div class="sidebar-title">&nbsp; Pages <button onclick="hidePages()">&vArr;</button></div>
+                <div class="sidebar-title">&nbsp; Pages <button onclick="hideID('pages')">&vArr;</button></div>
                 <div id="pages">
                     <nav id="nav">
                         <ul>
@@ -138,7 +146,7 @@
                         </ul>
                     </nav>
                 </div>
-                <div class="sidebar-title">&nbsp; Buttons <button onclick="hideBut()">&vArr;</button></div>
+                <div class="sidebar-title" id="buttonsHeader">&nbsp; Buttons <button onclick="hideID('buttons')">&vArr;</button></div>
                 <div id="buttons">
                     <nav id="nav">
                         <div style="width: 88px; margin:0 auto;" id="buttons">
@@ -163,6 +171,10 @@
                         <br>
                     </nav>
                 </div>
+                <div class="sidebar-title" id="chatboxHeader">&nbsp; Le chat <button onclick="hideID('chatbox')">&vArr;</button></div>
+                <div id="chatbox">
+                    <iframe src="https://www3.cbox.ws/box/?boxid=3547087&boxtag=ltfetV" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>	
+                </div>
             </aside>
         </div>
         <footer id="footer">&#916; Copyworng :3</footer>
diff --git a/styles.css b/styles.css
index 0f413ea..28e614a 100644
--- a/styles.css
+++ b/styles.css
@@ -200,7 +200,7 @@ button {
         padding-right: 10px;
     }
 
-    nav ul>ul, #buttons, nav div a, nav div br, nav br {
+    nav ul>ul, #buttons, #buttonsHeader, #chatbox, #chatboxHeader, nav div a, nav div br, nav br {
         display: none;
     }