jackpurrin · jackpurrin · Jun 18, 2025 · Jun 18, 2025 · Jun 18, 2025 · Jun 18, 2025
diff --git a/.github/README.md b/.github/README.md
@@ -1,26 +1,26 @@
-> [!NOTE]
-> Don't fork please, unless you have something to add. Star my repo!
-
-> [!WARNING]
-> The main domain does **NOT** get the latest updates on my website. If you want the latest version of my website, the Dev version website will have the latest updates.
-
-# 1,500 commits!!
-
-## URLs to my website:
-### [Main Domain](https://jackpurrin.me/)  
-
-### [Cloudflare Pages Mirror](https://jackpurrin-me.pages.dev)
-
-### [Neocities](https://jackpurrin.neocities.org/)
-
-## Beta/Dev Versions of my website
-### [Main Domain](https://dev.jackpurrin.me/)
-
-10000
### [Cloudflare Pages Mirror](https://dev-e0a.pages.dev)
-
-## TODO:
-
-- [x] Improve the chat room
-- [ ] Find a better way to add suggestions
-- [ ] Add back some games of demand
-- [ ] Add an image gallery of sorts
+> [!NOTE]
+> Don't fork please, unless you have something to add. Star my repo!
+
+> [!WARNING]
+> The main domain does **NOT** get the latest updates on my website. If you want the latest version of my website, the Dev version website will have the latest updates.
+
+# 1,500 commits!!
+
+## URLs to my website:
+### [Main Domain](https://jackpurrin.me/)  
+
+### [Cloudflare Pages Mirror](https://jackpurrin-me.pages.dev)
+
+### [Neocities](https://jackpurrin.neocities.org/)
+
+## Beta/Dev Versions of my website
+### [Main Domain](https://dev.jackpurrin.me/)
+
+### [Cloudflare Pages Mirror](https://dev-e0a.pages.dev)
+
+## TODO:
+
+- [x] Improve the chat room
+- [ ] Find a better way to add suggestions
+- [ ] Add back some games of demand
+- [ ] Add an image gallery of sorts
diff --git a/404.html b/404.html
@@ -20,7 +20,7 @@ <h2>you tried to go to</h2>
                 <p>goofy gooberson</p>
                 <p>but that does not exist!</p>
                 <script src="/script/404.js"></script>
-                <a href="/home"><strong>go home?</strong></a>
+                <a href="/pages/site"><strong>go home?</strong></a>
             </main>
         </div>
     </body>

diff --git a/change.html b/change.html
diff --git a/css/chat.css b/css/chat.css
@@ -0,0 +1,45 @@
+@import url(main.css);
+
+.message {
+    padding: 5px 0;
+}
+.message .member {
+    display: inline-block;
+}
+.message-form__button {
+    margin: 10px;
+}
+
+.members-count,
+.members-list,
+.messages {
+    padding: 15px;
+    margin-bottom: 15px;
+    max-height: 30vw;
+}
+
+.messages {
+    flex-shrink: 1;
+    overflow: auto;
+    height: 30vh;
+}
+
+.member {
+    padding-right: 10px;
+    position: relative;
+}
+
+.message-form {
+    display: flex;
+    flex-shrink: 0;
+}
+
+.message-form__input {
+    flex-grow: 1;
+    padding: 10px 15px;
+    font-size: 16px;
+}
+
+.member, .members-count, .message {
+    border: none;
+}   
diff --git a/css/font.css b/css/font.css
@@ -2,6 +2,7 @@ html,
 body {
     font-family: monospace;
     font-size: var(--txt-size);
+    text-align: center;
 }
 
 a {

diff --git a/css/main.css b/css/main.css
@@ -7,7 +7,6 @@
 html {
     background-color: var(--bkg-clr);
     color: var(--txt-clr);
-    text-a
1E0A
lign: center;
     overflow: scroll;
 }
 

diff --git a/css/navbar.css b/css/navbar.css
@@ -1,16 +1,14 @@
+@import url(font.css);
+@import url(vars.css);
+
 .wrapper {
     display: flex;
 }
 
 ul {
     list-style-type: none;
-    padding: 15px 35px;
-    line-height: 3vh;
 }
 
-nav {
-    width: 15%;
-}
 main {
     flex: 1;
 }
@@ -23,3 +21,8 @@ main {
         width: 100% !important;
     }
 }
+
+iframe {
+    height: 70vh;
+    border: none;
+}   
diff --git a/css/photobook.css b/css/photobook.css
@@ -3,4 +3,4 @@
 img {
     max-width: 20%;
     max-width: 50vw;
-}
+}
diff --git a/drawings.html b/drawings.html
diff --git a/guestbook.html b/guestbook.html
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
         </div>
         <main>
             <div>
-                <h1>welcome to my internet cafe!!</h1>
+                <h1>welcome to my devsite!!</h1>
                 <h2>warnings</h2>
                 <p>this website isn't really anything special, but there is some stuff that can be problematic for people</p>
                 <p>there is discussion of mental health issues, which can be a trigger for some people.</p>
@@ -44,7 +44,7 @@ <h2>webrings</h2>
                 <p><strong>PROCEED WITH CAUTION</strong></p>
                 <br />
                 <p>click below to enter</p>
-                <a href="home"><img src="assets/img/enter.gif" /></a>
+                <a href="/pages/site"><img src="assets/img/enter.gif" /></a>
             </div>
         </main>
     </body>

diff --git a/pages/community/chat.html b/pages/community/chat.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>jackpurrin's cafe</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta charset="utf-8" />
+        <link rel="icon" type="image/png" href="/assets/icons/favicon-96x96.png" sizes="96x96" />
+        <link rel="icon" type="image/svg+xml" href="/assets/icons/favicon.svg" />
+        <link rel="shortcut icon" href="/assets/icons/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/apple-touch-icon.png" />
+        <link rel="stylesheet" href="/css/chat.css" />
+        <script type="text/javascript" src="/script/scaledrone.js"></script>
+    </head>
+
+    <body>
+        <header></header>
+        <div class="wrapper">
+            <nav>
+                <iframe src="/pages/site/sidebar"></iframe>
+            </nav>
+            <main>
+                <h1>chat room</h1>
+                <div class="members-count">-</div>
+                <div class="members-list">-</div>
+                <div class="messages"></div>
+
+                <form class="message-form"  false;">
+                    <input class="message-form__input" placeholder="Type a message.." type="text" />
+                    <input class="message-form__button" value="Send" type="submit" />
+                </form>
+                <script src="/script/chat.js"></script>
+            </main>
+        </div>
+    </body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -2,6 +2,7 @@ html, @@
     body {
         font-family: monospace;
         font-size: var(--txt-size);
+        text-align: center;
     }
     a {
@@ Expand Down @@