From 8dd2312aa0d1005d44e08d4b1ebbf11dce8d2421 Mon Sep 17 00:00:00 2001
From: metacryst <samrussell99@gmail.com>
Date: Thu, 19 Mar 2026 08:54:53 -0500
Subject: [PATCH] fixing logout, people not scrolling, sidebar being too short

---
 src/Home/AuthPage/AuthPage.js |  6 +++---
 src/_/code/shared.css         | 10 +++++++---
 src/apps/People/People.js     |  1 +
 src/components/Sidebar.js     |  4 ++--
 src/index.js                  |  2 +-
 5 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/Home/AuthPage/AuthPage.js b/src/Home/AuthPage/AuthPage.js
index bc082a5..44a9591 100644
--- a/src/Home/AuthPage/AuthPage.js
+++ b/src/Home/AuthPage/AuthPage.js
@@ -38,7 +38,7 @@ class AuthPage extends Shadow {
                     .fontWeight(this.selectedPage === 1 ? "bold" : "normal")
                     .padding(0.75, em)
                     .borderRadius(12, px)
-                    .background(this.selectedPage === 1 ? "var(--darkaccent)" : "transparent")
+                    .background(this.selectedPage === 1 ? "var(--loginButton)" : "transparent")
                     .onTap(() => {
                         this.selectedPage = 1;
                         this.rerender();
@@ -48,7 +48,7 @@ class AuthPage extends Shadow {
                     .fontWeight(this.selectedPage === 2 ? "bold" : "normal")
                     .padding(0.75, em)
                     .borderRadius(12, px)
-                    .background(this.selectedPage === 2 ? "var(--darkaccent)" : "transparent")
+                    .background(this.selectedPage === 2 ? "var(--loginButton)" : "transparent")
                     .onTap(() => {
                         this.selectedPage = 2;
                         this.rerender();
@@ -57,7 +57,7 @@ class AuthPage extends Shadow {
                 .fontFamily("Arial")
                 .padding(0.25, em)
                 .borderRadius(12, px)
-                .background("var(--accent)")
+                .background("var(--loginBackground)")
                 .color("var(--text)")
                 .horizontalAlign("center")
                 .margin("auto")
diff --git a/src/_/code/shared.css b/src/_/code/shared.css
index 0d262b3..bea313c 100644
--- a/src/_/code/shared.css
+++ b/src/_/code/shared.css
@@ -1,7 +1,7 @@
 :root {
     --main: #FFE9C8;
-    --accent: #60320c;
-    --darkaccent: #250709;
+    --accent: #570b0b;
+    --darkaccent: #dfc9ac;
     --text: #340000;
     --yellow: #f1f3c3;
     --bone: #fff2e7;
@@ -12,13 +12,15 @@
     --quillred: #DE3F3F;
     --brown: #812A18;
 
-    --sidebar: #4e765f;
+    --sidebar: #3f914c;
     --divider: #523636;
     --darkbrown: #3f0808;
     --darkgrey: #5c4646;
 
     --headertext: #433c36e2;
     --searchbackground: #dfc9ac;
+    --loginButton: var(--main);
+    --loginBackground: var(--gold);
 
     --home-src: /_/icons/home.svg;
     --home-selected-src: /_/icons/homelightselected.svg;
@@ -56,6 +58,8 @@
     --headertext: #ffd8bbe2;
     --darkred: #6b2c1d;
     --searchbackground: #260F0C;
+    --loginButton: var(--darkaccent);
+    --loginBackground: var(--accent);
 
 
     --home-src: /_/icons/homelight.svg;
diff --git a/src/apps/People/People.js b/src/apps/People/People.js
index 07f9302..6fc3130 100644
--- a/src/apps/People/People.js
+++ b/src/apps/People/People.js
@@ -45,6 +45,7 @@ class People extends Shadow {
                         .color("var(--darkbrown)")
                 }
             })
+            .overflow("scroll")
             .gap(0.8, em)
         })
         .position("relative")
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 90fdb9a..6c7c317 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -11,7 +11,6 @@ class Sidebar extends Shadow {
             .onClick(function (done) {
                 if(done) {
                     if (this.innerText === "Logout") {
-                        $("sidebar-").close()
                         global.onLogout()
                         return
                     } else if (this.innerText === "Profile") {
@@ -30,13 +29,14 @@ class Sidebar extends Shadow {
         })
         .gap(2, em)
         .paddingTop(30, vh)
-        .height(100, vh)
+        .height(105, vh)
         .width(70, vw)
         .borderLeft("1px solid var(--divider)")
         .color("var(--text)")
         .position("fixed")
         .background("var(--sidebar)")
         .xRight(-71, vw)
+        .top(-5, vh)
         .transition("right .3s")
         .zIndex(3)
     }
diff --git a/src/index.js b/src/index.js
index 1053904..c0bd76f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -157,7 +157,7 @@ let Global = class {
             credentials: "include"
         });
         this.profile = null
-        AuthPage()
+        location.reload()
     }
 
     constructor() {