iOS Notification Service

Swipe navigation library
Allow fetching from multiple sources
2026-05-07 14:07:02 -04:00 · 2026-04-19 21:56:09 -05:00 · 2026-04-16 18:27:24 -05:00 · 2026-04-10 03:19:22 -05:00 · 2026-04-09 07:42:56 -05:00 · 2026-04-09 06:22:32 -05:00
69 changed files with 857 additions and 5518 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -5,3 +5,4 @@ node_modules/
 .DS_Store
 .sourcemaps
 dist/
+package-lock.json
--- a/capacitor.config.json
+++ b/capacitor.config.json
@@ -1,7 +1,14 @@
 {
-  "appId": "so.blockcatcher.app",
-  "appName": "Blockcatcher",
+  "appId": "so.forum.app",
+  "appName": "Forum",
  "webDir": "dist",
+  "ios": {
+    "allowsBackForwardNavigationGestures": true
+  },
+  "server": {
+    "url": "http://sam.local:5173",
+    "cleartext": true
+  },
  "plugins": {
    "SplashScreen": {
      "launchAutoHide": false
--- a/doc.md
+++ b/doc.md
@@ -0,0 +1,158 @@
+
+Quill is a SwiftUI-style JavaScript framework. It makes use of components called Shadows, which are HTML Custom Elements.
+
+### Getting Started:
+Take index.js and put it in your app. Typically as quill.js. Then import it in the head of the HTML.
+
+### Basic Overview:
+
+Quill uses components called Shadows. Each Shadow is a Custom HTML Element (https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements)
+```
+class Home extends Shadow {
+    render() {
+    }
+}
+
+register(Home)
+```
+
+Once created, it can be imported like
+```
+import "Home.js"
+```
+(Not how we are NOT importing the actual class object. If that happens, it will fail.)
+
+Here is an example of Hello World:
+
+```
+class Home extends Shadow {
+    render() {
+        p("Hello World")
+            .x(50, vw)
+            .y(50, vh)
+    }
+}
+
+register(Home)
+```
+
+This will render a paragraph tag in the middle of the screen.
+
+Here's what it will look like in HTML:
+
+```
+<body>
+    <home->
+        <p style="position: absolute; top: 50vh; left: 50vw;">Hello World</p>
+    </home->
+</body>
+```
+
+Note: .x() and .y() are quill-specific functions that were created simply for nice syntax. However, this would also be valid:
+```
+p("Hello World")
+    .top(50, vh)
+    .left(50, vw)
+```
+
+There are quill functions for every HTML style attribute. If they have units, they will follow the pattern directly above, where the first parameter is the amount and the second parameter is the unit.
+
+### Real Basic Example:
+
+First, you need your index.html. Here is one:
+
+```
+<!DOCTYPE html>
+<html lang="en" class="public">
+  <head>
+    <title>Parchment</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" href="/_/icons/quill.svg">
+    <link rel="stylesheet" href="/_/code/shared.css">
+    <script src="/_/code/quill.js"></script>
+    <script type="module" src="75820185/index.js"></script>
+  </head>
+  <body>
+  </body>
+</html>
+```
+
+When starting, it is typical to make a "Home" shadow and import it in index.js. Here is an example:
+
+index.js:
+```
+import "./Home.js"
+Home()
+```
+
+Home.js:
+```
+import "../components/NavBar.js"
+import "./HomeContent.js"
+import "./Why.js"
+import "./Events.js"
+import "./Join.js"
+import "./SignIn.js"
+import "./Success.js"
+
+class Home extends Shadow {
+    render() {
+
+        ZStack(() => {
+
+            NavBar()
+
+            img("/_/icons/logo.svg", "2.5em")
+                .onClick((done) => {
+                    if(!done) return
+                    window.navigateTo("/")
+                })
+                .position("absolute")
+                .left(50, vw).top(4, em)
+                .center()
+                .transform(`translate(${window.isMobile() ? "-50%" : "-2em"}, -50%)`)
+    
+            switch(window.location.pathname) {
+                case "/":
+                    HomeContent()
+                    break;
+                case "/why":
+                    Why()
+                    break;
+                case "/events":
+                    Events()
+                    break;
+                case "/join":
+                    Join()
+                    break;
+                case "/success":
+                    Success()
+                    break;
+            }
+
+        })
+        .onNavigate(() => {
+            this.rerender()
+        })
+            
+    }
+}
+
+register(Home)
+
+```
+
+
+Success.js:
+
+```
+class Success extends Shadow {
+    render() {
+        p("Thanks for your purchase! You will receive a confirmation email shortly. <br><br> <b>Keep that email; it will be checked at the door.</b>")
+            .x(50, vw).y(50, vh)
+            .center()
+    }
+}
+ 
+register(Success)
+```
--- a/ios/App/App.xcodeproj/project.pbxproj
+++ b/ios/App/App.xcodeproj/project.pbxproj
@@ -14,10 +14,37 @@
 		504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
 		504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
 		50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
+		5ADE813A2FAD0ACB008DDDE2 /* NotificationService.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5ADE81392FAD0ACB008DDDE2 /* NotificationService.swift */; };
+		5ADE813E2FAD0ACB008DDDE2 /* NotificationService.appex in Embed Foundation Extensions */ = {isa = PBXBuildFile; fileRef = 5ADE81372FAD0ACA008DDDE2 /* NotificationService.appex */; settings = {ATTRIBUTES = (RemoveHeadersOnCopy, ); }; };
 		A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */; };
 /* End PBXBuildFile section */

+/* Begin PBXContainerItemProxy section */
+		5ADE813C2FAD0ACB008DDDE2 /* PBXContainerItemProxy */ = {
+			isa = PBXContainerItemProxy;
+			containerPortal = 504EC2FC1FED79650016851F /* Project object */;
+			proxyType = 1;
+			remoteGlobalIDString = 5ADE81362FAD0ACA008DDDE2;
+			remoteInfo = NotificationService;
+		};
+/* End PBXContainerItemProxy section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		5ADE813F2FAD0ACB008DDDE2 /* Embed Foundation Extensions */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "";
+			dstSubfolderSpec = 13;
+			files = (
+				5ADE813E2FAD0ACB008DDDE2 /* NotificationService.appex in Embed Foundation Extensions */,
+			);
+			name = "Embed Foundation Extensions";
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
 /* Begin PBXFileReference section */
+		22352DD22F74F93C0052EF07 /* App.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = App.entitlements; sourceTree = "<group>"; };
 		2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = "<group>"; };
 		50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
 		504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
@@ -27,6 +54,9 @@
 		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
+		5ADE81372FAD0ACA008DDDE2 /* NotificationService.appex */ = {isa = PBXFileReference; explicitFileType = "wrapper.app-extension"; includeInIndex = 0; path = NotificationService.appex; sourceTree = BUILT_PRODUCTS_DIR; };
+		5ADE81392FAD0ACB008DDDE2 /* NotificationService.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NotificationService.swift; sourceTree = "<group>"; };
+		5ADE813B2FAD0ACB008DDDE2 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_App.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.release.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.release.xcconfig"; sourceTree = "<group>"; };
 		FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.debug.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.debug.xcconfig"; sourceTree = "<group>"; };
@@ -41,6 +71,13 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		5ADE81342FAD0ACA008DDDE2 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXFrameworksBuildPhase section */

 /* Begin PBXGroup section */
@@ -56,6 +93,7 @@
 			isa = PBXGroup;
 			children = (
 				504EC3061FED79650016851F /* App */,
+				5ADE81382FAD0ACB008DDDE2 /* NotificationService */,
 				504EC3051FED79650016851F /* Products */,
 				7F8756D8B27F46E3366F6CEA /* Pods */,
 				27E2DDA53C4D2A4D1A88CE4A /* Frameworks */,
@@ -66,6 +104,7 @@
 			isa = PBXGroup;
 			children = (
 				504EC3041FED79650016851F /* App.app */,
+				5ADE81372FAD0ACA008DDDE2 /* NotificationService.appex */,
 			);
 			name = Products;
 			sourceTree = "<group>";
@@ -73,6 +112,7 @@
 		504EC3061FED79650016851F /* App */ = {
 			isa = PBXGroup;
 			children = (
+				22352DD22F74F93C0052EF07 /* App.entitlements */,
 				50379B222058CBB4000EE86E /* capacitor.config.json */,
 				504EC3071FED79650016851F /* AppDelegate.swift */,
 				504EC30B1FED79650016851F /* Main.storyboard */,
@@ -85,6 +125,15 @@
 			path = App;
 			sourceTree = "<group>";
 		};
+		5ADE81382FAD0ACB008DDDE2 /* NotificationService */ = {
+			isa = PBXGroup;
+			children = (
+				5ADE81392FAD0ACB008DDDE2 /* NotificationService.swift */,
+				5ADE813B2FAD0ACB008DDDE2 /* Info.plist */,
+			);
+			path = NotificationService;
+			sourceTree = "<group>";
+		};
 		7F8756D8B27F46E3366F6CEA /* Pods */ = {
 			isa = PBXGroup;
 			children = (
@@ -107,23 +156,42 @@
 				504EC3021FED79650016851F /* Resources */,
 				9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */,
 				E3424294FACA667401D6F46C /* [CP] Copy Pods Resources */,
+				5ADE813F2FAD0ACB008DDDE2 /* Embed Foundation Extensions */,
 			);
 			buildRules = (
 			);
 			dependencies = (
+				5ADE813D2FAD0ACB008DDDE2 /* PBXTargetDependency */,
 			);
 			name = App;
 			productName = App;
 			productReference = 504EC3041FED79650016851F /* App.app */;
 			productType = "com.apple.product-type.application";
 		};
+		5ADE81362FAD0ACA008DDDE2 /* NotificationService */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 5ADE81422FAD0ACB008DDDE2 /* Build configuration list for PBXNativeTarget "NotificationService" */;
+			buildPhases = (
+				5ADE81332FAD0ACA008DDDE2 /* Sources */,
+				5ADE81342FAD0ACA008DDDE2 /* Frameworks */,
+				5ADE81352FAD0ACA008DDDE2 /* Resources */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = NotificationService;
+			productName = NotificationService;
+			productReference = 5ADE81372FAD0ACA008DDDE2 /* NotificationService.appex */;
+			productType = "com.apple.product-type.app-extension";
+		};
 /* End PBXNativeTarget section */

 /* Begin PBXProject section */
 		504EC2FC1FED79650016851F /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastSwiftUpdateCheck = 0920;
+				LastSwiftUpdateCheck = 1500;
 				LastUpgradeCheck = 0920;
 				TargetAttributes = {
 					504EC3031FED79650016851F = {
@@ -131,6 +199,10 @@
 						LastSwiftMigration = 1100;
 						ProvisioningStyle = Automatic;
 					};
+					5ADE81362FAD0ACA008DDDE2 = {
+						CreatedOnToolsVersion = 15.0;
+						ProvisioningStyle = Automatic;
+					};
 				};
 			};
 			buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
@@ -147,6 +219,7 @@
 			projectRoot = "";
 			targets = (
 				504EC3031FED79650016851F /* App */,
+				5ADE81362FAD0ACA008DDDE2 /* NotificationService */,
 			);
 		};
 /* End PBXProject section */
@@ -165,6 +238,13 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		5ADE81352FAD0ACA008DDDE2 /* Resources */ = {
+			isa = PBXResourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXResourcesBuildPhase section */

 /* Begin PBXShellScriptBuildPhase section */
@@ -227,8 +307,24 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		5ADE81332FAD0ACA008DDDE2 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				5ADE813A2FAD0ACB008DDDE2 /* NotificationService.swift in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXSourcesBuildPhase section */

+/* Begin PBXTargetDependency section */
+		5ADE813D2FAD0ACB008DDDE2 /* PBXTargetDependency */ = {
+			isa = PBXTargetDependency;
+			target = 5ADE81362FAD0ACA008DDDE2 /* NotificationService */;
+			targetProxy = 5ADE813C2FAD0ACB008DDDE2 /* PBXContainerItemProxy */;
+		};
+/* End PBXTargetDependency section */
+
 /* Begin PBXVariantGroup section */
 		504EC30B1FED79650016851F /* Main.storyboard */ = {
 			isa = PBXVariantGroup;
@@ -360,16 +456,18 @@
 			isa = XCBuildConfiguration;
 			baseConfigurationReference = FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */;
 			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
 				DEVELOPMENT_TEAM = 53DK57C7ZF;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.0;
+				MARKETING_VERSION = 1.0.6;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
-				PRODUCT_BUNDLE_IDENTIFIER = so.hyperia.app;
+				PRODUCT_BUNDLE_IDENTIFIER = russell.sam.forum;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
 				SWIFT_VERSION = 5.0;
@@ -381,15 +479,17 @@
 			isa = XCBuildConfiguration;
 			baseConfigurationReference = AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */;
 			buildSettings = {
+				ALWAYS_EMBED_SWIFT_STANDARD_LIBRARIES = YES;
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
 				DEVELOPMENT_TEAM = 53DK57C7ZF;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = so.hyperia.app;
+				MARKETING_VERSION = 1.0.6;
+				PRODUCT_BUNDLE_IDENTIFIER = russell.sam.forum;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
 				SWIFT_VERSION = 5.0;
@@ -397,6 +497,72 @@
 			};
 			name = Release;
 		};
+		5ADE81402FAD0ACB008DDDE2 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++20";
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = 53DK57C7ZF;
+				ENABLE_USER_SCRIPT_SANDBOXING = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu17;
+				GENERATE_INFOPLIST_FILE = YES;
+				INFOPLIST_FILE = NotificationService/Info.plist;
+				INFOPLIST_KEY_CFBundleDisplayName = NotificationService;
+				INFOPLIST_KEY_NSHumanReadableCopyright = "";
+				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @executable_path/../../Frameworks";
+				LOCALIZATION_PREFERS_STRING_CATALOGS = YES;
+				MARKETING_VERSION = 1.0;
+				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = russell.sam.forum.NotificationService;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "DEBUG $(inherited)";
+				SWIFT_EMIT_LOC_STRINGS = YES;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Debug;
+		};
+		5ADE81412FAD0ACB008DDDE2 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ASSETCATALOG_COMPILER_GENERATE_SWIFT_ASSET_SYMBOL_EXTENSIONS = YES;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++20";
+				CLANG_ENABLE_OBJC_WEAK = YES;
+				CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
+				CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
+				CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
+				CODE_SIGN_STYLE = Automatic;
+				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = 53DK57C7ZF;
+				ENABLE_USER_SCRIPT_SANDBOXING = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu17;
+				GENERATE_INFOPLIST_FILE = YES;
+				INFOPLIST_FILE = NotificationService/Info.plist;
+				INFOPLIST_KEY_CFBundleDisplayName = NotificationService;
+				INFOPLIST_KEY_NSHumanReadableCopyright = "";
+				IPHONEOS_DEPLOYMENT_TARGET = 14.0;
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @executable_path/../../Frameworks";
+				LOCALIZATION_PREFERS_STRING_CATALOGS = YES;
+				MARKETING_VERSION = 1.0;
+				MTL_FAST_MATH = YES;
+				PRODUCT_BUNDLE_IDENTIFIER = russell.sam.forum.NotificationService;
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SKIP_INSTALL = YES;
+				SWIFT_EMIT_LOC_STRINGS = YES;
+				SWIFT_VERSION = 5.0;
+				TARGETED_DEVICE_FAMILY = "1,2";
+			};
+			name = Release;
+		};
 /* End XCBuildConfiguration section */

 /* Begin XCConfigurationList section */
@@ -418,6 +584,15 @@
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
 		};
+		5ADE81422FAD0ACB008DDDE2 /* Build configuration list for PBXNativeTarget "NotificationService" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				5ADE81402FAD0ACB008DDDE2 /* Debug */,
+				5ADE81412FAD0ACB008DDDE2 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
 /* End XCConfigurationList section */
 	};
 	rootObject = 504EC2FC1FED79650016851F /* Project object */;
--- a/ios/App/App.xcodeproj/xcshareddata/xcschemes/App.xcscheme
+++ b/ios/App/App.xcodeproj/xcshareddata/xcschemes/App.xcscheme
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Scheme
+   LastUpgradeVersion = "1640"
+   version = "1.8">
+   <BuildAction
+      parallelizeBuildables = "YES"
+      buildImplicitDependencies = "YES"
+      buildArchitectures = "Automatic">
+      <BuildActionEntries>
+         <BuildActionEntry
+            buildForTesting = "YES"
+            buildForRunning = "YES"
+            buildForProfiling = "YES"
+            buildForArchiving = "YES"
+            buildForAnalyzing = "YES">
+            <BuildableReference
+               BuildableIdentifier = "primary"
+               BlueprintIdentifier = "504EC3031FED79650016851F"
+               BuildableName = "App.app"
+               BlueprintName = "App"
+               ReferencedContainer = "container:App.xcodeproj">
+            </BuildableReference>
+         </BuildActionEntry>
+      </BuildActionEntries>
+   </BuildAction>
+   <TestAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      shouldAutocreateTestPlan = "YES">
+   </TestAction>
+   <LaunchAction
+      buildConfiguration = "Debug"
+      selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
+      selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
+      launchStyle = "0"
+      useCustomWorkingDirectory = "NO"
+      ignoresPersistentStateOnLaunch = "NO"
+      debugDocumentVersioning = "YES"
+      debugServiceExtension = "internal"
+      allowLocationSimulation = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "504EC3031FED79650016851F"
+            BuildableName = "App.app"
+            BlueprintName = "App"
+            ReferencedContainer = "container:App.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </LaunchAction>
+   <ProfileAction
+      buildConfiguration = "Release"
+      shouldUseLaunchSchemeArgsEnv = "YES"
+      savedToolIdentifier = ""
+      useCustomWorkingDirectory = "NO"
+      debugDocumentVersioning = "YES">
+      <BuildableProductRunnable
+         runnableDebuggingMode = "0">
+         <BuildableReference
+            BuildableIdentifier = "primary"
+            BlueprintIdentifier = "504EC3031FED79650016851F"
+            BuildableName = "App.app"
+            BlueprintName = "App"
+            ReferencedContainer = "container:App.xcodeproj">
+         </BuildableReference>
+      </BuildableProductRunnable>
+   </ProfileAction>
+   <AnalyzeAction
+      buildConfiguration = "Debug">
+   </AnalyzeAction>
+   <ArchiveAction
+      buildConfiguration = "Release"
+      revealArchiveInOrganizer = "YES">
+   </ArchiveAction>
+</Scheme>
--- a/ios/App/App/App.entitlements
+++ b/ios/App/App/App.entitlements
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>aps-environment</key>
+	<string>development</string>
+</dict>
+</plist>
--- a/ios/App/App/AppDelegate.swift
+++ b/ios/App/App/AppDelegate.swift
@@ -7,10 +7,38 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
+        DispatchQueue.main.asyncAfter(deadline: .now() + 1.0) {
+            self.enableInteractiveKeyboard()
+        }
        // Override point for customization after application launch.
        return true
    }
    
+    func enableInteractiveKeyboard() {
+        guard let window = UIApplication.shared.windows.first,
+              let rootView = window.rootViewController?.view else {
+            return
+        }
+        
+        // Find WKWebView recursively
+        func findWebView(in view: UIView) -> WKWebView? {
+            if let webView = view as? WKWebView {
+                return webView
+            }
+            for subview in view.subviews {
+                if let found = findWebView(in: subview) {
+                    return found
+                }
+            }
+            return nil
+        }
+        
+        if let webView = findWebView(in: rootView) {
+            webView.scrollView.keyboardDismissMode = .interactive
+            print("✅ Interactive keyboard enabled!")
+        }
+    }
+
    func applicationWillResignActive(_ application: UIApplication) {
        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
@@ -46,4 +74,12 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
    }
    
+    func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) {
+      NotificationCenter.default.post(name: .capacitorDidRegisterForRemoteNotifications, object: deviceToken)
+    }
+
+    func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) {
+      NotificationCenter.default.post(name: .capacitorDidFailToRegisterForRemoteNotifications, object: error)
+    }
+
 }
--- a/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
+++ b/ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
--- a/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
+++ b/ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
@@ -1,7 +1,7 @@
 {
  "images" : [
    {
-      "filename" : "AppIcon-512@2x.png",
+      "filename" : "Group 73 (6).png",
      "idiom" : "universal",
      "platform" : "ios",
      "size" : "1024x1024"
--- a/ios/App/App/Assets.xcassets/AppIcon.appiconset/Group
+++ b/ios/App/App/Assets.xcassets/AppIcon.appiconset/Group
--- a/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
@@ -1,23 +1,23 @@
 {
  "images" : [
    {
+      "filename" : "Group 74.png",
      "idiom" : "universal",
-      "filename" : "splash-2732x2732-2.png",
      "scale" : "1x"
    },
    {
+      "filename" : "Group 75.png",
      "idiom" : "universal",
-      "filename" : "splash-2732x2732-1.png",
      "scale" : "2x"
    },
    {
+      "filename" : "Group 76.png",
      "idiom" : "universal",
-      "filename" : "splash-2732x2732.png",
      "scale" : "3x"
    }
  ],
  "info" : {
-    "version" : 1,
-    "author" : "xcode"
+    "author" : "xcode",
+    "version" : 1
  }
 }
--- a/ios/App/App/Assets.xcassets/Splash.imageset/Group
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/Group
--- a/ios/App/App/Assets.xcassets/Splash.imageset/Group
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/Group
--- a/ios/App/App/Assets.xcassets/Splash.imageset/Group
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/Group
--- a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png
--- a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png
--- a/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png
+++ b/ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png
--- a/ios/App/App/Info.plist
+++ b/ios/App/App/Info.plist
@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
-        <string>Hyperia</string>
+	<string>Forum</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -22,6 +22,23 @@
 	<string>$(CURRENT_PROJECT_VERSION)</string>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
+	<key>NSAppTransportSecurity</key>
+	<dict>
+		<key>NSAllowsArbitraryLoads</key>
+		<true/>
+		<key>NSAllowsLocalNetworking</key>
+		<true/>
+	</dict>
+	<key>NSLocationAlwaysAndWhenInUseUsageDescription</key>
+	<string>Used to find keep local information relevant.</string>
+	<key>NSLocationWhenInUseUsageDescription</key>
+	<string>Used to find forums and communities near you</string>
+	<key>NSPhotoLibraryUsageDescription</key>
+	<string>Access your photos to set a profile picture and share with others</string>
+	<key>UIBackgroundModes</key>
+	<array>
+		<string>remote-notification</string>
+	</array>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>
@@ -30,18 +47,15 @@
 	<array>
 		<string>armv7</string>
 	</array>
+	<key>UIRequiresFullScreen</key>
+	<true/>
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
 	<key>UISupportedInterfaceOrientations~ipad</key>
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
 	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<true/>
--- a/ios/App/NotificationService/Info.plist
+++ b/ios/App/NotificationService/Info.plist
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>NSExtension</key>
+	<dict>
+		<key>NSExtensionPointIdentifier</key>
+		<string>com.apple.usernotifications.service</string>
+		<key>NSExtensionPrincipalClass</key>
+		<string>$(PRODUCT_MODULE_NAME).NotificationService</string>
+	</dict>
+</dict>
+</plist>
--- a/ios/App/NotificationService/NotificationService.swift
+++ b/ios/App/NotificationService/NotificationService.swift
@@ -0,0 +1,49 @@
+//
+//  NotificationService.swift
+//  NotificationService
+//
+//  Created by Matias Carulli on 5/7/26.
+//
+
+import UserNotifications
+
+class NotificationService: UNNotificationServiceExtension {
+
+    var contentHandler: ((UNNotificationContent) -> Void)?
+    var bestAttemptContent: UNMutableNotificationContent?
+
+    override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
+        self.contentHandler = contentHandler
+        bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)
+
+        guard
+            let content = bestAttemptContent,
+            let imageUrlString = request.content.userInfo["imageUrl"] as? String,
+            let imageUrl = URL(string: imageUrlString)
+        else {
+            contentHandler(request.content)
+            return
+        }
+
+        URLSession.shared.downloadTask(with: imageUrl) { location, _, error in
+            defer { contentHandler(content) }
+            guard let location = location, error == nil else { return }
+
+            let tmpFile = URL(fileURLWithPath: NSTemporaryDirectory())
+                .appendingPathComponent(imageUrl.lastPathComponent)
+
+            try? FileManager.default.moveItem(at: location, to: tmpFile)
+
+            if let attachment = try? UNNotificationAttachment(identifier: "avatar", url: tmpFile) {
+                content.attachments = [attachment]
+            }
+        }.resume()
+    }
+
+    override func serviceExtensionTimeWillExpire() {
+        if let contentHandler = contentHandler, let content = bestAttemptContent {
+            contentHandler(content)
+        }
+    }
+
+}
--- a/ios/App/Podfile
+++ b/ios/App/Podfile
@@ -12,9 +12,14 @@ def capacitor_pods
  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
  pod 'CapacitorCamera', :path => '../../node_modules/@capacitor/camera'
+  pod 'CapacitorFilesystem', :path => '../../node_modules/@capacitor/filesystem'
  pod 'CapacitorGeolocation', :path => '../../node_modules/@capacitor/geolocation'
  pod 'CapacitorGoogleMaps', :path => '../../node_modules/@capacitor/google-maps'
+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
+  pod 'CapacitorPreferences', :path => '../../node_modules/@capacitor/preferences'
+  pod 'CapacitorPushNotifications', :path => '../../node_modules/@capacitor/push-notifications'
  pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
+  pod 'NotnotsamuelCapacitorSwipeBack', :path => '../../node_modules/@notnotsamuel/capacitor-swipe-back'
 end

 target 'App' do
--- a/ios/App/Podfile.lock
+++ b/ios/App/Podfile.lock
@@ -4,6 +4,9 @@ PODS:
  - CapacitorCamera (7.0.2):
    - Capacitor
  - CapacitorCordova (7.4.4)
+  - CapacitorFilesystem (7.1.8):
+    - Capacitor
+    - IONFilesystemLib (~> 1.1.1)
  - CapacitorGeolocation (7.1.5):
    - Capacitor
    - IONGeolocationLib (= 1.0.1)
@@ -11,6 +14,12 @@ PODS:
    - Capacitor
    - Google-Maps-iOS-Utils (~> 5.0)
    - GoogleMaps (~> 8.4)
+  - CapacitorHaptics (7.0.3):
+    - Capacitor
+  - CapacitorPreferences (7.0.4):
+    - Capacitor
+  - CapacitorPushNotifications (7.0.6):
+    - Capacitor
  - CapacitorSplashScreen (7.0.3):
    - Capacitor
  - Google-Maps-iOS-Utils (5.0.0):
@@ -20,20 +29,29 @@ PODS:
  - GoogleMaps/Base (8.4.0)
  - GoogleMaps/Maps (8.4.0):
    - GoogleMaps/Base
+  - IONFilesystemLib (1.1.2)
  - IONGeolocationLib (1.0.1)
+  - NotnotsamuelCapacitorSwipeBack (3.0.2):
+    - Capacitor

 DEPENDENCIES:
  - "Capacitor (from `../../node_modules/@capacitor/ios`)"
  - "CapacitorCamera (from `../../node_modules/@capacitor/camera`)"
  - "CapacitorCordova (from `../../node_modules/@capacitor/ios`)"
+  - "CapacitorFilesystem (from `../../node_modules/@capacitor/filesystem`)"
  - "CapacitorGeolocation (from `../../node_modules/@capacitor/geolocation`)"
  - "CapacitorGoogleMaps (from `../../node_modules/@capacitor/google-maps`)"
+  - "CapacitorHaptics (from `../../node_modules/@capacitor/haptics`)"
+  - "CapacitorPreferences (from `../../node_modules/@capacitor/preferences`)"
+  - "CapacitorPushNotifications (from `../../node_modules/@capacitor/push-notifications`)"
  - "CapacitorSplashScreen (from `../../node_modules/@capacitor/splash-screen`)"
+  - "NotnotsamuelCapacitorSwipeBack (from `../../node_modules/@notnotsamuel/capacitor-swipe-back`)"

 SPEC REPOS:
  trunk:
    - Google-Maps-iOS-Utils
    - GoogleMaps
+    - IONFilesystemLib
    - IONGeolocationLib

 EXTERNAL SOURCES:
@@ -43,24 +61,40 @@ EXTERNAL SOURCES:
    :path: "../../node_modules/@capacitor/camera"
  CapacitorCordova:
    :path: "../../node_modules/@capacitor/ios"
+  CapacitorFilesystem:
+    :path: "../../node_modules/@capacitor/filesystem"
  CapacitorGeolocation:
    :path: "../../node_modules/@capacitor/geolocation"
  CapacitorGoogleMaps:
    :path: "../../node_modules/@capacitor/google-maps"
+  CapacitorHaptics:
+    :path: "../../node_modules/@capacitor/haptics"
+  CapacitorPreferences:
+    :path: "../../node_modules/@capacitor/preferences"
+  CapacitorPushNotifications:
+    :path: "../../node_modules/@capacitor/push-notifications"
  CapacitorSplashScreen:
    :path: "../../node_modules/@capacitor/splash-screen"
+  NotnotsamuelCapacitorSwipeBack:
+    :path: "../../node_modules/@notnotsamuel/capacitor-swipe-back"

 SPEC CHECKSUMS:
  Capacitor: 09d9ff8e9618e8c4b3cab2bbee34a17215dd2fef
  CapacitorCamera: 6e18d54c8ab30d7dc7b8cd93d96f9b4f57e9202a
  CapacitorCordova: bf648a636f3c153f652d312ae145fb508b6ffced
+  CapacitorFilesystem: f54cd6b76be06fa7ceb219cf313d32e0d626ea87
  CapacitorGeolocation: b96474c3259dd4a294227ea8ec19140b1837cceb
  CapacitorGoogleMaps: 20b5445a532f80dbb120fa99941fd094bcc88af6
+  CapacitorHaptics: d17da7dd984cae34111b3f097ccd3e21f9feec62
+  CapacitorPreferences: d82a7e3b95fcab43a553268b803356522910d153
+  CapacitorPushNotifications: c6158ba6f3777f281a675aa43e4011e9723e822b
  CapacitorSplashScreen: d06ae8804808e9f649a08e7bb7f283c77b688084
  Google-Maps-iOS-Utils: 66d6de12be1ce6d3742a54661e7a79cb317a9321
  GoogleMaps: 8939898920281c649150e0af74aa291c60f2e77d
+  IONFilesystemLib: 21a63377696b2d8fab5632ecfb7d2ac67bddb68a
  IONGeolocationLib: 20f9d0248a0b5264511fb57a37e25dd2badf797a
+  NotnotsamuelCapacitorSwipeBack: 07a8985928db83b1d62a1d596246db466e69d149

-PODFILE CHECKSUM: 1f8c41a3cb5e4540693adb6a47064e328eec261d
+PODFILE CHECKSUM: d7fbdcfecbb81edc39c9975b338d5d15e186424b

 COCOAPODS: 1.15.2
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "capacitor-app",
-  "version": "1.0.0",
+  "name": "Forum",
+  "version": "1.0.1",
  "description": "An Amazing Capacitor App",
  "type": "module",
  "keywords": [
@@ -13,12 +13,17 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@capacitor/camera": "latest",
-    "@capacitor/core": "latest",
+    "@capacitor/camera": "^7.0.2",
+    "@capacitor/core": "^7.4.4",
+    "@capacitor/filesystem": "^7.1.8",
    "@capacitor/geolocation": "^7.1.5",
    "@capacitor/google-maps": "^7.2.0",
+    "@capacitor/haptics": "^7.0.3",
    "@capacitor/ios": "^7.4.4",
-    "@capacitor/splash-screen": "latest"
+    "@capacitor/preferences": "^7.0.4",
+    "@capacitor/push-notifications": "^7.0.6",
+    "@capacitor/splash-screen": "^7.0.3",
+    "@notnotsamuel/capacitor-swipe-back": "^3.0.2"
  },
  "devDependencies": {
    "@capacitor/cli": "latest",
--- a/readme.md
+++ b/readme.md
@@ -1,29 +1,74 @@
-## Created with Capacitor Create App
+## Run in Browser

-This app was created using [`@capacitor/create-app`](https://github.com/ionic-team/create-capacitor-app),
-and comes with a very minimal shell for building an app.
+```npm run start```

-### Running this example
+## Install Native Tools

-To run the provided example, you can use `npm start` command.
-
-```bash
-npm start
-```
-
-### Background Color
-
-In src/manifest.json, "#31d53d" refers to the green color which is visible in the background in the web version. This is not visible in the built version.
-
-### Running iOS
 https://capacitorjs.com/docs/ios#adding-the-ios-platform

 npm install @capacitor/ios
 npx cap add ios
+
+## Run On Device
+
+To Open XCode:
 npx cap open ios

-To Rerun:
+Run this command to rebuild for iOS
 npm run build && npx cap copy ios

-### Note
-You need to be in mobile mode in order for the app to work, in the top right corner of dev tools. 
+If getting black screen:
+npx cap sync iOS
+
+
+## iOS:
+
+### Browser: Dev Front and Dev Back (localhost)
+This option should be at the top level of capacitor.config.json
+"server": {
+    "url": "http://sam.local:5173",
+    "cleartext": true
+},
+
+### Browser: Prod Front and Prod Back
+Run:
+vite build
+npx serve dist
+
+If you need to login again:
+run localStorage.clear() in the browser dev tools console and then refresh the page.
+
+
+
+
+## iOS:
+
+### Dev Front, Dev Back (localhost)
+This option should be at the top level of capacitor.config.json
+"server": {
+    "url": "http://sam.local:5173",
+    "cleartext": true
+},
+
+### Dev Front, Prod Back (frm.so)
+Add "https://frm.so" to VITE_API_URL in .env.development
+
+### Prod Front, Prod Back (frm.so)
+Remove the "server" object from capacitor.config.
+
+### Various Commands
+npx cap config - this will list the full configuration currently being used
+
+### Architecture
+
+In Development, API routes are routed using the vite.config.js.
+
+### Notes
+
+Background Color: 
+In src/manifest.json, "#31d53d" refers to the green color which is visible in the background in the web version. This is not visible in the built version.
+
+Test Push Notifications:
+https://icloud.developer.apple.com/dashboard/notifications/teams/53DK57C7ZF/app/russell.sam.forum/notifications/create?notificationId=8bb87cf2-9590-4a63-b7e1-e4c7f2a2c879&environment=DEVELOPMENT&notificationType=push
+
+Note: Even if built in "production" mode, the tokens will still be considered "development" by Apple until the app is actually deployed
--- a/src/Home.js
+++ b/src/Home.js
@@ -1,63 +0,0 @@
-import "./components/Sidebar.js"
-import "./components/AppMenu.js"
-import "./apps/Forum/Forum.js"
-import "./apps/Messages/Messages.js"
-import "./apps/Jobs/Jobs.js"
-import "./apps/People/People.js"
-
-class Home extends Shadow {
-
-    render() {
-        ZStack(() => {
-
-            img("/_/icons/hamburger.svg", "3em")
-                .position("absolute")
-                .zIndex(2)
-                .left(2, em)
-                .top(2, em)
-                .onTouch(function (start) {
-                    console.log("touch", start)
-                    if(start) {
-                        this.style.scale = "0.8"
-                    } else if(start === false) {
-                        this.style.scale = ""
-                        $("sidebar-").toggle()
-                    }
-                })
-
-			Sidebar()
-
-            VStack(() => {
-                switch(global.currentApp) {
-                    case "Dashboard":
-                        Forum()
-                        break;
-    
-                    case "Messages":
-                        Messages()
-                        break;
-
-                    case "People":
-                        People()
-                        break;
-                }
-
-                AppMenu()
-            })
-            .height(100, pct)
-            .onNavigate(() => {
-                console.log("navigate")
-                this.rerender()
-            })
-            // .onClick(() => {
-            //     this.rerender()
-            // })
-        })
-                .backgroundColor("var(--main)")
-
-        .overflowX("hidden")
-        .height(100, vh)
-    }
-}
-
-register(Home)
--- a/src/Login.js
+++ b/src/Login.js
@@ -1,47 +0,0 @@
-class Login extends Shadow {
-    inputStyles(el) {
-        return el
-            .background("var(--main)")
-            .color("var(--accent)")
-            .border("1px solid var(--accent)")
-    }
-
-    render() {
-        ZStack(() => {
-            img("/_/icons/column.svg", window.isMobile() ? "5vmax" : "3vmax")
-                .position("absolute")
-                .top(2, em)
-                .left(2, em)
-                .onClick((done) => {
-                    window.navigateTo("/")
-                })
-
-            form(() => {
-                input("Email", "60vw")
-                    .attr({name: "email", type: "email"})
-                    .margin(1, em)
-                    .padding(1, em)
-                    .styles(this.inputStyles)
-                input("Password", "60vw")
-                    .attr({name: "password", type: "password"})
-                    .margin(1, em)
-                    .padding(1, em)
-                    .styles(this.inputStyles)
-                button("Submit")
-                    .margin(1, em)                    
-                    .padding(1, em)
-                    .background("var(--main)")
-                    .color("var(--accent)")
-                    .border("1px solid var(--accent)")
-            })
-            .attr({action: "/login", method: "POST"})
-            .x(50, vw).y(50, vh)
-            .center()
-        })
-        .background("var(--main)")
-        .width(100, vw)
-        .height(100, vh)
-    }
-}
-
-register(Login)
--- a/src/_/code/bridge/bridge.js
+++ b/src/_/code/bridge/bridge.js
@@ -1,38 +0,0 @@
-const IS_NODE =
-    typeof process !== "undefined" &&
-    process.versions?.node != null
-
-async function bridgeSend(name, args) {
-    // Example browser implementation: send function call to server
-    const res = await global.Socket.send({
-        name: name,
-        args: args
-    })
-
-    const json = await res.json()
-    if (!res.ok) throw new Error(json.error)
-    return json.result
-}
-
-/**
- * Wraps an object of functions so that:
- * - Node calls the real function
- * - Browser calls bridgeSend
- */
-export function createBridge(funcs) {
-    return new Proxy(funcs, {
-        get(target, prop) {
-            const orig = target[prop]
-
-            if (typeof orig !== "function") return orig
-
-            return function (...args) {
-                if (IS_NODE) {
-                    return orig(...args)
-                } else {
-                    return bridgeSend(prop, args)
-                }
-            }
-        }
-    })
-}
--- a/src/_/code/bridge/serverFunctions.js
+++ b/src/_/code/bridge/serverFunctions.js
@@ -1,11 +0,0 @@
-import fs from "fs"
-import { createBridge } from "./bridge.js"
-
-const handlers = {
-    getProfile(one, two) {
-        fs.writeFileSync("output.txt", `${one} ${two}`)
-        return "written to disk"
-    },
-}
-
-export const { getProfile } = createBridge(handlers)
--- a/src/_/code/quill.js
+++ b/src/_/code/quill.js
--- a/src/_/code/styles.css
+++ b/src/_/code/styles.css
@@ -1,37 +0,0 @@
-:root {
-    --main: #FFE9C8;
-    --accent: #60320c;
-    --text: #340000;
-    --yellow: #f1f3c3;
-    --bone: #fff2e7;
-    --gold: #FEBA7D;
-    --divider: #bb7c36;
-    --green: #0857265c;
-    --red: #ff0000;
-    --quillred: #DE3F3F;
-    --brown: #812A18;
-    --darkbrown: #3f0808;
-}
-
-@media (prefers-color-scheme: dark) {
-:root {
-
-}
-}
-
-input::placeholder {
-        font-family: Arial;
-    }
-
-html,
-body {
-  padding: 0;
-  margin: 0;
-}
-
-body {
-  padding-top: env(safe-area-inset-top);
-  padding-bottom: env(safe-area-inset-bottom);
-  padding-left: env(safe-area-inset-left);
-  padding-right: env(safe-area-inset-right);
-}
--- a/src/_/code/ws/Connection.js
+++ b/src/_/code/ws/Connection.js
@@ -1,61 +0,0 @@
-class Connection {
-    connectionTries = 0;
-    ws;
-    receiveCB;
-
-    constructor(receiveCB) {
-        this.receiveCB = receiveCB;
-    }
-
-    init = async () => {
-        return new Promise((resolve, reject) => {
-            const url = window.location.hostname.includes("local") 
-                ? "ws://" + window.location.host + "/ws"
-                : "wss://" + window.location.hostname + window.location.pathname + "/ws";
-
-            this.ws = new WebSocket(url);
-
-            this.ws.addEventListener('open', () => {
-                this.connectionTries = 0;
-                console.log("WebSocket connection established.");
-                this.ws.addEventListener('message', this.receiveCB);
-                resolve(this.ws); // resolve when open
-            });
-
-            this.ws.addEventListener('close', () => {
-                console.log('WebSocket closed');
-                this.checkOpen(); // attempt reconnection
-            });
-
-            this.ws.addEventListener('error', (err) => {
-                console.error('WebSocket error', err);
-                reject(err); // reject if error occurs
-            });
-        });
-    }
-
-    checkOpen = async () => {
-        if (this.ws.readyState === WebSocket.OPEN) {
-            return true;
-        } else {
-            await this.sleep(this.connectionTries < 20 ? 5000 : 60000);
-            this.connectionTries++;
-            console.log('Reestablishing connection');
-            await this.init();
-        }
-    }
-
-    sleep = (time) => new Promise(resolve => setTimeout(resolve, time));
-
-    send = (msg) => {
-        if (this.ws.readyState === WebSocket.OPEN) {
-            this.ws.send(msg);
-        } else if (this.connectionTries === 0) {
-            setTimeout(() => this.send(msg), 100);
-        } else {
-            console.error('No WebSocket connection: Cannot send message');
-        }
-    }
-}
-
-export default Connection;
--- a/src/_/code/ws/Socket.js
+++ b/src/_/code/ws/Socket.js
@@ -1,50 +0,0 @@
-import Connection from "./Connection.js";
-
-export default class Socket {
-    connection;
-    disabled = true;
-    requestID = 1;
-    pending = new Map();
-
-    constructor() {
-        this.connection = new Connection(this.receive);
-    }
-
-    async init() {
-        console.log("initting")
-        await this.connection.init()
-    }
-
-    isOpen() {
-        if(this.connection.checkOpen()) {
-            return true;
-        } else {
-            return false;
-        }
-    }
-
-    send(msg) {
-        return new Promise(resolve => {
-            const id = (++this.requestID).toString();
-            this.pending.set(id, resolve);
-            this.connection.send(JSON.stringify({ id, ...msg }));
-        });
-    }
-
-    receive = (event) => {
-        const msg = JSON.parse(event.data);
-        if (msg.id && this.pending.has(msg.id)) {
-            this.pending.get(msg.id)(msg);
-            this.pending.delete(msg.id);
-            return;
-        } else {
-            this.onBroadcast(msg)
-        }
-    }
-
-    onBroadcast(msg) {
-        window.dispatchEvent(new CustomEvent(msg.event, {
-            detail: msg.msg
-        }));
-    }
-}
--- a/src/_/code/ws/shim/fs.js
+++ b/src/_/code/ws/shim/fs.js
@@ -1 +0,0 @@
-export default {}
--- a/src/_/icons/column.svg
+++ b/src/_/icons/column.svg
@@ -1,7 +0,0 @@
-<svg width="118" height="108" viewBox="0 0 118 108" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M80.1955 59.9449H61.5784V107.52H80.1955V59.9449Z" fill="black"/>
-<path d="M31.5063 59.9449H22.1965V107.52H31.5063V59.9449Z" fill="black"/>
-<path d="M97.7112 0.0305315L97.7323 0H19.6963L19.7104 0.0305315C8.77192 0.356983 0 9.30504 0 20.3245C0 30.9295 8.12254 39.6251 18.4844 40.5563C22.3596 40.5458 31.0622 39.4924 31.4051 30.569C31.6188 24.9959 27.2599 20.2905 21.6879 20.0779L21.9063 14.3545C26.1361 14.5154 30.0476 16.3132 32.9223 19.418C35.7969 22.5216 37.2918 26.56 37.1298 30.7874C36.8068 39.1871 31.0998 44.8343 22.1987 46.0402V54.2168H95.2346V46.1436C91.7576 45.7373 88.6704 44.6558 86.1727 42.9272C82.1683 40.1618 79.9489 35.9801 79.7528 30.8332C79.5896 26.6058 81.0845 22.5686 83.9626 19.4661C86.835 16.3602 90.7477 14.5623 94.9751 14.4026L95.1947 20.1273C92.4962 20.2283 89.9997 21.3767 88.1642 23.3589C86.33 25.3411 85.3765 27.9175 85.4787 30.616C85.6043 33.9345 86.9348 36.4909 89.4313 38.2183C91.6249 39.7343 94.7203 40.5528 98.1985 40.5951C108.909 40.0232 117.429 31.1808 117.429 20.3245C117.429 9.30387 108.654 0.35346 97.7112 0.0305315Z" fill="black"/>
-<path d="M95.2336 59.9449H85.9238V107.52H95.2336V59.9449Z" fill="black"/>
-<path d="M55.8515 59.9449H37.2344V107.52H55.8515V59.9449Z" fill="black"/>
-</svg>
--- a/src/_/icons/column2.svg
+++ b/src/_/icons/column2.svg
@@ -1,4 +0,0 @@
-<svg width="28" height="32" viewBox="0 0 28 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.52366 0.0493342C4.88415 0.328928 1.12711 1.09781 0.253382 1.93659L0 2.18124V3.45688V4.73253L0.244645 4.9597C0.541713 5.23929 0.917417 5.43152 1.69504 5.69363C2.42023 5.94702 2.60372 5.96449 2.44645 5.77227C1.99211 5.22182 3.27649 4.584 5.7142 4.16461C8.0558 3.75395 9.35765 3.67532 13.5428 3.67532C17.728 3.67532 19.0299 3.75395 21.3715 4.16461C23.8354 4.584 25.0935 5.22182 24.6305 5.78974C24.5169 5.9208 24.5344 5.92954 24.7877 5.87712C25.3382 5.77227 26.4915 5.26551 26.7886 5.01212L27.0856 4.75001V3.45688V2.16376L26.7886 1.90164C25.9498 1.16771 22.8743 0.4862 18.7852 0.136707C17.3523 0.00564766 11.1401 -0.0467762 9.52366 0.0493342Z" fill="black"/>
-<path d="M10.6246 5.30045C8.06453 5.44899 5.65304 5.82469 4.49971 6.26156C3.80073 6.52367 3.49492 6.83822 3.49492 7.27508V7.62458L4.0978 7.61584C4.63077 7.6071 4.73562 7.63331 4.93658 7.82553C5.06764 7.94786 5.20743 8.11386 5.25986 8.20997C5.31228 8.31482 5.33849 11.3292 5.32976 16.79L5.32102 25.2128H5.76662H6.20349V16.423C6.20349 6.60231 6.16854 7.15276 6.79762 6.89064C7.18207 6.73337 7.75873 6.80327 8.06453 7.03918C8.58877 7.45857 8.56256 6.82948 8.56256 18.1268V28.4456H9.17417H9.78578V17.8734C9.78578 11.4428 9.81199 7.24013 9.86442 7.14402C10.0741 6.75958 10.3974 6.56736 10.9216 6.53241C11.5158 6.48873 11.9526 6.68968 12.1361 7.0916C12.2148 7.26635 12.241 10.1671 12.2322 19.4549V31.591H13.5865H14.9408V19.4636C14.9408 7.59836 14.9408 7.33624 15.1155 7.06539C15.6136 6.24408 16.9853 6.34893 17.3436 7.24013C17.4571 7.52846 17.4746 8.89148 17.4746 18.0132V28.4543L18.0687 28.4281L18.6541 28.4019L18.6279 18.2229C18.6017 11.2069 18.6279 7.94786 18.6891 7.7469C18.9774 6.82948 20.2443 6.48873 20.7861 7.18771C20.9695 7.41488 20.9695 7.4673 20.9695 16.3095V25.2128H21.4064H21.8433V16.8424C21.8433 8.708 21.852 8.47209 22.018 8.20124C22.2714 7.77311 22.5597 7.63331 23.1189 7.64205H23.6169L23.5645 7.2314C23.5296 6.94307 23.4597 6.76832 23.2937 6.63726C22.1403 5.63247 16.0155 4.99465 10.6246 5.30045Z" fill="black"/>
-</svg>
--- a/src/_/icons/columnwhite.png
+++ b/src/_/icons/columnwhite.png
--- a/src/_/icons/columnwhite.svg
+++ b/src/_/icons/columnwhite.svg
@@ -1,7 +0,0 @@
-<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M101.196 85.9449H82.5784V133.52H101.196V85.9449Z" fill="#FEE8C8"/>
-<path d="M52.5063 85.9449H43.1965V133.52H52.5063V85.9449Z" fill="#FEE8C8"/>
-<path d="M118.711 26.0305L118.732 26H40.6963L40.7104 26.0305C29.7719 26.357 21 35.305 21 46.3245C21 56.9295 29.1225 65.6251 39.4844 66.5563C43.3596 66.5458 52.0622 65.4924 52.4051 56.569C52.6188 50.9959 48.2599 46.2905 42.6879 46.0779L42.9063 40.3545C47.1361 40.5154 51.0476 42.3132 53.9223 45.418C56.7969 48.5216 58.2918 52.56 58.1298 56.7874C57.8068 65.1871 52.0998 70.8343 43.1987 72.0402V80.2168H116.235V72.1436C112.758 71.7373 109.67 70.6558 107.173 68.9272C103.168 66.1618 100.949 61.9801 100.753 56.8332C100.59 52.6058 102.084 48.5686 104.963 45.4661C107.835 42.3602 111.748 40.5623 115.975 40.4026L116.195 46.1273C113.496 46.2283 111 47.3767 109.164 49.3589C107.33 51.3411 106.376 53.9175 106.479 56.616C106.604 59.9345 107.935 62.4909 110.431 64.2183C112.625 65.7343 115.72 66.5528 119.199 66.5951C129.909 66.0232 138.429 57.1808 138.429 46.3245C138.429 35.3039 129.654 26.3535 118.711 26.0305Z" fill="#FEE8C8"/>
-<path d="M116.234 85.9449H106.924V133.52H116.234V85.9449Z" fill="#FEE8C8"/>
-<path d="M76.8515 85.9449H58.2344V133.52H76.8515V85.9449Z" fill="#FEE8C8"/>
-</svg>
--- a/src/_/icons/favicon.ico
+++ b/src/_/icons/favicon.ico
--- a/src/_/icons/forum.png
+++ b/src/_/icons/forum.png
--- a/src/_/icons/hamburger.svg
+++ b/src/_/icons/hamburger.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 100 100" width="100px" height="100px"><path d="M 17 21 A 1.0001 1.0001 0 0 0 16 22 L 16 32 A 1.0001 1.0001 0 0 0 17 33 L 83 33 A 1.0001 1.0001 0 0 0 84 32 L 84 22 A 1.0001 1.0001 0 0 0 83 21 L 17 21 z M 18 23 L 82 23 L 82 31 L 18 31 L 18 29 L 73.5 29 A 0.50005 0.50005 0 1 0 73.5 28 L 18 28 L 18 23 z M 76.5 28 A 0.50005 0.50005 0 1 0 76.5 29 L 78.5 29 A 0.50005 0.50005 0 1 0 78.5 28 L 76.5 28 z M 17 44 A 1.0001 1.0001 0 0 0 16 45 L 16 55 A 1.0001 1.0001 0 0 0 17 56 L 83 56 A 1.0001 1.0001 0 0 0 84 55 L 84 45 A 1.0001 1.0001 0 0 0 83 44 L 17 44 z M 18 46 L 82 46 L 82 54 L 18 54 L 18 46 z M 22.5 51 A 0.50005 0.50005 0 1 0 22.5 52 L 67.5 52 A 0.50005 0.50005 0 1 0 67.5 51 L 22.5 51 z M 70.5 51 A 0.50005 0.50005 0 1 0 70.5 52 L 73.5 52 A 0.50005 0.50005 0 1 0 73.5 51 L 70.5 51 z M 76.5 51 A 0.50005 0.50005 0 1 0 76.5 52 L 78.5 52 A 0.50005 0.50005 0 1 0 78.5 51 L 76.5 51 z M 17 67 A 1.0001 1.0001 0 0 0 16 68 L 16 78 A 1.0001 1.0001 0 0 0 17 79 L 83 79 A 1.0001 1.0001 0 0 0 84 78 L 84 68 A 1.0001 1.0001 0 0 0 83 67 L 17 67 z M 18 69 L 82 69 L 82 74 L 26.5 74 A 0.50005 0.50005 0 1 0 26.5 75 L 82 75 L 82 77 L 18 77 L 18 69 z M 21.5 74 A 0.50005 0.50005 0 1 0 21.5 75 L 23.5 75 A 0.50005 0.50005 0 1 0 23.5 74 L 21.5 74 z"/></svg>
--- a/src/_/icons/jobs.svg
+++ b/src/_/icons/jobs.svg
--- a/src/_/icons/letter.svg
+++ b/src/_/icons/letter.svg
@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="100" height="100">
-<path d="M0 0 C33 0 66 0 100 0 C100 23.76 100 47.52 100 72 C67 72 34 72 0 72 C0 48.24 0 24.48 0 0 Z M4 4 C3.46383745 8.70053019 3.46383745 8.70053019 5.30664062 10.5546875 C5.91701172 10.99039062 6.52738281 11.42609375 7.15625 11.875 C7.84114502 12.37870117 8.52604004 12.88240234 9.23168945 13.40136719 C9.98023193 13.92891602 10.72877441 14.45646484 11.5 15 C13.06813799 16.14868129 14.63450237 17.29978719 16.19921875 18.453125 C17.40070557 19.33194336 17.40070557 19.33194336 18.62646484 20.22851562 C22.28176453 22.95664302 25.79456149 25.84835522 29.3125 28.75 C31.2591282 30.33484221 33.20813973 31.91671841 35.15722656 33.49853516 C36.36876709 34.48568066 37.57657813 35.4774244 38.78027344 36.47412109 C40.40268905 37.81286849 42.04179632 39.1275644 43.6875 40.4375 C44.59886719 41.17871094 45.51023438 41.91992188 46.44921875 42.68359375 C48.88630843 44.26660079 48.88630843 44.26660079 51.37890625 43.5859375 C54.95082046 41.42468986 58.06328957 38.87595616 61.25 36.1875 C67.05660886 31.37582668 72.93368091 26.68843648 78.9375 22.125 C80.0061731 21.30745239 80.0061731 21.30745239 81.09643555 20.47338867 C84.06177854 18.20933035 87.03509444 15.97490703 90.0703125 13.8046875 C91.30394531 12.91136719 91.30394531 12.91136719 92.5625 12 C93.24441406 11.525625 93.92632812 11.05125 94.62890625 10.5625 C96.54964019 8.72009187 96.54964019 8.72009187 96 4 C65.64 4 35.28 4 4 4 Z M4 15 C4 32.49 4 49.98 4 68 C34.36 68 64.72 68 96 68 C96 50.51 96 33.02 96 15 C91.10723979 18.66957016 86.23777639 22.33985116 81.4375 26.125 C80.5556604 26.81843506 80.5556604 26.81843506 79.65600586 27.52587891 C76.42735841 30.06945531 73.21156659 32.62826175 70.0078125 35.203125 C69.01890015 35.99759033 69.01890015 35.99759033 68.01000977 36.80810547 C66.75119369 37.82090246 65.49376977 38.83543328 64.23803711 39.85205078 C63.07629198 40.7874235 61.90867537 41.71555794 60.73486328 42.63574219 C59.54616335 43.57050931 58.37318371 44.52551784 57.21435547 45.49707031 C54.26370419 47.84496996 52.75924576 48.97890984 48.90625 49.0859375 C45.41094599 47.77989648 43.28715117 46.10681719 40.5 43.625 C39.44697905 42.70771873 38.39222174 41.79242782 37.3359375 40.87890625 C36.7903418 40.40340332 36.24474609 39.92790039 35.68261719 39.43798828 C32.89861809 37.05874355 30.01440497 34.81161154 27.125 32.5625 C26.54911133 32.11293945 25.97322266 31.66337891 25.37988281 31.20019531 C24.19857561 30.27805578 23.01693136 29.35634787 21.83496094 28.43505859 C19.90812651 26.92814897 17.98846374 25.41247563 16.0703125 23.89453125 C15.43077637 23.38913818 14.79124023 22.88374512 14.13232422 22.36303711 C12.90121746 21.38980809 11.671035 20.41540842 10.44189453 19.43969727 C7.37045638 16.99238729 7.37045638 16.99238729 4 15 Z " fill="#000000" transform="translate(0,14)"/>
-</svg>
--- a/src/_/icons/play.svg
+++ b/src/_/icons/play.svg
--- a/src/_/icons/runner.svg
+++ b/src/_/icons/runner.svg
@@ -1,71 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 viewBox="0 0 511.697 511.697" xml:space="preserve">
-<g transform="translate(0 1)">
-	<g>
-		<path style="fill:#FFE100;" d="M505.189,119.472L505.189,119.472c-7.81-7.81-13.885-9.546-21.695-1.736l-45.125,45.993
-			c-6.075,6.075-14.753,6.075-20.827,0.868l-63.349-59.01c-4.339-4.339-10.414-6.942-16.488-6.942h-94.59l-79.837,75.498
-			c-7.81,7.81-9.546,21.695-1.736,30.373c8.678,9.546,22.563,8.678,31.241,0l59.01-62.481h43.39L147.656,306.916H62.612
-			c-13.885,0-26.902,10.414-27.769,24.298c-0.868,15.62,11.281,27.77,26.034,27.77H165.88c10.414,0,19.959-4.339,27.77-12.149
-			l57.275-61.614l61.614,65.085L296.05,456.177c-2.603,12.149,2.603,25.166,13.885,30.373c15.62,6.942,32.108-1.736,36.447-17.356
-			l25.166-135.376c0.868-6.075-0.868-11.281-5.207-15.62l-71.159-72.027l69.424-69.424l45.993,45.993
-			c7.81,7.81,21.695,7.81,29.505,0l19.959-19.959l45.125-52.068C513.867,142.035,513.867,128.15,505.189,119.472"/>
-		<path style="fill:#FFE100;" d="M462.667,118.605l-0.868-0.868c-7.81-7.81-1.736-7.81-10.414,0l-34.712,45.993
-			c-6.075,6.075-14.753,6.075-20.827,0.868l-73.763-59.01c-4.339-4.339-4.339-6.942-10.414-6.942h-68.556l-79.837,75.498
-			c-7.81,7.81-9.546,21.695-1.736,30.373c8.678,9.546,4.339,8.678,12.149,0l60.746-62.481h34.712L121.623,306.916h-59.01
-			c-13.885,0-26.902,10.414-27.769,24.298c-0.868,15.62,11.281,27.77,26.034,27.77h95.458l69.424-72.895l60.746,64.217
-			l-16.488,105.871c-2.603,12.149,2.603,25.166,13.885,30.373c15.62,6.942,16.488-1.736,19.959-17.356l20.827-144.922
-			l-55.539-78.102l63.349-69.424l40.786,45.993c7.81,7.81,18.224-3.471,26.034-11.281l8.678-8.678l54.671-54.671
-			C470.477,140.299,470.477,126.415,462.667,118.605"/>
-	</g>
-	<g>
-		<path style="fill:#FFA800;" d="M323.819,324.272l-20.827,144.922c-2.603,11.281-3.471,19.092-10.414,19.959
-			c12.149,0.868,23.431-7.81,26.034-19.959l27.77-144.922l-77.234-77.234L323.819,324.272z"/>
-		<path style="fill:#FFA800;" d="M487.833,118.605l-0.868-0.868c-7.81-7.81-19.092-7.81-27.77-1.736
-			c0.868,0.868,0.868,0.868,1.736,1.736l0.868,0.868c7.81,7.81,7.81,20.827,0,29.505l-54.671,54.671l-8.678,8.678
-			c-4.339,4.339-8.678,9.546-13.885,12.149c7.81,6.942,20.827,6.942,28.637-0.868l19.959-19.959l54.671-54.671
-			C495.643,140.299,495.643,127.282,487.833,118.605"/>
-	</g>
-	<g>
-		<path style="fill:#FFFFFF;" d="M163.277,207.12c-0.868-0.868-1.736-1.736-2.603-2.603c-7.81-8.678-6.942-21.695,1.736-30.373
-			l80.705-75.498H217.08l-79.837,75.498c-7.81,7.81-9.546,21.695-1.736,30.373S155.467,213.194,163.277,207.12"/>
-		<path style="fill:#FFFFFF;" d="M34.843,331.215c0.868-13.885,13.017-24.298,26.902-24.298H35.711
-			c-13.885,0-26.902,10.414-27.769,24.298c0,15.62,12.149,27.77,26.902,27.77h26.034C46.124,358.984,33.975,346.835,34.843,331.215"
-			/>
-	</g>
-	<path style="fill:#FFE100;" d="M425.351,63.933c0-24.298-19.092-43.39-43.39-43.39c-0.868,0-26.034,19.092-26.034,43.39
-		c0,0.868,1.736,43.39,26.034,43.39C406.26,107.323,425.351,88.232,425.351,63.933"/>
-	<g>
-		<path style="fill:#FFA800;" d="M399.318,20.543c-2.603,0-6.075,0-8.678,0.868c19.959,4.339,34.712,21.695,34.712,42.522
-			s-14.753,38.183-34.712,42.522c2.603,0.868,6.075,0.868,8.678,0.868c24.298,0,43.39-19.092,43.39-43.39
-			S423.616,20.543,399.318,20.543"/>
-		<path style="fill:#FFA800;" d="M356.795,71.743c0,0.868,0,0.868,0,1.736C356.795,72.611,356.795,71.743,356.795,71.743"/>
-	</g>
-	<path d="M295.182,497.832c-5.207,0-9.546-0.868-14.753-3.471c-14.753-6.942-23.431-23.431-19.092-40.786l15.62-100.664
-		l-52.068-54.671l-62.481,66.82c-1.736,1.736-3.471,2.603-6.075,2.603H34.843c-9.546,0-18.224-4.339-25.166-10.414
-		c-6.942-6.942-10.414-16.488-9.546-26.034c0.868-18.224,16.488-32.976,36.447-32.976h81.573l32.108-35.58
-		c3.471-3.471,8.678-3.471,12.149-0.868c3.471,3.471,3.471,8.678,0.868,12.149l-34.712,39.051c-2.603,1.736-4.339,2.603-6.942,2.603
-		H36.579c-10.414,0-19.092,6.942-19.092,16.488c0,5.207,1.736,9.546,4.339,13.017c3.471,3.471,7.81,5.207,13.017,5.207h118.02
-		l65.953-70.292c1.736-1.736,4.339-2.603,6.075-2.603c2.603,0,4.339,0.868,6.075,2.603l61.614,64.217
-		c1.736,1.736,2.603,4.339,2.603,6.942l-16.488,105.871c-1.736,9.546,1.736,18.224,9.546,21.695c5.207,2.603,10.414,1.736,14.753,0
-		c4.339-2.603,7.81-6.942,9.546-11.281l26.034-139.715l-74.63-74.631c-2.603-2.603-3.471-4.339-3.471-6.942
-		c0-2.603,0.868-4.339,2.603-6.075l69.424-69.424c3.471-3.471,8.678-3.471,12.149,0l45.993,45.993
-		c4.339,4.339,12.149,4.339,17.356,0l74.63-74.631c4.339-4.339,4.339-12.149,0-16.488l-0.868-0.868
-		c-5.207-5.207-13.017-5.207-17.356,0l-45.125,45.993c-8.678,8.678-23.431,9.546-32.976,0.868l-63.349-59.01
-		c-2.603-2.603-6.942-4.339-10.414-4.339h-91.986l-77.234,73.763c-5.207,5.207-5.207,13.017-0.868,18.224
-		c2.603,2.603,6.075,4.339,9.546,4.339l0,0c3.471,0,6.942-1.736,8.678-4.339l59.01-62.481c1.736-1.736,4.339-2.603,6.075-2.603
-		h43.39c3.471,0,6.942,1.736,7.81,5.207s0.868,6.942-1.736,9.546l-69.424,78.102c-3.471,3.471-8.678,4.339-12.149,0.868
-		c-3.471-3.471-3.471-8.678-0.868-12.149l56.407-63.349h-19.959l-56.407,59.878c-5.207,6.075-13.017,9.546-21.695,9.546l0,0
-		c-8.678,0-16.488-3.471-21.695-9.546c-10.414-11.281-9.546-30.373,1.736-42.522l79.837-76.366c1.736-3.471,3.471-4.339,6.075-4.339
-		h94.59c8.678,0,16.488,3.471,22.563,8.678l63.349,59.01c2.603,2.603,6.075,2.603,8.678,0l45.125-45.993
-		c11.281-11.281,30.373-11.281,42.522,0l0.868,0.868c11.281,11.281,11.281,30.373,0,41.654l-74.63,74.631
-		c-11.281,11.281-30.373,11.281-41.654,0l-39.919-39.919l-57.275,57.275l72.027,72.027c1.736,1.736,2.603,5.207,2.603,7.81
-		L329.026,470.93c-2.603,10.414-9.546,19.092-18.224,23.431C305.595,496.964,300.389,497.832,295.182,497.832z"/>
-	<path d="M187.575,241.832c0-5.207-3.471-8.678-8.678-8.678s-8.678,3.471-8.678,8.678s3.471,8.678,8.678,8.678
-		S187.575,247.038,187.575,241.832"/>
-	<path d="M399.318,116.001c-28.637,0-52.068-23.431-52.068-52.068s23.431-52.068,52.068-52.068
-		c28.637,0,52.068,23.431,52.068,52.068S427.955,116.001,399.318,116.001z M399.318,29.221c-19.092,0-34.712,15.62-34.712,34.712
-		s15.62,34.712,34.712,34.712c19.092,0,34.712-15.62,34.712-34.712S418.409,29.221,399.318,29.221z"/>
-</g>
-</svg>
--- a/src/_/icons/stop.svg
+++ b/src/_/icons/stop.svg
--- a/src/_/imgs/logo.png
+++ b/src/_/imgs/logo.png
--- a/src/apps/Forum/Forum.js
+++ b/src/apps/Forum/Forum.js
@@ -1,74 +0,0 @@
-import './ForumPanel.js'
-
-css(`
-    forum- {
-        font-family: 'Bona';
-    }
-
-    forum- input::placeholder {
-        font-family: 'Bona Nova';
-        font-size: 0.9em;
-        color: var(--accent);
-    }
-
-    input::placeholder {
-        font-family: Arial;
-    }
-
-    input[type="checkbox"] {
-        appearance: none;        /* remove default style */
-        -webkit-appearance: none;
-        width: 1em;
-        height: 1em;
-        border: 1px solid var(--accent);
-    }
-
-    input[type="checkbox"]:checked {
-        background-color: var(--red);
-    }
-`)
-
-class Forum extends Shadow {
-
-    selectedForum = "HY"
-
-    render() {
-        ZStack(() => {
-            VStack(() => {
-
-                ForumPanel()
-
-                input("Message", "70%")
-                    .paddingVertical(0.75, em)
-                    .paddingLeft(2, em)
-                    .color("var(--accent)")
-                    .background("#fff1dd")
-                    .marginBottom(5.5, em)
-                    .border("1px solid black")
-                    .borderRadius(100, px)
-                    .fontFamily("Arial")
-                    .fontSize(1, em)
-                    .onKeyDown(function (e) {
-                        if (e.key === "Enter") {
-                            window.Socket.send({app: "FORUM", operation: "SEND", msg: {forum: "HY", text: this.value }})
-                            this.value = ""
-                        }
-                    })
-            })
-            .gap(0.5, em)
-            .boxSizing("border-box")
-            .width(100, pct)
-            .height(100, pct)
-            .horizontalAlign("center")
-            .verticalAlign("end")
-        })
-        .backgroundColor("var(--main)")
-        .boxSizing("border-box")
-        .width(100, pct)
-        .height(100, pct)
-    }
-
-    
-}
-
-register(Forum)
--- a/src/apps/Forum/ForumPanel.js
+++ b/src/apps/Forum/ForumPanel.js
@@ -1,88 +0,0 @@
-import "../../components/LoadingCircle.js"
-
-class ForumPanel extends Shadow {
-    forums = [
-        "HY"
-    ]
-    messages = []
-
-    render() {
-        VStack(() => {
-            if(this.messages.length > 0) {
-
-                let previousDate = null
-
-                for(let i=0; i<this.messages.length; i++) {
-                    let message = this.messages[i]
-                    const dateParts = this.parseDate(message.time);
-                    const { date, time } = dateParts;
-
-                    if (previousDate !== date) {
-                        previousDate = date;
-
-                        p(date)
-                            .textAlign("center")
-                            .opacity(0.5)
-                            .marginVertical(1, em)
-                            .color("var(--divider)")
-                    }
-
-                    VStack(() => {
-                        HStack(() => {
-                            p(message.sentBy)
-                                .fontWeight("bold")
-                                .marginBottom(0.3, em)
-
-                            p(util.formatTime(message.time))
-                                .opacity(0.2)
-                                .marginLeft(1, em)
-                        })
-                        p(message.text)
-                    })
-                }
-            } else {
-                LoadingCircle()
-            }
-        })
-        .gap(1, em)
-        .position("relative")
-        .overflow("scroll")
-        .height(100, pct)
-        .width(96, pct)
-        .paddingTop(5, em)
-        .paddingBottom(2, em)
-        .paddingLeft(4, pct)
-        .backgroundColor("var(--main)")
-        .onAppear(async () => {
-            requestAnimationFrame(() => {
-                this.scrollTop = this.scrollHeight
-            });
-            let res = await global.Socket.send({app: "FORUM", operation: "GET", msg: {forum: "HY", number: 100}})
-            if(!res) console.error("failed to get messages")
-            if(res.msg.length > 0 && this.messages.length === 0) {
-                this.messages = res.msg
-                this.rerender()
-            }
-            window.addEventListener("new-post", (e) => {
-                this.messages = e.detail
-                if(e.detail.length !== this.messages || e.detail.last.time !== this.messages.last.time || e.detail.first.time !== this.messages.first.time) {
-                    this.rerender()
-                }
-            })
-        })
-    }
-
-    parseDate(str) {
-        // Format: MM.DD.YYYY-HH:MM:SSxxxxxx(am|pm)
-        const match = str.match(/^(\d{1,2})\.(\d{1,2})\.(\d{4})-(\d{1,2}):(\d{2}).*(am|pm)$/i);
-        if (!match) return null;
-
-        const [, mm, dd, yyyy, hh, min, ampm] = match;
-        const date = `${mm}/${dd}/${yyyy}`;
-        const time = `${hh}:${min}${ampm.toLowerCase()}`;
-
-        return { date, time };
-    }
-}
-
-register(ForumPanel)
--- a/src/apps/Jobs/Jobs.js
+++ b/src/apps/Jobs/Jobs.js
@@ -1,101 +0,0 @@
-import "./JobsSidebar.js"
-import "./JobsGrid.js"
-
-css(`
-    jobs- {
-        font-family: 'Bona';
-    }
-
-    jobs- input::placeholder {
-        font-family: 'Bona Nova';
-        font-size: 0.9em;
-        color: var(--accent);
-    }
-
-    input[type="checkbox"] {
-        appearance: none;        /* remove default style */
-        -webkit-appearance: none;
-        width: 1em;
-        height: 1em;
-        border: 1px solid var(--accent);
-    }
-
-    input[type="checkbox"]:checked {
-        background-color: var(--red);
-    }
-`)
-
-class Jobs extends Shadow {
-    jobs = [
-        {
-            title: "Austin Chapter Lead",
-            salary: "1% of Local Revenue",
-            company: "Hyperia",
-            city: "Austin",
-            state: "TX"
-        }
-    ]
-
-    render() {
-        ZStack(() => {
-            HStack(() => {
-                JobsSidebar()
-    
-                JobsGrid(this.jobs)
-            })
-            .width(100, "%")
-            .x(0).y(13, vh)
-
-            HStack(() => {
-                input("Search jobs... (Coming Soon!)", "45vw")
-                    .attr({
-                        "type": "text",
-                        "disabled": "true"
-                    })
-                    .fontSize(1.1, em)
-                    .paddingLeft(1.3, em)
-                    .background("transparent")
-                    .border("0.5px solid var(--divider)")
-                    .outline("none")
-                    .color("var(--accent)")
-                    .opacity(0.5)
-                    .borderRadius(10, px)
-                    .background("grey")
-                    .cursor("not-allowed")
-
-                button("+ Add Job")
-                    .width(7, em)
-                    .marginLeft(1, em)
-                    .borderRadius(10, px)
-                    .background("transparent")
-                    .border("0.3px solid var(--accent2)")
-                    .color("var(--accent)")
-                    .fontFamily("Bona Nova")
-                    .onHover(function (hovering) {
-                        if(hovering) {
-                            this.style.background = "var(--green)"
-
-                        } else {
-                            this.style.background = "transparent"
-
-                        }
-                    })
-                    .onClick((clicking) => {
-                        console.log(this, "clicked")
-                    })
-
-            })
-            .x(55, vw).y(4, vh)
-            .position("absolute")
-            .transform("translateX(-50%)")
-        })
-        .width(100, "%")
-        .height(100, "%")
-    }
-
-    connectedCallback() {
-        // Optional additional logic
-    }
-}
-
-register(Jobs)
--- a/src/apps/Jobs/JobsGrid.js
+++ b/src/apps/Jobs/JobsGrid.js
@@ -1,60 +0,0 @@
-class JobsGrid extends Shadow {
-    jobs;
-
-    constructor(jobs) {
-        super()
-        this.jobs = jobs
-    }
-
-    boldUntilFirstSpace(text) {
-        const index = text.indexOf(' ');
-        if (index === -1) {
-            // No spaces — bold the whole thing
-            return `<b>${text}</b>`;
-        }
-        return `<b>${text.slice(0, index)}</b>${text.slice(index)}`;
-    }
-
-    render() {
-        VStack(() => {
-            h3("Results")
-            .marginTop(0.1, em)
-            .marginBottom(1, em)
-            .marginLeft(0.4, em)
-            .color("var(--accent2)")
-
-            if (this.jobs.length > 0) {
-                ZStack(() => {
-                    for (let i = 0; i < this.jobs.length; i++) {
-                        VStack(() => {
-                            p(this.jobs[i].title)
-                                .fontSize(1.2, em)
-                                .fontWeight("bold")
-                                .marginBottom(0.5, em)
-                            p(this.jobs[i].company)
-                            p(this.jobs[i].city + ", " + this.jobs[i].state)
-                                .marginBottom(0.5, em)
-                            p(this.boldUntilFirstSpace(this.jobs[i].salary))
-                        })
-                        .padding(1, em)
-                        .borderRadius(5, "px")
-                        .background("var(--darkbrown)")
-                    }
-                })
-                .display("grid")
-                .gridTemplateColumns("repeat(auto-fill, minmax(250px, 1fr))")
-                .gap(1, em)
-            } else {
-                p("No Jobs!")
-            }
-        })
-        .height(100, vh)
-        .paddingLeft(2, em)
-        .paddingRight(2, em)
-        .paddingTop(2, em)
-        .gap(0, em)
-        .width(100, "%")
-    }
-}
-
-register(JobsGrid)
--- a/src/apps/Jobs/JobsSidebar.js
+++ b/src/apps/Jobs/JobsSidebar.js
@@ -1,26 +0,0 @@
-class JobsSidebar extends Shadow {
-    render() {
-        VStack(() => {
-            h3("Location")
-            .color("var(--accent2)")
-            .marginBottom(0, em)
-
-            HStack(() => {
-                input("Location", "100%")
-                    .paddingLeft(3, em)
-                    .paddingVertical(0.75, em)
-                    .backgroundImage("/_/icons/locationPin.svg")
-                    .backgroundRepeat("no-repeat")
-                    .backgroundSize("18px 18px")
-                    .backgroundPosition("10px center")
-            })
-        })
-        .paddingTop(1, em)
-        .paddingLeft(3, em)
-        .paddingRight(3, em)
-        .gap(1, em)
-        .minWidth(10, vw)
-    }
-}
-
-register(JobsSidebar)
--- a/src/apps/Market/Market.js
+++ b/src/apps/Market/Market.js
@@ -1,105 +0,0 @@
-import "./MarketSidebar.js"
-import "./MarketGrid.js"
-
-css(`
-    market- {
-        font-family: 'Bona';
-    }
-
-    market- input::placeholder {
-        font-family: 'Bona Nova';
-        font-size: 0.9em;
-        color: var(--accent);
-    }
-
-    input[type="checkbox"] {
-        appearance: none;        /* remove default style */
-        -webkit-appearance: none;
-        width: 1em;
-        height: 1em;
-        border: 1px solid var(--accent);
-    }
-
-    input[type="checkbox"]:checked {
-        background-color: var(--red);
-    }
-`)
-
-class Market extends Shadow {
-
-    listings = [
-        {
-            title: "Shield Lapel Pin",
-            stars: "5",
-            reviews: 1,
-            price: "$12",
-            company: "Hyperia",
-            type: "new",
-            image: "/db/images/1",
-            madeIn: "America"
-        }
-    ]
-
-    render() {
-        ZStack(() => {
-            HStack(() => {
-                MarketSidebar()
-
-                MarketGrid(this.listings)
-            })
-            .width(100, "%")
-            .x(0).y(13, vh)
-
-            HStack(() => {
-                input("Search for products... (Coming Soon!)", "45vw")
-                    .attr({
-                        "type": "text",
-                        "disabled": "true"
-                    })
-                    .fontSize(1.1, em)
-                    .paddingLeft(1.3, em)
-                    .background("transparent")
-                    .border("0.5px solid var(--divider)")
-                    .outline("none")
-                    .color("var(--accent)")
-                    .opacity(0.5)
-                    .borderRadius(10, px)
-                    .background("grey")
-                    .cursor("not-allowed")
-
-                button("+ Add Item")
-                    .width(7, em)
-                    .marginLeft(1, em)
-                    .borderRadius(10, px)
-                    .background("transparent")
-                    .border("0.5px solid var(--accent2)")
-                    .color("var(--accent)")
-                    .fontFamily("Bona Nova")
-                    .onHover(function (hovering) {
-                        if(hovering) {
-                            this.style.background = "var(--green)"
-
-                        } else {
-                            this.style.background = "transparent"
-
-                        }
-                    })
-                    .onClick((clicking) => {
-                        console.log(this, "clicked")
-                    })
-
-            })
-            .x(55, vw).y(4, vh)
-            .position("absolute")
-            .transform("translateX(-50%)")
-        })
-        .width(100, "%")
-        .height(100, "%")
-    }
-
-    connectedCallback() {
-        // Optional additional logic
-    }
-}
-
-register(Market)
--- a/src/apps/Market/MarketGrid.js
+++ b/src/apps/Market/MarketGrid.js
@@ -1,140 +0,0 @@
-class MarketGrid extends Shadow {
-    listings;
-
-    constructor(listings) {
-        super()
-        this.listings = listings
-    }
-
-    boldUntilFirstSpace(text) {
-        if(!text) return
-        const index = text.indexOf(' ');
-        if (index === -1) {
-            // No spaces — bold the whole thing
-            return `<b>${text}</b>`;
-        }
-        return `<b>${text.slice(0, index)}</b>${text.slice(index)}`;
-    }
-
-    render() {
-        VStack(() => {
-            h3("Results")
-                .marginTop(0.1, em)
-                .marginBottom(1, em)
-                .marginLeft(0.4, em)
-                .color("var(--accent)")
-                .opacity(0.7)
-
-            if (this.listings.length > 0) {
-                ZStack(() => {
-                    // BuyModal()
-
-                    let params = new URLSearchParams(window.location.search);
-
-                    const hyperiaMade = params.get("hyperia-made") === "true";
-                    const americaMade = params.get("america-made") === "true";
-                    const newItem = params.get("new") === "true";
-                    const usedItem = params.get("used") === "true";
-
-
-                    let filtered = this.listings;
-                    if (hyperiaMade) {
-                        filtered = filtered.filter(item => item.madeIn === "Hyperia");
-                    }
-                    if (americaMade) {
-                        filtered = filtered.filter(item => item.madeIn === "America");
-                    }
-                    if (newItem) {
-                        filtered = filtered.filter(item => item.type === "new");
-                    }
-                    if (usedItem) {
-                        filtered = filtered.filter(item => item.type === "used");
-                    }
-
-                    for (let i = 0; i < filtered.length; i++) {
-                        const rating = filtered[i].stars
-                        const percent = (rating / 5)
-
-                        VStack(() => {
-                            img(filtered[i].image)
-                                .marginBottom(0.5, em)
-
-                            p(filtered[i].company)
-                                .marginBottom(0.5, em)
-
-                            p(filtered[i].title)
-                                .fontSize(1.2, em)
-                                .fontWeight("bold")
-                                .marginBottom(0.5, em)
-
-                            HStack(() => {
-                                p(filtered[i].stars)
-                                    .marginRight(0.2, em)
-
-                                ZStack(() => {
-                                    div("★★★★★") // Empty stars (background)
-                                        .color("#ccc")
-    
-                                    div("★★★★★") // Filled stars (foreground, clipped by width)
-                                        .color("#ffa500")
-                                        .position("absolute")
-                                        .top(0)
-                                        .left(0)
-                                        .whiteSpace("nowrap")
-                                        .overflow("hidden")
-                                        .width(percent * 5, em)
-                                })
-                                .display("inline-block")
-                                .position("relative")
-                                .fontSize(1.2, em)
-                                .lineHeight(1)
-                                
-                                p(filtered[i].reviews)
-                                .marginLeft(0.2, em)
-                            })
-                                .marginBottom(0.5, em)
-
-                            p(filtered[i].price)
-                                .fontSize(1.75, em)
-                                .marginBottom(0.5, em)
-
-                            button("Coming Soon!")
-                                .onClick((finished) => {
-                                    if(finished) {
-
-                                    }
-                                })
-                                .onHover(function (hovering) {
-                                    if(hovering) {
-                                        this.style.backgroundColor = "var(--green)"
-                                    } else {
-                                        this.style.backgroundColor = ""
-                                    }
-                                })
-
-                        })
-                        .padding(1, em)
-                        .border("1px solid var(--accent2)")
-                        .borderRadius(5, "px")
-                    }
-                })
-                .display("grid")
-                .gridTemplateColumns("repeat(auto-fill, minmax(250px, 1fr))")
-                .gap(1, em)
-            } else {
-                p("No Listings!")
-            }
-        })
-        .onQueryChanged(() => {
-            console.log("query did change yup")
-            this.rerender()
-        })
-        .height(100, vh)
-        .paddingLeft(2, em)
-        .paddingRight(2, em)
-        .gap(0, em)
-        .width(100, "%")
-    }
-}
-
-register(MarketGrid)
--- a/src/apps/Market/MarketSidebar.js
+++ b/src/apps/Market/MarketSidebar.js
@@ -1,85 +0,0 @@
-class MarketSidebar extends Shadow {
-
-    handleChecked(e) {
-        let checked = e.target.checked
-        let label = $(`label[for="${e.target.id}"]`).innerText
-        if(checked) {
-            window.setQuery(label.toLowerCase(), true)
-        } else {
-            window.setQuery(label.toLowerCase(), null)
-        }
-    }
-
-    render() {
-        VStack(() => {
-
-            p("Make")
-
-            HStack(() => {
-                input()
-                    .attr({
-                        "type": "checkbox",
-                        "id": "hyperia-check"
-                    })
-                    .onChange(this.handleChecked)
-                label("Hyperia-Made")
-                    .attr({
-                        "for": "hyperia-check"
-                    })
-                    .marginLeft(0.5, em)
-            })
-
-            HStack(() => {
-                input()
-                    .attr({
-                        "type": "checkbox",
-                        "id": "america-check"
-                    })
-                    .onChange(this.handleChecked)
-                label("America-Made")
-                    .attr({
-                        "for": "america-check"
-                    })
-                    .marginLeft(0.5, em)
-            })
-
-            p("Condition")
-
-            HStack(() => {
-                input()
-                    .attr({
-                        "type": "checkbox",
-                        "id": "new-check"
-                    })
-                    .onChange(this.handleChecked)
-                label("New")
-                    .attr({
-                        "for": "new-check"
-                    })
-                    .marginLeft(0.5, em)
-            })
-
-            HStack(() => {
-                input()
-                    .attr({
-                        "type": "checkbox",
-                        "id": "used-check"
-                    })
-                    .onChange(this.handleChecked)
-                label("Used")
-                    .attr({
-                        "for": "used-check"
-                    })
-                    .marginLeft(0.5, em)
-            })
-        })
-        .paddingTop(12, vh)
-        .paddingLeft(3, em)
-        .paddingRight(3, em)
-        .gap(1, em)
-        .minWidth(10, vw)
-        .userSelect('none')
-    }
-}
-
-register(MarketSidebar)
--- a/src/apps/Messages/Messages.js
+++ b/src/apps/Messages/Messages.js
@@ -1,189 +0,0 @@
-import "./MessagesSidebar.js"
-import "./MessagesPanel.js"
-
-css(`
-    messages- {
-        font-family: 'Bona';
-    }
-
-    messages- input::placeholder {
-        font-family: 'Bona Nova';
-        font-size: 0.9em;
-        color: var(--accent);
-    }
-
-    input[type="checkbox"] {
-        appearance: none;        /* remove default style */
-        -webkit-appearance: none;
-        width: 1em;
-        height: 1em;
-        border: 1px solid var(--accent);
-    }
-
-    input[type="checkbox"]:checked {
-        background-color: var(--red);
-    }
-`)
-
-class Messages extends Shadow {
-    conversations = []
-    selectedConvoID = null
-    onConversationSelect(i) {
-        console.log("convo selected: ", i)
-        this.selectedConvoID = i
-        this.$("messagessidebar-").rerender()
-        this.$("messagespanel-").rerender()
-    }
-
-    getConvoFromID(id) {
-        for(let i=0; i<this.conversations.length; i++) {
-            if(this.conversations[i].id === id) {
-                return this.conversations[i]
-            }
-        }
-    }
-
-    render() {
-        ZStack(() => {
-            HStack(() => {
-                MessagesSidebar(this.conversations, this.selectedConvoID, this.onConversationSelect)
-
-                VStack(() => {
-                    if(this.getConvoFromID(this.selectedConvoID)) {
-                        MessagesPanel(this.getConvoFromID(this.selectedConvoID).messages)
-                    } else {
-                        MessagesPanel()
-                    }
-
-                    input("Send Message", "93%")
-                        .paddingVertical(1, em)
-                        .paddingHorizontal(2, em)
-                        .color("var(--accent)")
-                        .background("var(--darkbrown)")
-                        .marginBottom(6, em)
-                        .border("none")
-                        .fontSize(1, em)
-                        .onKeyDown((e) => {
-                            if (e.key === "Enter") {
-                                window.Socket.send({app: "MESSAGES", operation: "SEND", msg: { conversation: `CONVERSATION-${this.selectedConvoID}`, text: e.target.value }})
-                                e.target.value = ""
-                            }
-                        })
-                })
-                .gap(1, em)
-                .width(100, pct)
-                .horizontalAlign("center")
-                .verticalAlign("end")
-            })
-            .onAppear(async () => {
-                let res = await global.Socket.send({app: "MESSAGES", operation: "GET"})
-                if(!res) console.error("failed to get messages")
-
-                if(res.msg.length > 0 && this.conversations.length === 0) {
-                    this.conversations = res.msg
-                    this.selectedConvoID = this.conversations[0].id
-                    this.rerender()
-                }
-
-                window.addEventListener("new-message", (e) => {
-                    let convoID = e.detail.conversationID
-                    let messages = e.detail.messages
-                    let convo = this.getConvoFromID(convoID)
-                    convo.messages = messages
-                    this.rerender()
-                })
-            })
-            .width(100, pct)
-            .height(87, pct)
-            .x(0).y(13, pct)
-
-            VStack(() => {
-                p("Add Message")
-
-                input("enter email...")
-                    .color("var(--accent)")
-                    .onKeyDown(function (e) {
-                        if (e.key === "Enter") {
-                            window.Socket.send({app: "MESSAGES", operation: "ADDCONVERSATION", msg: {email: this.value }})
-                            this.value = ""
-                        }
-                    })
-
-                p("x")
-                .onClick(function (done) {
-                    if(done) {
-                        this.parentElement.style.display = "none"
-                    }
-                })
-                .xRight(2, em).y(2, em)
-                .fontSize(1.4, em)
-                .cursor("pointer")
-                
-            })
-            .gap(1, em)
-            .verticalAlign("center")
-            .horizontalAlign("center")
-            .backgroundColor("black")
-            .border("1px solid var(--accent)")
-            .position("fixed")
-            .x(50, vw).y(50, pct)
-            .center()
-            .width(60, vw)
-            .height(60, pct)
-            .display("none")
-            .attr({id: "addPanel"})
-
-            HStack(() => {
-                input("Search messages... (Coming Soon!)", "45vw")
-                    .attr({
-                        "type": "text",
-                        "disabled": "true"
-                    })
-                    .fontSize(1.1, em)
-                    .paddingLeft(1.3, em)
-                    .background("transparent")
-                    .border("0.5px solid var(--divider)")
-                    .outline("none")
-                    .color("var(--accent)")
-                    .opacity(0.5)
-                    .borderRadius(10, px)
-                    .background("grey")
-                    .cursor("not-allowed")
-
-                button("+ New Message")
-                    .width(13, em)
-                    .marginLeft(1, em)
-                    .borderRadius(10, px)
-                    .background("transparent")
-                    .border("0.5px solid var(--divider)")
-                    .color("var(--accent)")
-                    .fontFamily("Bona Nova")
-                    .onHover(function (hovering) {
-                        if(hovering) {
-                            this.style.background = "var(--green)"
-
-                        } else {
-                            this.style.background = "transparent"
-
-                        }
-                    })
-                    .onClick((done) => {
-                        console.log("click")
-                        if(done) {
-                            this.$("#addPanel").style.display = "flex"
-                        }
-                        console.log(this, "clicked")
-                    })
-
-            })
-            .x(55, vw).y(4, pct)
-            .position("absolute")
-            .transform("translateX(-50%)")
-        })
-        .boxSizing("border-box")
-        .height(100, pct)
-        .width(100, pct)
-    }
-}
-
-register(Messages)
--- a/src/apps/Messages/MessagesPanel.js
+++ b/src/apps/Messages/MessagesPanel.js
@@ -1,56 +0,0 @@
-import "../../components/LoadingCircle.js"
-
-class MessagesPanel extends Shadow {
-    messages
-
-    constructor(messages) {
-        super()
-        this.messages = messages
-    }
-
-    render() {
-        VStack(() => {
-            if(this.messages) {
-                for(let i=0; i<this.messages.length; i++) {
-                    let message = this.messages[i]
-                    let fromMe = window.profile.email === message.from.email
-                    VStack(() => {
-                        HStack(() => {
-                            p(message.from.firstName + " " + message.from.lastName)
-                                .fontWeight("bold")
-                                .marginBottom(0.3, em)
-
-                            p(util.formatTime(message.time))
-                                .opacity(0.2)
-                                .marginLeft(1, em)
-                        })
-                        p(message.text)
-                    })
-                    .paddingVertical(0.5, em)
-                    .marginLeft(fromMe ? 70 : 0, pct)
-                    .paddingRight(fromMe ? 10 : 0, pct)
-                    .marginRight(fromMe ? 0 : 70, pct)
-                    .paddingLeft(fromMe ? 5 : 10, pct)
-                    .background(fromMe ? "var(--brown)" : "var(--green)")
-                }
-            } else {
-                LoadingCircle()
-            }
-        })
-        .onAppear(async () => {
-            requestAnimationFrame(() => {
-                this.scrollTop = this.scrollHeight
-            });
-        })
-        .gap(1, em)
-        .position("relative")
-        .overflow("scroll")
-        .height(95, pct)
-        .width(100, pct)
-        .paddingTop(2, em)
-        .paddingBottom(2, em)
-        .backgroundColor("var(--darkbrown)")
-    }
-}
-
-register(MessagesPanel)
--- a/src/apps/Messages/MessagesSidebar.js
+++ b/src/apps/Messages/MessagesSidebar.js
@@ -1,73 +0,0 @@
-class MessagesSidebar extends Shadow {
-    conversations = []
-    selectedConvoID
-    onSelect
-
-    constructor(conversations, selectedConvoID, onSelect) {
-        super()
-        this.conversations = conversations
-        this.selectedConvoID = selectedConvoID
-        this.onSelect = onSelect
-    }
-
-    render() {
-         VStack(() => {
-            this.conversations.forEach((convo, i) => {
-
-                VStack(() => {
-                    HStack(() => {
-
-                        p(this.makeConvoTitle(convo.between))
-                            .textAlign("left")
-                            .marginLeft(0.5, inches)
-                            .paddingTop(0.2, inches)
-                            .width(100, pct)
-                            .marginTop(0)
-                            .fontSize(1, em)
-                            .fontWeight("bold")
-
-                        p(util.formatTime(convo.messages.last.time))
-                            .paddingTop(0.2, inches)
-                            .fontSize(0.8, em)
-                            .marginRight(0.1, inches)
-                            .color("var(--divider")
-                    })
-                    .justifyContent("space-between")
-                    .marginBottom(0)
-    
-                    p(convo.messages.last.text)
-                        .fontSize(0.8, em)
-                        .textAlign("left")
-                        .marginLeft(0.5, inches)
-                        .marginBottom(2, em)
-                        .color("var(--divider)")
-                })
-            .background(convo.id === this.selectedConvoID ? "var(--darkbrown)" : "")
-                .onClick(() => {
-                    this.onSelect(i)
-                })
-            })
-        })
-        .minWidth(15, vw)
-        .height(100, vh)
-        .gap(0, em)
-    }
-
-    makeConvoTitle(members) {
-        let membersString = ""
-        for(let i=0; i<members.length; i++) {
-            let member = members[i]
-            if(member.email === window.profile.email) {
-                continue;
-            }
-            if(members.length > 2) {
-                membersString += member.firstName
-            } else {
-                membersString += member.firstName + " " + member.lastName
-            }
-        }
-        return membersString
-    }
-}
-
-register(MessagesSidebar)
--- a/src/apps/People/People.js
+++ b/src/apps/People/People.js
@@ -1,108 +0,0 @@
-css(`
-    people- {
-        font-family: 'Arial';
-    }
-
-    people- h1 {
-      font-family: 'Bona';
-    }
-
-    people- p {
-        color: var(--accent);
-    }
-
-    people- p b {
-        color: var(--darkbrown);
-    }
-`)
-
-class People extends Shadow {
-    people = "";
-
-    constructor() {
-        super()
-        this.people = global.currentNetwork.data.members;
-    }
-
-    render() {
-        VStack(() => {
-            h1("People")
-                .color("var(--quillred)")
-                .textAlign("center")
-
-            if (this.people == "") {
-                LoadingCircle()
-            } else if (this.people.length > 0) {
-                for (let i = 0; i < this.people.length; i++) {
-                    HStack(() => {
-                        HStack(() => { })
-                            .boxSizing("border-box")
-                            .height(3.5, em)
-                            .width(3.5, em)
-                            .padding(0.5, em)
-                            .border("1px solid var(--accent)")
-                            .borderRadius(3, px)
-                            .background("var(--bone)")
-
-                        VStack(() => {
-                            h3(this.people[i].firstName + " " + this.people[i].lastName)
-                                .color("var(--brown)")
-                                .fontSize(1.2, em)
-                                .fontWeight("bold")
-                                .marginVertical(0, em)
-                            p("<b>Member since: </b>" + " " + this.convertDate(this.people[i].created))
-                        })
-                        .verticalAlign("center")
-                        .gap(0.5, em)
-                    })
-                    .height(3.5, em)
-                    .padding(0.75, em)
-                    .gap(1, em)
-                    .borderBottom("1px solid var(--divider)")
-                    .borderTop(i == 0 ? "1px solid var(--divider)" : "")
-                }
-            } else {
-                h2("No Members")
-                    .color("var(--brown)")
-                    .fontWeight("bold")
-                    .marginTop(7.5, em)
-                    .marginBottom(0.5, em)
-                    .textAlign("center")
-                p("Invite people to this network!")
-                    .textAlign("center")
-                    .color("var(--darkbrown)")
-            }
-        })
-        .position("relative")
-        .boxSizing("border-box")
-        .background("var(--bone)")
-        .paddingVertical(1, em)
-        .height(100, pct)
-        .width(100, pct)
-    }
-
-    convertDate(rawDate) {
-        const date = rawDate.split("-", 1)[0]; // "01.31.2026
-        const [mm, dd, yyyy] = date.split(".").map(Number);
-
-        const months = [
-            "January", "February", "March", "April", "May", "June",
-            "July", "August", "September", "October", "November", "December"
-        ];
-
-        const ordinal = (n) => {
-            const mod100 = n % 100;
-            if (mod100 >= 11 && mod100 <= 13) return `${n}th`;
-            switch (n % 10) {
-                case 1: return `${n}st`;
-                case 2: return `${n}nd`;
-                case 3: return `${n}rd`;
-                default: return `${n}th`;
-            }
-        };
-
-        return `${months[mm - 1]} ${ordinal(dd)}, ${yyyy}`;
-    }
-}
-
-register(People)
--- a/src/apps/Tasks/Tasks.js
+++ b/src/apps/Tasks/Tasks.js
@@ -1,153 +0,0 @@
-css(`
-    tasks- {
-        font-family: 'Bona';
-    }
-
-    tasks- input::placeholder {
-        font-family: 'Bona Nova';
-        font-size: 0.9em;
-        color: var(--accent);
-    }
-
-    input[type="checkbox"] {
-        appearance: none;        /* remove default style */
-        -webkit-appearance: none;
-        width: 1em;
-        height: 1em;
-        border: 1px solid var(--accent);
-    }
-
-    input[type="checkbox"]:checked {
-        background-color: var(--red);
-    }
-`)
-
-class Tasks extends Shadow {
-    projects = [
-        {
-            "title": "Blockcatcher",
-            "tasks": {}
-        }
-    ]
-    columns = [
-        {
-            "title": "backlog",
-            "tasks": {}
-        }
-    ]
-
-    render() {
-        ZStack(() => {
-            HStack(() => {
-                VStack(() => {
-                    h3("Projects")
-                        .marginTop(0)
-                        .marginBottom(1, em)
-                        .marginLeft(0.4, em)
-
-                    if (this.projects.length >= 1) {
-                        for(let i = 0; i < this.projects.length; i++) {
-                            p(this.projects[i].title)
-                        }
-                    } else {
-                        p("No Projects!")
-                    }
-                })
-                .height(100, vh)
-                .paddingLeft(2, em)
-                .paddingRight(2, em)
-                .paddingTop(2, em)
-                .gap(0, em)
-                .borderRight("0.5px solid var(--accent2)")
-
-                HStack(() => {
-                    if (this.columns.length >= 1) {
-                        for(let i = 0; i < this.columns.length; i++) {
-                            p(this.columns[i].name)
-                        }
-                    } else {
-                        p("No Conversations!")
-                    }
-                })
-                .height(100, vh)
-                .paddingLeft(2, em)
-                .paddingRight(2, em)
-                .paddingTop(2, em)
-                .gap(0, em)
-                .borderRight("0.5px solid var(--accent2)")
-            })
-            .width(100, "%")
-            .x(0).y(13, vh)
-            .borderTop("0.5px solid var(--accent2)")
-
-            p("0 Items")
-                .position("absolute")
-                .x(50, vw).y(50, vh)
-                .transform("translate(-50%, -50%)")
-
-            HStack(() => {
-                input("Search tasks...", "45vw")
-                    .attr({
-                        "type": "text"
-                    })
-                    .fontSize(1.1, em)
-                    .paddingLeft(1.3, em)
-                    .background("transparent")
-                    .border("0.5px solid var(--accent2)")
-                    .outline("none")
-                    .color("var(--accent)")
-                    .borderRadius(10, px)
-
-                button("Search")
-                    .marginLeft(2, em)
-                    .borderRadius(10, px)
-                    .background("transparent")
-                    .border("0.5px solid var(--accent2)")
-                    .color("var(--accent)")
-                    .fontFamily("Bona Nova")
-                    .onHover(function (hovering) {
-                        if(hovering) {
-                            this.style.background = "var(--green)"
-
-                        } else {
-                            this.style.background = "transparent"
-
-                        }
-                    })
-
-                button("+ New Task")
-                    .width(9, em)
-                    .marginLeft(1, em)
-                    .borderRadius(10, px)
-                    .background("transparent")
-                    .border("0.5px solid var(--accent2)")
-                    .color("var(--accent)")
-                    .fontFamily("Bona Nova")
-                    .onHover(function (hovering) {
-                        if(hovering) {
-                            this.style.background = "var(--green)"
-
-                        } else {
-                            this.style.background = "transparent"
-
-                        }
-                    })
-                    .onClick((clicking) => {
-                        console.log(this, "clicked")
-                    })
-
-            })
-            .x(55, vw).y(4, vh)
-            .position("absolute")
-            .transform("translateX(-50%)")
-        })
-        .width(100, "%")
-        .height(100, "%")
-    }
-
-    connectedCallback() {
-        // Optional additional logic
-    }
-}
-
-register(Tasks)
--- a/src/components/AppMenu.js
+++ b/src/components/AppMenu.js
@@ -1,67 +0,0 @@
-class AppMenu extends Shadow {
-    selected = ""
-
-    onNewSelection() {
-        this.$$("img").forEach((image) => {
-            image.style.background = ""
-        })
-    }
-
-    render() {
-        console.log("rendering")
-        HStack(() => {
-            img("/_/icons/Column.svg", "1.5em", "1.5em")
-                .attr({app: "forum"})
-                .padding(0.5, em)
-                .borderRadius(10, px)
-                .background(global.currentApp === "Dashboard" ? "var(--accent)" : "transparent")
-                .onClick((finished, e) => {
-                    if(finished) {
-                        this.onNewSelection()
-                    }
-                    e.target.style.background = "var(--accent)"
-                    if(finished) {
-                        window.navigateTo("/dashboard")
-                    }
-                })
-
-            img("/_/icons/letter.svg", "1.5em", "1.5em")
-                .attr({app: "messages"})
-                .padding(0.5, em)
-                .borderRadius(10, px)
-                .background(global.currentApp === "Messages" ? "rgb(112 150 114)" : "transparent")
-                .onClick((finished, e) => {
-                    if(finished) {
-                        this.onNewSelection()
-                    }
-                    if(finished) {
-                        window.navigateTo("/messages")
-                    }
-                })
-            img("/_/icons/jobs.svg", "1.5em", "1.5em") 
-                .attr({app: "people"})
-                .padding(0.5, em)
-                .borderRadius(10, px)
-                .background(global.currentApp === "People" ? "#9392bb" : "transparent")
-                .onClick((finished, e) => {
-                    if(finished) {
-                        this.onNewSelection()
-                    }
-                    if(finished) {
-                        window.navigateTo(`/people`)
-                    }
-                })
-        })
-        .borderTop("1px solid black")
-        .height("auto")
-        .background("var(--main)")
-        .zIndex(1)
-        .justifyContent("space-between")
-        .paddingHorizontal(4, em)
-        .paddingVertical(1, em)
-        .width(100, vw)
-        .boxSizing("border-box")
-    }
-}
-
-register(AppMenu)
--- a/src/components/LoadingCircle.js
+++ b/src/components/LoadingCircle.js
@@ -1,25 +0,0 @@
-class LoadingCircle extends Shadow {
-    render() {
-        div()
-            .borderRadius(100, pct)
-            .width(2, em).height(2, em)
-            .x(45, pct).y(50, pct)
-            .center()
-            .backgroundColor("var(--accent")
-            .transition("transform 1.75s ease-in-out")
-            .onAppear(function () {
-                let growing = true;
-
-                setInterval(() => {
-                    if (growing) {
-                        this.style.transform = "scale(1.5)";
-                    } else {
-                        this.style.transform = "scale(0.7)";
-                    }
-                    growing = !growing;
-                }, 750);
-            });
-    }
-}
-
-register(LoadingCircle)
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -1,46 +0,0 @@
-class Sidebar extends Shadow {
-
-    SidebarItem(text) {
-        return p(text)
-            .fontSize(1.5, em)
-            .fontWeight("bold")
-            .fontFamily("Sedan SC")
-            .marginLeft(2, em)
-            .fontStyle("italic")
-            .onClick(function () {
-                if(this.innerText === "Home") {
-                    window.navigateTo("/")
-                    return
-                }
-                window.navigateTo(this.innerText.toLowerCase().replace(/\s+/g, ""))
-            })
-    }
-
-    render() {
-        VStack(() => {
-            this.SidebarItem("Home")
-            this.SidebarItem("Map")
-            this.SidebarItem("Logout")
-        })
-        .gap(2, em)
-        .paddingTop(30, vh)
-        .height(100, vh)
-        .width(70, vw)
-        .borderLeft("1px solid black")
-        .position("fixed")
-        .background("var(--main)")
-        .xRight(-70, vw)
-        .transition("right .3s")
-        .zIndex(1)
-    }
-
-    toggle() {
-        if(this.style.right === "-70vw") {
-            this.style.right = "0vw"
-        } else {
-            this.style.right = "-70vw"
-        }
-    }
-}
-
-register(Sidebar)
--- a/src/env.js
+++ b/src/env.js
@@ -1,3 +0,0 @@
-class env {
-    BASE_URL = "https://parchment.page"
-}
--- a/src/index.html
+++ b/src/index.html
@@ -5,25 +5,127 @@
    <title>Forum</title>
    <meta
      name="viewport"
-      content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+      content="viewport-fit=auto, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
-
-    <script
-      type="module"
-      src="https://unpkg.com/@ionic/pwa-elements@latest/dist/ionicpwaelements/ionicpwaelements.esm.js"
-    ></script>
-    <script
-      nomodule
-      src="https://unpkg.com/@ionic/pwa-elements@latest/dist/ionicpwaelements/ionicpwaelements.js"
-    ></script>
-
-    <link rel="icon" type="image/x-icon" href="./_/icons/columnwhite.svg" />
    <link rel="manifest" href="./manifest.json" />
-    <link rel="stylesheet" href="./_/code/styles.css" />
-    <script src="./_/code/quill.js"></script>
-    <script type="module" src="./index.js"></script>
+    <link rel="stylesheet" href="" />
+    <script>window.config = { UI: 'https://frm.so', SERVER: 'https://frm.so' }</script>
+    <script type="module">
+      await import('./mobileutil.js')
+
+      function appendScript(src, isModule = false) {
+        return new Promise((resolve, reject) => {
+          const s = document.createElement('script')
+          s.src = src
+          s.crossOrigin = "anonymous"
+          if (isModule) s.type = 'module'
+          s.onload = resolve
+          s.onerror = reject
+          document.head.appendChild(s)
+        })
+      }
+
+      function appendStylesheet(href, { replaceExisting = false } = {}) {
+            return new Promise((resolve, reject) => {
+                    if (replaceExisting) {
+                    document.querySelector('link[rel="stylesheet"]')?.remove();
+                }
+                const link = document.createElement('link');
+                link.rel = 'stylesheet';
+                link.href = href;
+                link.onload = resolve;
+                link.onerror = reject;
+                document.head.appendChild(link);
+            });
+        }
+
+      try {
+        await appendStylesheet(`${window.config.UI}/_/code/shared.css`, { replaceExisting: true });
+        await appendScript(window.config.UI + '/_/code/quill.js')
+        await appendScript(window.config.UI + '/83947261/index.js', true)
+      } catch (e) {
+        document.body.innerHTML = `
+          <style>
+            #ptr-screen {
+              position: fixed; inset: 0;
+              display: flex; flex-direction: column;
+              align-items: center; justify-content: center;
+              font-family: sans-serif; text-align: center;
+              padding: 2rem; touch-action: none;
+              transition: transform 0.2s ease;
+              color: var(--text);
+            }
+            #ptr-icon {
+              font-size: 2rem; margin-bottom: 1rem;
+              transition: transform 0.2s ease, opacity 0.2s ease;
+              opacity: 0.4;
+            }
+            #ptr-label {
+              font-size: 0.9rem; opacity: 0.5;
+              margin-top: 0.5rem;
+            }
+            #ptr-indicator {
+              color: var(--text);
+              position: fixed; top: 5vh; left: 0; right: 0;
+              display: flex; align-items: center; justify-content: center;
+              padding-top: env(safe-area-inset-top);
+              height: 0; overflow: hidden;
+              transition: height 0.1s ease;
+              font-size: 0.8rem; opacity: 0.6; gap: 0.4rem;
+            }
+            @keyframes spin { to { transform: rotate(360deg) } }
+            .spinning { animation: spin 0.6s linear infinite }
+          </style>
+          <div id="ptr-indicator">
+            <span id="ptr-arrow">↓</span>
+            <span id="ptr-hint">Pull to retry</span>
+          </div>
+          <div id="ptr-screen">
+            <div id="ptr-icon">⚠️</div>
+            <p style="margin:0;font-size:1.1rem;font-weight:600">No connection</p>
+            <p id="ptr-label">Could not reach the server.<br>Pull down to try again.</p>
+          </div>
+        `
+
+        const THRESHOLD = 90
+        let startY = 0, dragging = false
+
+        document.addEventListener('touchstart', e => {
+          startY = e.touches[0].clientY
+          dragging = true
+        })
+
+        document.addEventListener('touchmove', e => {
+          if (!dragging) return
+          const dy = Math.max(0, e.touches[0].clientY - startY)
+          const pull = Math.min(dy, THRESHOLD * 1.5)
+          const progress = Math.min(pull / THRESHOLD, 1)
+
+          document.getElementById('ptr-screen').style.transform = `translateY(${pull * 0.4}px)`
+          document.getElementById('ptr-indicator').style.height = (pull * 0.6) + 'px'
+          document.getElementById('ptr-arrow').style.transform = `rotate(${progress * 180}deg)`
+          document.getElementById('ptr-hint').textContent = progress >= 1 ? 'Release to retry' : 'Pull to retry'
+          document.getElementById('ptr-icon').style.opacity = 0.4 + progress * 0.6
+        })
+
+        document.addEventListener('touchend', e => {
+          if (!dragging) return
+          dragging = false
+          const dy = e.changedTouches[0].clientY - startY
+          if (dy >= THRESHOLD) {
+            document.getElementById('ptr-arrow').textContent = '↻'
+            document.getElementById('ptr-arrow').classList.add('spinning')
+            document.getElementById('ptr-hint').textContent = 'Retrying…'
+            setTimeout(() => location.reload(), 400)
+          } else {
+            document.getElementById('ptr-screen').style.transform = ''
+            document.getElementById('ptr-indicator').style.height = '0'
+          }
+        })
+      }
+    </script>
    <meta name="theme-color" content="#31d53d" />
  </head>
  <body>
--- a/src/index.js
+++ b/src/index.js
@@ -1,163 +0,0 @@
-import Socket from "/_/code/ws/Socket.js"
-import "./Home.js"
-import "./Login.js"
-
-let Global = class {
-    Socket = new Socket()
-    profile = null
-    currentNetwork = ""
-    currentApp = ""
-
-    openApp = function(appName) {
-        const appUrl = appName.charAt(0).toLowerCase() + appName.slice(1);
-        let parts = window.location.pathname.split('/').filter(Boolean);
-        let newPath = "/" + parts[0] + "/" + appUrl
-        window.navigateTo(newPath)
-        const event = new CustomEvent('appchange', {
-            detail: { name: appName }
-        });
-        window.dispatchEvent(event)
-    }
-
-    async fetchAppData() {
-        let personalSpace = this.currentNetwork === this.profile
-        if (personalSpace) { return {} }
-        let appData = await fetch(`/api/${personalSpace ? "my" : "org"}data/` + this.currentNetwork.id, {method: "GET"})
-        let json = await appData.json()
-        return json
-    }
-
-    onNavigate = async () => {
-
-        let selectedNetwork = this.networkFromPath()
-        let selectedApp = this.appFromPath()
-
-        if(!selectedNetwork) {
-            if (!this.currentNetwork || this.currentNetwork === this.profile) {
-                let path = `/${this.getDefaultNetworkName()}/${this.getDefaultAppName()}`
-                history.replaceState({}, '', path)
-            } else {
-                let path = `/${this.currentNetwork.abbreviation}${window.location.pathname}`
-                history.replaceState({}, '', path)
-            }
-        } else if(!selectedApp) {
-            if(this.currentNetwork === window.profile) {
-                history.replaceState({}, '', `${window.location.pathname}/${window.profile.apps[0]}`)
-            } else {
-                history.replaceState({}, '', `${window.location.pathname}/${this.getDefaultAppName()}`)
-            }
-        }
-
-        selectedNetwork = this.networkFromPath()
-        selectedApp = this.appFromPath()
-
-        let networkChanged = this.currentNetwork !== selectedNetwork
-        let appChanged = this.currentApp !== selectedApp
-        if(networkChanged) {
-            console.log("onNavigate: network changed ->", selectedNetwork?.abbreviation)
-            this.currentNetwork = selectedNetwork
-            this.currentApp = selectedApp
-            const event = new CustomEvent('networkchange', {
-                detail: { name: this.currentNetwork }
-            });
-            window.dispatchEvent(event)
-        }
-
-        if(!this.currentNetwork?.data) {
-            this.currentNetwork.data = await this.fetchAppData()
-        }
-
-        if(appChanged && !networkChanged) {
-            console.log("onNavigate: app changed ->", selectedApp, "\n")
-            this.currentApp = selectedApp
-            const event = new CustomEvent('appchange', {
-                detail: { name: this.currentApp }
-            });
-            window.dispatchEvent(event)
-        }
-
-        document.title = (this.currentNetwork === this.profile) ? "Forum" : `${this.currentNetwork.abbreviation} | Forum`
-    }
-
-    setCurrentNetworkAndApp() {
-        this.currentNetwork = this.networkFromPath()
-
-    }
-
-    getDefaultNetworkName() {
-        let defaultNetwork = this.profile.networks[0]
-        if (!defaultNetwork) { return "my"; }
-        return defaultNetwork.abbreviation
-    }
-
-    getDefaultAppName() {
-        let defaultNetwork = this.profile.networks[0]
-        if (!defaultNetwork) { return this.profile.apps[0].toLowerCase(); }
-        return defaultNetwork.apps[0].toLowerCase()
-    }
-
-    networkFromPath = function () {
-        const pathname = window.location.pathname;
-        const firstSegment = pathname.split('/').filter(Boolean)[0] || '';
-        if(firstSegment === "my") {
-            return this.profile
-        } else {
-            let networks = this.profile.networks
-            for(let i = 0; i < networks.length; i++) {
-                let network = networks[i]
-                if(network.abbreviation === firstSegment) {
-                    return network
-                }
-            }
-        }
-    }
-
-    appFromPath = function() {
-        const pathname = window.location.pathname;
-        const segments = pathname.split('/').filter(Boolean);
-        const secondSegment = segments[1] || ""
-        const capitalized = secondSegment.charAt(0).toUpperCase() + secondSegment.slice(1);
-        return capitalized
-    }
-
-    async getProfile() {
-        try {
-            const res = await fetch("/profile", {
-                method: "GET",
-                credentials: "include",
-                headers: {
-                    "Accept": "application/json"
-                }
-            });
-
-            if(res.status === 401) {
-                return res.status
-            }
-            if (!res.ok) return res.status;
-
-            const profile = await res.json();
-            console.log("getProfile: ", profile);
-            this.profile = profile
-            return 200;
-        } catch (err) {
-            console.error(err);
-            return 401;
-        }
-    }
-
-    constructor() {
-        window.addEventListener("navigate", this.onNavigate)
-
-        this.getProfile().then(async (status) => {
-            if (status === 401) {
-                Login()
-            } else {
-                await this.Socket.init()
-                await this.onNavigate()
-                Home()
-            }
-        });
-    }
-}
-
-window.global = new Global()
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -4,9 +4,9 @@
  "start_url": "index.html",
  "display": "standalone",
  "icons": [{
-    "src": "_/imgs/logo.png",
+    "src": "_/icons/logo.svg",
    "sizes": "512x512",
-    "type": "image/png"
+    "type": "image/svg"
  }],
  "background_color": "#31d53d",
  "theme_color": "#31d53d"
--- a/src/mobileutil.js
+++ b/src/mobileutil.js
@@ -0,0 +1,43 @@
+import { PushNotifications } from '@capacitor/push-notifications';
+import { Preferences } from '@capacitor/preferences';
+import { Filesystem, Directory } from '@capacitor/filesystem';
+import { Haptics, ImpactStyle } from '@capacitor/haptics';
+import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
+import { Geolocation } from '@capacitor/geolocation';
+import { SplashScreen } from '@capacitor/splash-screen';
+import { CapacitorSwipeBackPlugin } from '@notnotsamuel/capacitor-swipe-back';
+
+window.capacitor = {
+    Preferences,
+    PushNotifications,
+    Filesystem,
+    Directory,
+    Haptics,
+    ImpactStyle,
+    Camera,
+    CameraResultType,
+    CameraSource,
+    Geolocation,
+    SplashScreen,
+    CapacitorSwipeBackPlugin
+}
+
+window.mobileUtil = class mobileUtil {
+
+    static async authFetch(url, options = {}) {
+        const { value: token } = await Preferences.get({ key: 'auth_token' });
+        
+        return fetch(url, {
+            ...options,
+            headers: {
+                ...options.headers,
+                'Authorization': `Bearer ${token}`,
+                'X-Client': 'mobile'
+            }
+        });
+    }
+
+    static async removeAuthToken() {
+        await Preferences.remove({ key: 'auth_token'})
+    }
+}
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,6 +6,8 @@ export default defineConfig({
    outDir: '../dist',
    minify: false,
    emptyOutDir: true,
+    sourcemap: true,
+    target: 'esnext' // modern version of browsers, allows top-level await
  },
  server: {
    proxy: {
@@ -14,20 +16,35 @@ export default defineConfig({
        changeOrigin: true,
        ws: true
      },
-      "/login": {
-        target: "http://localhost:10002",
-        changeOrigin: true
-      },
-      "/profile": {
+      "/profile/upload-image": {
        target: "http://localhost:10002",
        changeOrigin: true
      },
      "/api": {
        target: "http://localhost:10002",
        changeOrigin: true
+      },
+      "/db": {
+        target: "http://localhost:10002",
+        changeOrigin: true
+      },
+      "/apps": {
+        target: "http://localhost:10002",
+        changeOrigin: true
+      },
+      "/auth": {
+        target: "http://localhost:10002",
+        changeOrigin: true
+      },
+      "/@server": {
+        target: "http://localhost:10002",
+        changeOrigin: true
      }
    },
    host: true,
    allowedHosts: ['sam.local'],
+  },
+  esbuild: {
+    keepNames: true
  }
 });
Author	SHA1	Message	Date
matiasc18	5304ab1d6d	iOS Notification Service	2026-05-07 14:07:02 -04:00
metacryst	69469fa2ad	Swipe navigation library	2026-04-19 21:56:09 -05:00
metacryst	142d4a3fc3	Allow fetching from multiple sources	2026-04-16 18:27:24 -05:00
metacryst	0bb544e96c	update version, incorporate error screen	2026-04-10 03:19:22 -05:00
metacryst	a104b43b24	error handling for no internet	2026-04-09 07:42:56 -05:00
metacryst	8d5a63b262	fetch everything remotely	2026-04-09 06:22:32 -05:00
matiasc18	14c885a60f	Animation conflict fix	2026-04-06 16:47:07 -04:00
matiasc18	422e89caee	Fixed serverFunctions naming issue	2026-04-06 12:25:47 -04:00
matiasc18	d0df371a3c	Sidebar controls for calendar - Added toggle for switching between day/week/month (calendar) in the sidebar - Added a "lightdivider" shared.css var	2026-04-04 20:32:40 -04:00
metacryst	a1803a6f4a	Merge branch 'main' of https://git.sun.museum/sam/ForumMobile	2026-04-04 01:41:37 -05:00
metacryst	3fe1386415	remote url changed	2026-04-04 01:41:35 -05:00
matiasc18	a306f0732c	Removed /db from getImageURL	2026-04-03 19:23:07 -04:00
matiasc18	027ae4d130	Added CSS var and /@server on viite config	2026-04-03 13:56:17 -04:00
metacryst	2592137fa3	quill updates, signup comment	2026-03-31 07:08:07 -05:00
metacryst	8279a81dc9	updating quill	2026-03-28 02:24:04 -05:00
metacryst	2faa9e740e	xcode changes for release	2026-03-27 06:03:28 -05:00
metacryst	a589977015	notifications setting	2026-03-26 07:44:51 -05:00
metacryst	06e2fabe81	push notifications working	2026-03-26 05:56:14 -05:00
metacryst	d107d68bcc	push notifications working, server functions coming from backend	2026-03-26 02:32:59 -05:00
metacryst	472e69d3c0	adding error handling for signup, moving delete account button in sidebar to bottom	2026-03-25 23:41:45 -05:00
matiasc18	1c61a4d202	Delete account in sidebar	2026-03-24 16:39:53 -04:00
matiasc18	40b0855ca5	EnterCode Signup working - After fetching join code in EnterCode(), it sets networkId attribute on "signup-" (Signup.js) - Signup.js then includes the attribute in the call body - Modified all calls to /signout, /profile, /login, /signup to be prefixed by '/auth' - Added '/auth' to vite config file - Modified final "else if" statement in .attr in quill.js to return `this.getAttribute(arg1)` instead of `this.getAttribute("")`	2026-03-24 15:48:23 -04:00
matiasc18	124066da59	Apps load from server - Deleted /Jobs, /Announcements, /Events, /People - Commented out Forum and ForumPanel - Deleted /components/SearchBar, /components/LoadingCircle, /components/AddButton	2026-03-24 14:51:44 -04:00
metacryst	f3aceb69af	accepting code for auth page	2026-03-24 10:39:57 -05:00
metacryst	a87d521a4f	improving authpage	2026-03-24 06:07:29 -05:00
metacryst	c5b71add07	custom app rendering	2026-03-24 04:16:00 -05:00
metacryst	881c9408b6	new announcements page, adding searchbar and message input.	2026-03-23 05:26:55 -05:00
metacryst	35f0fe3654	smaller font for header, announcements full size always	2026-03-21 06:54:53 -05:00
metacryst	21b7b0a252	Sidebar fully functional	2026-03-21 03:10:50 -05:00
metacryst	1c6f12c210	preliminary sidebar fixes	2026-03-20 17:16:05 -05:00
matiasc18	56f7c7d3a3	Sidebar + Profile changes - Sidebar displays profile photo and name, can be tapped on - Profile now has "Tap to edit" button on photo	2026-03-20 14:13:14 -04:00
matiasc18	c7ddb02ac1	Sidebar content moved to new draggable sidebar	2026-03-20 13:43:11 -04:00
matiasc18	63fbab34ce	Announcements page - Updated handlers.js - Repurposed Forum and ForumPanel for Announcements - Adjusted styling - Commented out long drag logs	2026-03-20 12:36:23 -04:00
metacryst	8fad5d7717	fix events icon, misc errors, new sidebar started	2026-03-20 09:27:56 -05:00
metacryst	41a9c9d269	adding state() to quill, after-request error handling to login	2026-03-20 00:36:33 -05:00
matiasc18	dd1ec2c374	Upload image - Image upload works on profile - added multer into package.json for handling image files - files are saved under /db/images/users/user-id/profile.ext	2026-03-19 20:25:23 -04:00
matiasc18	58589c56dd	Add event + add job form - Modified handlers to catch errors - Added placeholder "No location added", etc. messages to Job/Event cards - Added EventForm.js and JobForm.js for adding - EventForm and JobForm are animated to slide up from bottom - Modified openProfile/closeProfile logic - Fixed SidebarItem().onClick() firing twice bug (switched to .onTap) - Profile is now animated to slide up from the bottom	2026-03-19 15:32:51 -04:00
metacryst	8dd2312aa0	fixing logout, people not scrolling, sidebar being too short	2026-03-19 08:54:53 -05:00
metacryst	5a56dfa051	improving styling, fixing bugs with profile, login error handling	2026-03-19 07:41:18 -05:00
matiasc18	3a5214ed45	Added missing Profile element - User's "joined" info	2026-03-19 00:19:41 -04:00
matiasc18	72f0518f9d	Profile + Edit Bio + Logout + styling - Added handler for editing bio to handlers.js - Added openProfile() and closeProfile() buttons in AppWindowContainer (Profile page is global) - Added Logout and Profile functionality to Sidebar.js - SidebarItem(text).onClick() fires twice, unable to resolve - Adjust Login page styling - Added onLogout() to index.js (removes auth_token) - Added Profile.js, displays user's profile picture (placeholder), name, and bio. User can edit bio. - Added removeAuthToken() to util.js - Added /signout to vite config	2026-03-19 00:14:29 -04:00
matiasc18	ede464fb0d	Search in Events/Jobs - SearchBar now dispatches 'jobsearch' or 'eventsearch' event whenever the user submits a search query - Jobs/Events will then receive searchText to do general search - Fixed bug where Jobs/Events wouldn't scroll anymore	2026-03-18 20:11:08 -04:00
matiasc18	2082e0c7bc	Signup/Login + styling adjustments - Modified SearchBar styling - Modified TopBar to display blank circle if the user has no networks (previously missing image icon) - Refactored Login into AuthPage.js - AuthPage contains a tab selector for switching between Signup and Login - Both Login/Signup send the request and either receive an auth_token or an error message - If auth_token, user will be logged in as usual, in both cases - Signup validates user input before sending request - Added /signup target in vite config file	2026-03-18 17:36:03 -04:00
metacryst	d1e4814593	successfully connecting to prod	2026-03-17 07:00:27 -05:00
metacryst	530ea7da89	app icon, styling, light mode, top bar component	2026-03-17 05:33:28 -05:00
metacryst	5903bafee5	better styling	2026-03-16 23:55:56 -05:00
matiasc18	8452841460	Styled Jobs and Events like Figma mockups - Modified some darkmode css values to match those on the figma - Fixed misnamed calls to var(--darkaccent) from var(--accentdark) - Commented out trash/delete button on EventCard and JobCard for now - Hid scrollbar on Events/Jobs - Fixed mis-centered People list - Fixed colors in searchbar in events/jobs	2026-03-16 21:40:03 -04:00
metacryst	69b359d9a1	making login work for prod	2026-03-16 07:56:40 -05:00
metacryst	a626abe1c3	improve styling, fix bottom bar underline bug	2026-03-16 01:09:48 -05:00
matiasc18	834d5e763e	Connected DB to events/jobs + more - Modified handlers.js to be the same as on frm.so - Added --trash-src to shared.css - Modified Event and Job cards to include a trash icon for deleting - Deleting works, it just does not smoothly re-render yet - Adjusted visual bug on Events/Jobs where the contents of the AppWindow would overflow vertically. They now scroll and the title/search bar remain fixed. - Refactored part of People.js into PeopleCard.js	2026-03-15 19:45:04 -04:00
matiasc18	dde27f9b31	Merge branch 'main' of https://git.sun.museum/sam/ForumMobile	2026-03-15 16:00:38 -04:00
matiasc18	0d5e68188d	Set up bridge folder + changes to Events/Jobs - Copied bridge folder from frm.so - All handlers in handlers.js added from frm.so - Modified Events and Jobs pages' default events/jobs to model data structure from SQL/server - Set up getJobs(), checkForUpdates() on both Events/Jobs to fetch new items and update when needed	2026-03-15 16:00:37 -04:00
metacryst	fc2d9c2bc9	making ready for production, fixing app menu spacing, some better icons	2026-03-15 08:13:44 -05:00
matiasc18	cb11d68fa7	SearchBar component + Jobs changes + Events changes - Added SearchBar.js to components (repeated in Jobs and Events) - Set .position("relative") on AppWindow for LoadingCircles and future fixed/absolute elements - Refactored Events.js and Jobs.js - Added unfinished JobForm.js for editing/adding Jobs, preliminary designs/setup	2026-03-14 23:26:15 -04:00
metacryst	07f431e2a3	merge	2026-03-14 16:53:38 -05:00
matiasc18	e85ffc66f8	Jobs + Events Pages - Added Jobs/Events pages, need to set up with backend once complete - Added missing icons and fixed incorrect icons - Made AppMenu icons highlight when selected - Removed Settings from AppMenu - Fixed undefined data in People	2026-03-14 17:01:06 -04:00
metacryst	cc8b5035fe	Fixed screen size, added dark mode app menu icons, added haptics, added keyboard dismiss with swipe	2026-02-16 06:41:05 -06:00
metacryst	83a640433a	adding app icon and splash screen	2026-02-15 05:32:58 -06:00
metacryst	cee8ebecc5	built ios app working	2026-02-14 21:43:55 -06:00
metacryst	f02f181058	Introducing dark mode, deriving apps in bottom bar from db	2026-02-13 20:25:46 -06:00
metacryst	4432acfea5	[BUG] fix double click to open app	2026-02-09 02:56:00 -06:00
metacryst	9d0149de75	Merge branch 'main' of https://git.sun.museum/sam/ForumMobile	2026-02-09 02:02:53 -06:00
metacryst	e548dbb6c9	add people icon	2026-02-09 02:02:19 -06:00
matiasc18	770d3bb012	Forum changes - Added 2 new svg icons - Fixed visual styling bugs on Forum page involving overflowing containers - Added current network name underneath "Forum" title - Input in Forum.js now sends ws message to server with new post, which is then broadcasted through the ws - Forum app now displays a list of posts for the current network showing the author, time, text, whether it's been edited, and whether it's yours - ForumPanel.js .onClick() contains the ws calls for DELETE and PUT - Fixed bug where Forum would not scroll to top upon a new post/onAppear - Modified ws GET call in ForumPanel.js to reflect new format - Added .onEvent() handlers inForumPanel.js for "new-post", "deleted-post", and "edited-post" - Changed AppMenu People icon -	2026-02-08 22:44:19 -05:00
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100px" height="100px"><path d="M 17 21 A 1.0001 1.0001 0 0 0 16 22 L 16 32 A 1.0001 1.0001 0 0 0 17 33 L 83 33 A 1.0001 1.0001 0 0 0 84 32 L 84 22 A 1.0001 1.0001 0 0 0 83 21 L 17 21 z M 18 23 L 82 23 L 82 31 L 18 31 L 18 29 L 73.5 29 A 0.50005 0.50005 0 1 0 73.5 28 L 18 28 L 18 23 z M 76.5 28 A 0.50005 0.50005 0 1 0 76.5 29 L 78.5 29 A 0.50005 0.50005 0 1 0 78.5 28 L 76.5 28 z M 17 44 A 1.0001 1.0001 0 0 0 16 45 L 16 55 A 1.0001 1.0001 0 0 0 17 56 L 83 56 A 1.0001 1.0001 0 0 0 84 55 L 84 45 A 1.0001 1.0001 0 0 0 83 44 L 17 44 z M 18 46 L 82 46 L 82 54 L 18 54 L 18 46 z M 22.5 51 A 0.50005 0.50005 0 1 0 22.5 52 L 67.5 52 A 0.50005 0.50005 0 1 0 67.5 51 L 22.5 51 z M 70.5 51 A 0.50005 0.50005 0 1 0 70.5 52 L 73.5 52 A 0.50005 0.50005 0 1 0 73.5 51 L 70.5 51 z M 76.5 51 A 0.50005 0.50005 0 1 0 76.5 52 L 78.5 52 A 0.50005 0.50005 0 1 0 78.5 51 L 76.5 51 z M 17 67 A 1.0001 1.0001 0 0 0 16 68 L 16 78 A 1.0001 1.0001 0 0 0 17 79 L 83 79 A 1.0001 1.0001 0 0 0 84 78 L 84 68 A 1.0001 1.0001 0 0 0 83 67 L 17 67 z M 18 69 L 82 69 L 82 74 L 26.5 74 A 0.50005 0.50005 0 1 0 26.5 75 L 82 75 L 82 77 L 18 77 L 18 69 z M 21.5 74 A 0.50005 0.50005 0 1 0 21.5 75 L 23.5 75 A 0.50005 0.50005 0 1 0 23.5 74 L 21.5 74 z"/></svg>