1, 4: Fixing 404 after logged out, adding market entry

ui/site/apps/Jobs/Jobs.js

@@ -29,12 +29,17 @@ class Jobs extends Shadow {
     jobs = [
         {
             title: "Austin Chapter Lead",
-            salary: "1% of Local Tax Revenue",
-            location: "Austin"
+            salary: "1% of Local Revenue",
+            company: "Hyperia",
+            city: "Austin",
+            state: "TX"
         },
         {
             title: "San Marcos Chapter Lead",
-            salary: "1% of Local Tax Revenue"
+            salary: "1% of Local Revenue",
+            company: "Hyperia",
+            city: "San Marcos",
+            state: "TX"
         }
     ]
 

ui/site/apps/Jobs/JobsGrid.js

@@ -6,10 +6,19 @@ class JobsGrid extends Shadow {
         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)
+            .marginTop(0.1, em)
             .marginBottom(1, em)
             .marginLeft(0.4, em)
             .color("var(--periwinkle)")
@@ -17,14 +26,23 @@ class JobsGrid extends Shadow {
             if (this.jobs.length > 0) {
                 ZStack(() => {
                     for (let i = 0; i < this.jobs.length; i++) {
-                        p(this.jobs[i].title)
-                            .border("1px solid var(--periwinkle)")
-                            .padding(1, em)
-                            .borderRadius(5, "px")
-                        }
+                        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)
+                        .border("1px solid var(--periwinkle)")
+                        .borderRadius(5, "px")
+                    }
                 })
                 .display("grid")
-                .gridTemplateColumns("repeat(auto-fill, minmax(200px, 1fr))")
+                .gridTemplateColumns("repeat(auto-fill, minmax(250px, 1fr))")
                 .gap(1, em)
             } else {
                 p("No Jobs!")

ui/site/apps/Jobs/JobsSidebar.js

@@ -2,6 +2,7 @@ class JobsSidebar extends Shadow {
     render() {
         VStack(() => {
             h3("Location")
+            .color("var(--periwinkle)")
 
 
         })