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
60 changed files with 871 additions and 4990 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",
+  "appId": "so.forum.app",
-  "appName": "Blockcatcher",
+  "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;
+				MARKETING_VERSION = 1.0.6;
-				PRODUCT_BUNDLE_IDENTIFIER = so.hyperia.app;
+				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,9 +7,37 @@ 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.
@@ -45,5 +73,13 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
        // tracking app url opens, make sure to keep this call
        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",
+  "name": "Forum",
-  "version": "1.0.0",
+  "version": "1.0.1",
  "description": "An Amazing Capacitor App",
  "type": "module",
  "keywords": [
@@ -13,12 +13,17 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@capacitor/camera": "latest",
+    "@capacitor/camera": "^7.0.2",
-    "@capacitor/core": "latest",
+    "@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),
+```npm run start```
 and comes with a very minimal shell for building an app.
-### 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
+If getting black screen:
-You need to be in mobile mode in order for the app to work, in the top right corner of dev tools. 
+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,39 +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"
 class Home extends Shadow {
    render() {
        ZStack(() => {
 			Sidebar()
            ZStack(() => {
                switch(window.location.pathname) {
                    case "/":
                        Forum()
                        break;
                    case "/messages":
                        Messages()
                        break;
                    case "/jobs":
                        Jobs()
                        break;
                }
            })
            .onNavigate(function () {
                console.log("navigate")
                this.rerender()
            })
            AppMenu()
        })
        .overflowX("hidden")
    }
 }
 register(Home)
--- a/src/_/code/quill.js
+++ b/src/_/code/quill.js
--- a/src/_/code/styles.css
+++ b/src/_/code/styles.css
@@ -1,25 +0,0 @@
 :root {
    --main: #FFE9C8;
    --accent: #60320c;
    --text: #340000;
    --yellow: #f1f3c3;
 }
@media (prefers-color-scheme: dark) {
 :root {
 }
 }
 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/_/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.svg
+++ b/src/_/icons/columnwhite.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="#FEE8C8"/>
 <path d="M31.5063 59.9449H22.1965V107.52H31.5063V59.9449Z" fill="#FEE8C8"/>
 <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.8342 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="#FEE8C8"/>
 <path d="M95.2336 59.9449H85.9238V107.52H95.2336V59.9449Z" fill="#FEE8C8"/>
 <path d="M55.8515 59.9449H37.2344V107.52H55.8515V59.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,66 +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[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 Hyperia", "98%")
                    .paddingVertical(1, em)
                    .paddingLeft(2, pct)
                    .color("var(--accent)")
                    .background("var(--darkbrown)")
                    .marginBottom(6, em)
                    .border("none")
                    .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)
            .width(100, pct)
            .height(100, vh)
            .horizontalAlign("center")
            .verticalAlign("end")
        })
        .onAppear(() => document.body.style.backgroundColor = "var(--darkbrown)")
        .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(--darkbrown)")
        .onAppear(async () => {
            requestAnimationFrame(() => {
                this.scrollTop = this.scrollHeight
            });
            let res = await 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,188 +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 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, "%")
            .height(87, vh)
            .x(0).y(13, vh)
            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)
            .alignVertical("center")
            .alignHorizontal("center")
            .backgroundColor("black")
            .border("1px solid var(--accent)")
            .position("fixed")
            .x(50, vw).y(50, vh)
            .center()
            .width(60, vw)
            .height(60, vh)
            .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, vh)
            .position("absolute")
            .transform("translateX(-50%)")
        })
        .width(100, "%")
        .height(100, "%")
    }
 }
 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/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,68 +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)
                .onClick((finished, e) => {
                    if(finished) {
                        this.onNewSelection()
                    }
                    e.target.style.background = "var(--accent)"
                    console.log(e.target, e.target.style.background)
                    if(finished) {
                        window.navigateTo("/")
                    }
                })
            img("/_/icons/letter.svg", "1.5em", "1.5em")
                .attr({app: "messages"})
                .padding(0.5, em)
                .borderRadius(10, px)
                .onClick((finished, e) => {
                    if(finished) {
                        this.onNewSelection()
                    }
                    e.target.style.background = "rgb(112 150 114)"
                    if(finished) {
                        window.navigateTo("/messages")
                    }
                })
            img("/_/icons/jobs.svg", "1.5em", "1.5em") 
                .attr({app: "jobs"})
                .padding(0.5, em)
                .borderRadius(10, px)
                .onClick((finished, e) => {
                    if(finished) {
                        this.onNewSelection()
                    }
                    e.target.style.background = "#9392bb"
                    if(finished) {
                        window.navigateTo("/jobs")
                    }
                })
        })
        .borderTop("1px solid black")
        .height("auto")
        .position('fixed')
        .background("var(--main)")
        .zIndex(1)
        .x(0).yBottom(0)
        .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/index.html
+++ b/src/index.html
@@ -5,27 +5,129 @@
    <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" />
+    <link rel="stylesheet" href="" />
-    <script src="./_/code/quill.js"></script>
+    <script>window.config = { UI: 'https://frm.so', SERVER: 'https://frm.so' }</script>
-    <script type="module" src="./index.js"></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>
  </body>
-</html>
+</html>
--- a/src/index.js
+++ b/src/index.js
@@ -1,3 +0,0 @@
 import "./Home.js"
 Home()
 document.body.style.backgroundColor = "var(--main)"
--- 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,9 +6,45 @@ export default defineConfig({
    outDir: '../dist',
    minify: false,
    emptyOutDir: true,
    sourcemap: true,
    target: 'esnext' // modern version of browsers, allows top-level await
  },
  server: {
    proxy: {
      "/ws": {
        target: "http://localhost:10002",
        changeOrigin: true,
        ws: true
      },
      "/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
metacryst	3bf23daa7a	Merge branch 'main' of https://git.sun.museum/sam/ForumMobile	2026-02-06 06:41:56 -06:00
metacryst	6cbb4c8dad	basic sidebar toggle	2026-02-06 06:41:54 -06:00
matiasc18	b20ce6da06	People app and navigation + fixes Index.js - Fixed issue where incorrect pathname was set while not part of an organization. - onNavigate(), fetchAppData(), getDefaultNetworkName(), and getDefaultAppName() all modified to account for user not being part of an organization (default path set to /my/dashboard) - onNavigate() modified to properly set defaults for currentNetwork and currentApp, and modified to fix issue where app would crash when attempting to access nonexistent 'this.currentNetwork.data' - onNavigate() now correctly switches currentApp Home.js - Changed ZStack to a VStack - Replaced Jobs switch case with People - Adjusted styling for AppMenu() and VStack height values - Changed .onNavigate() from function() to () => {} for correct this binding - !!!(TEMP FIX)!!!: Added extra rerender() call in an .onClick() after .onNavigate() AppMenu() - Modified app icons to be highlighted when active - Changed Forum's app icon to redirect from "/" to "/dashboard" - Removed fixed styling to account for Home's new responsive VStack layout People.js - Added People.js Messages.js - Fixed missing 'global." before Socket.send - Changed 'vh' height values to 'pct' to account for AppMenu() at bottom - Fixed misnamed modifiers Forum.js - Adjusted styling - Changed 'vh' height values to 'pct' to account for AppMenu() at bottom styles.css - Added missing custom color vars	2026-02-02 04:34:26 -05:00
matiasc18	a68f35faf5	WS connection crash fix - constructor() in index.js would attempt to fetch profile with getProfile() before websocket connection was established	2026-02-01 23:07:52 -05:00
metacryst	6262ce53aa	establishing ws connection, starting on messages section	2026-02-01 16:11:11 -06:00
metacryst	6d50337e3b	getting things going	2026-01-29 08:20:27 -06:00
sam	c09b08a474	Merge pull request 'master' (#1 ) from master into main Reviewed-on: #1	2026-01-25 06:29:01 -06: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>