Mutual Aid Neighbourhood Community

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_193":194,"_195":196},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_147":-5,"_20":148,"_22":149,"_150":151,"_152":153,"_26":154,"_24":155,"_156":-5,"_157":-5,"_158":51,"_159":160,"_161":43,"_162":-5,"_163":-5,"_164":165},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","titaniumbolts","name","mutual-aid-community","branchName","main","version","path","index.html","project",{"_33":90,"_13":14,"_44":91,"_92":-5,"_93":51,"_94":95,"_96":95,"_97":98,"_99":-5,"_100":101,"_102":70,"_103":43,"_104":-5,"_105":-5,"_106":63,"_107":108,"_109":110,"_111":112,"_113":114,"_115":-5,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":117,"_125":126,"_127":128,"_129":130,"_131":51},"tree",[54,55,56,57],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":53},"contents",[],"upstream","pull","ahead","behind","envVars","id","c980355b-4055-483b-b8ed-1db94784ef74","fileId","bde87312-77f5-11f1-ade2-1607ee4eb77e","parentId","branchId","104a6a66-60b9-4d0d-884a-1d4a207fe21e","branchVersion",21,"latest",true,"createdAt",["D",1783203401263],1,"fileType","content","\n\n \n \n \n Mutual Aid Neighbourhood Community\n \n \n \n \n

\n\n

Upcoming Events

\n\n

Community Resources

\n\n

Get in Touch

\n\n

About Us

\n\n \n\n \n

\n\n \n \n \n \n","deleted",false,"label",[19],{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":63,"_47":86,"_48":87,"_50":51,"_52":-5,"_65":88,"_18":89},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":78,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":79,"_18":80},{"_33":68,"_13":69,"_35":70,"_37":-5,"_38":39,"_40":71,"_42":43,"_44":72,"_17":73,"_47":74,"_48":75,"_50":51,"_52":-5,"_65":76,"_18":77},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":63,"_47":24,"_48":64,"_50":51,"_52":-5,"_65":66,"_18":67},"2d885449-0b28-45cc-8316-edacb3aafc89","style.css","b2ab34bc-77f5-11f1-8cc5-1607ee4eb77e",16,["D",1783203257336],0,":root {\n --green: #2d6a4f;\n --green-light: #d8f3dc;\n --cream: #fef9ef;\n --dark: #1b2a1f;\n --orange: #e76f51;\n}\n* { margin: 0; padding: 0; box-sizing: border-box; }\nbody {\n font-family: Georgia, 'Times New Roman', serif;\n background: var(--cream);\n color: var(--dark);\n line-height: 1.7;\n}\n.hero {\n background: linear-gradient(135deg, var(--green), #40916c);\n color: white;\n text-align: center;\n padding: 4rem 1.5rem;\n}\n.hero h1 { font-size: 2.5rem; margin-bottom: 0.5rem; }\n.hero p { font-size: 1.2rem; opacity: 0.9; font-style: italic; }\n.edit-toggle {\n position: fixed;\n bottom: 2rem;\n right: 2rem;\n background: var(--orange);\n color: white;\n border: none;\n padding: 0.8rem 1.5rem;\n border-radius: 50px;\n font-size: 1rem;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n z-index: 100;\n transition: transform 0.2s;\n}\n.edit-toggle:hover { transform: scale(1.05); }\n.edit-toggle.save { background: var(--green); }\n.section {\n max-width: 800px;\n margin: 0 auto;\n padding: 2.5rem 1.5rem;\n}\n.section h2 {\n color: var(--green);\n font-size: 1.6rem;\n margin-bottom: 1rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.section h2::before {\n content: '';\n width: 40px;\n height: 4px;\n background: var(--orange);\n border-radius: 2px;\n}\n.editable {\n padding: 1rem;\n border-radius: 8px;\n transition: background 0.2s, border 0.2s;\n border: 2px dashed transparent;\n min-height: 100px;\n}\n.editable:focus {\n outline: none;\n background: white;\n border-color: var(--orange);\n}\n.editing .editable {\n background: white;\n border-color: #ccc;\n}\n.editing .editable:hover {\n border-color: var(--orange);\n}\n.ql-container {\n font-family: Georgia, serif;\n font-size: 1rem;\n line-height: 1.7;\n}\n.ql-editor {\n min-height: 200px;\n padding: 1rem;\n}\n.ql-toolbar {\n background: #f5f5f5;\n border: 1px solid #ddd;\n border-radius: 4px;\n display: flex;\n flex-wrap: wrap;\n gap: 5px;\n padding: 8px;\n}\n.ql-formats {\n display: flex;\n gap: 5px;\n align-items: center;\n flex-wrap: wrap;\n}\n.events, .resources {\n background: var(--green-light);\n border-radius: 12px;\n padding: 1.5rem !important;\n}\n.footer {\n text-align: center;\n padding: 2rem;\n color: var(--green);\n font-size: 0.9rem;\n border-top: 1px solid var(--green-light);\n}\n.toast {\n position: fixed;\n bottom: 5.5rem;\n right: 2rem;\n background: var(--green);\n color: white;\n padding: 0.8rem 1.2rem;\n border-radius: 8px;\n opacity: 0;\n transition: opacity 0.3s;\n pointer-events: none;\n z-index: 99;\n}\n.toast.show { opacity: 1; }\n.toast.error { background: #d9534f; }\ntable {\n border-collapse: collapse;\n width: 100%;\n margin: 1rem 0;\n}\ntable th, table td {\n border: 1px solid #ddd;\n padding: 0.5rem;\n text-align: left;\n}\ntable th {\n background: var(--green-light);\n}\nimg {\n max-width: 100%;\n height: auto;\n border-radius: 8px;\n margin: 1rem 0;\n}\n@media (max-width: 600px) {\n .hero h1 { font-size: 1.8rem; }\n .section { padding: 1.5rem 1rem; }\n .ql-toolbar { flex-direction: column; }\n}\n","children",[],[59],"5e643cf9-29b0-456c-a784-3d8b2198a4f7","main.ts","220d903c-77f3-11f1-bef7-1607ee4eb77e",19,["D",1783203293995],8,"http","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { getContentType, readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n// Initialize content table\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS content (\n section TEXT PRIMARY KEY,\n body TEXT NOT NULL DEFAULT ''\n )\n`);\n\n// Seed default content\nconst DEFAULTS: Record = {\n title: \"Mutual Aid Neighbourhood Community\",\n tagline: \"Neighbours helping neighbours, together\",\n about:\n \"We are a grassroots community group dedicated to mutual aid, support, and solidarity in our neighbourhood. Everyone has something to offer, and everyone needs help sometimes. Together we are stronger.\",\n events:\n \"🍽️ Community Potluck — First Saturday of every month, 6pm at the Community Centre\\n\\n🥫 Food Share — Every Tuesday, 4–6pm at the corner store\\n\\n🧹 Neighbourhood Cleanup — Last Sunday of the month, meet at the park at 10am\\n\\n☕ Coffee & Chat — Every Thursday morning, 9–11am at the library\",\n resources:\n \"🔨 Tool Library — borrow tools for home repairs (sign up at the community centre)\\n\\n🍞 Food Pantry — no questions asked, open Wednesdays 2–5pm\\n\\n🚗 Ride Shares — post requests in our group chat\\n\\n📚 Free Library — take a book, leave a book — corner of Oak St & 3rd Ave\\n\\n🧶 Skill Shares — knitting, repairs, cooking classes every month\",\n contact:\n \"📧 Email: community@example.com\\n\\n📞 Phone: (555) 123-4567\\n\\n📍 Community Centre, 123 Main St\\n\\n💬 Meetup: First Wednesday of every month, 7pm\\n\\nEveryone is welcome. No fees, no forms, just neighbours looking out for each other.\",\n};\n\nfor (const [section, body] of Object.entries(DEFAULTS)) {\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO content (section, body) VALUES (?, ?)\",\n args: [section, body],\n });\n}\n\nfunction checkPassword(req: Request): boolean {\n const authHeader = req.headers.get(\"X-Edit-Password\");\n const editPassword = Deno.env.get(\"EDIT_PASSWORD\") ?? \"community\";\n return authHeader === editPassword;\n}\n\nexport default async (req: Request) => {\n const url = new URL(req.url);\n\n // API: Get all content\n if (url.pathname === \"/api/content\" && req.method === \"GET\") {\n const result = await sqlite.execute(\"SELECT section, body FROM content\");\n const content: Record = {};\n for (const row of result.rows) {\n content[row.section as string] = row.body as string;\n }\n return Response.json(content);\n }\n\n // API: Verify password\n if (url.pathname === \"/api/verify-password\" && req.method === \"POST\") {\n const { password } = await req.json() as { password: string };\n const editPassword = Deno.env.get(\"EDIT_PASSWORD\") ?? \"community\";\n if (password === editPassword) {\n return Response.json({ success: true });\n }\n return Response.json({ success: false, error: \"Wrong password\" }, { status: 401 });\n }\n\n // API: Update content (password required)\n if (url.pathname === \"/api/content\" && req.method === \"POST\") {\n if (!checkPassword(req)) {\n return Response.json({ error: \"Unauthorized\" }, { status: 401 });\n }\n const updates = await req.json() as Record;\n for (const [section, body] of Object.entries(updates)) {\n await sqlite.execute({\n sql: \"INSERT OR REPLACE INTO content (section, body) VALUES (?, ?)\",\n args: [section, body],\n });\n }\n return Response.json({ success: true });\n }\n\n // API: Upload image\n if (url.pathname === \"/api/upload-image\" && req.method === \"POST\") {\n if (!checkPassword(req)) {\n return Response.json({ error: \"Unauthorized\" }, { status: 401 });\n }\n\n try {\n const formData = await req.formData();\n const file = formData.get(\"image\") as File;\n\n if (!file) {\n return Response.json({ error: \"No image provided\" }, { status: 400 });\n }\n\n // Validate file is an image\n if (!file.type.startsWith(\"image/\")) {\n return Response.json({ error: \"File must be an image\" }, { status: 400 });\n }\n\n // 5MB limit\n if (file.size > 5 * 1024 * 1024) {\n return Response.json({ error: \"Image too large (max 5MB)\" }, { status: 400 });\n }\n\n const buffer = await file.arrayBuffer();\n const timestamp = Date.now();\n const key = `images/${timestamp}-${file.name}`;\n\n await blob.set(key, buffer);\n\n return Response.json({\n success: true,\n key,\n url: `/api/image/${key}`,\n });\n } catch {\n return Response.json({ error: \"Upload failed\" }, { status: 500 });\n }\n }\n\n // API: Retrieve image\n if (url.pathname.startsWith(\"/api/image/\")) {\n const key = url.pathname.slice(\"/api/image/\".length);\n try {\n const res = await blob.get(key);\n const buffer = await res.arrayBuffer();\n return new Response(buffer, {\n headers: { \"Content-Type\": getContentType(key) },\n });\n } catch {\n return new Response(\"Not found\", { status: 404 });\n }\n }\n\n // Serve static assets (style.css, client.js, etc.)\n if (url.pathname !== \"/\" && !url.pathname.startsWith(\"/api/\")) {\n try {\n const content = await readFile(url.pathname);\n return new Response(content, {\n headers: { \"Content-Type\": getContentType(url.pathname) },\n });\n } catch {\n // fall through to the index page for unknown paths\n }\n }\n\n // Serve the website shell\n const indexHtml = await readFile(\"/index.html\");\n return new Response(indexHtml, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n};\n",[],[69],["D",1783203401263],[],[19],"856da5b9-735b-464b-b2e0-0ffbc9e37064","client.js","b9db5b5e-77f5-11f1-a9d9-1607ee4eb77e",17,["D",1783203269395],"script","let isEditing = false;\nlet editPassword = null;\nconst quillEditors = {};\nconst SECTIONS = [\"title\", \"tagline\", \"about\", \"events\", \"resources\", \"contact\"];\n\nasync function loadContent() {\n const res = await fetch(\"/api/content\");\n const data = await res.json();\n for (const [key, value] of Object.entries(data)) {\n const el = document.getElementById(key);\n if (el) {\n el.innerHTML = value;\n }\n }\n}\n\nfunction initializeQuillEditors() {\n SECTIONS.forEach((id) => {\n if (quillEditors[id]) return;\n const el = document.getElementById(id);\n const quill = new Quill(\"#\" + id, {\n theme: \"snow\",\n modules: {\n toolbar: [\n [{ header: [1, 2, 3, false] }],\n [\"bold\", \"italic\", \"underline\", \"strike\"],\n [{ color: [] }, { background: [] }],\n [{ list: \"ordered\" }, { list: \"bullet\" }],\n [{ align: [] }],\n [\"link\", \"image\"],\n [\"blockquote\", \"code-block\"],\n [{ table: \"table-row\" }],\n [\"table\"],\n [\"clean\"],\n ],\n clipboard: {\n matchVisual: false,\n },\n },\n });\n quill.root.innerHTML = el.innerHTML;\n quillEditors[id] = quill;\n });\n}\n\nasync function toggleEdit() {\n isEditing = !isEditing;\n const btn = document.querySelector(\".edit-toggle\");\n\n if (isEditing) {\n if (!editPassword) {\n const entered = prompt(\"Enter the editor password:\");\n if (!entered) {\n isEditing = false;\n return;\n }\n const res = await fetch(\"/api/verify-password\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ password: entered }),\n });\n if (!res.ok) {\n showToast(\"Wrong password. Please try again.\", true);\n isEditing = false;\n return;\n }\n editPassword = entered;\n }\n document.body.classList.add(\"editing\");\n initializeQuillEditors();\n document.querySelectorAll(\".editable\").forEach((el) => {\n el.style.display = \"none\";\n });\n document.querySelectorAll(\".ql-container\").forEach((el) => {\n el.style.display = \"block\";\n });\n btn.textContent = \"Save Changes\";\n btn.classList.add(\"save\");\n } else {\n const updates = {};\n SECTIONS.forEach((s) => {\n if (quillEditors[s]) {\n updates[s] = quillEditors[s].root.innerHTML;\n }\n });\n const res = await fetch(\"/api/content\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", \"X-Edit-Password\": editPassword },\n body: JSON.stringify(updates),\n });\n if (!res.ok) {\n showToast(\"Save failed. Please reload and try again.\", true);\n isEditing = true;\n return;\n }\n SECTIONS.forEach((s) => {\n const el = document.getElementById(s);\n if (quillEditors[s]) {\n el.innerHTML = quillEditors[s].root.innerHTML;\n }\n });\n document.body.classList.remove(\"editing\");\n document.querySelectorAll(\".editable\").forEach((el) => {\n el.style.display = \"block\";\n });\n document.querySelectorAll(\".ql-container\").forEach((el) => {\n el.style.display = \"none\";\n });\n btn.textContent = \"Edit Page\";\n btn.classList.remove(\"save\");\n showToast(\"Saved!\");\n Object.keys(quillEditors).forEach((k) => {\n delete quillEditors[k];\n });\n }\n}\n\nfunction showToast(message = \"Saved!\", isError = false) {\n const toast = document.getElementById(\"toast\");\n toast.textContent = message;\n toast.classList.toggle(\"error\", isError);\n toast.classList.add(\"show\");\n setTimeout(() => toast.classList.remove(\"show\"), 3000);\n}\n\nwindow.toggleEdit = toggleEdit;\nloadContent();\n",[],[82],"04feff92-099f-4d30-9603-e9a2d937ff19",["D",1783202100600],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Editable community website for a mutual aid neighbourhood group","imageUrl","userId","7ab6ea5b-0cf7-4633-93b4-bc4b3def97f1","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019f2f1f-b4e9-75ac-8936-c290111f26db","tursoName","04feff92099f4d309603e9a2d937ff19","tursoHostname","04feff92099f4d309603e9a2d937ff19-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789434108412],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_146":141},"org",{"_11":12,"_140":141,"_142":141,"_100":101,"_143":144,"_145":51},"branch",{"_17":41,"_13":16,"_33":39,"_132":90,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":90,"_13":14,"_44":188,"_92":-5,"_93":51,"_94":95,"_96":95,"_97":98,"_99":-5,"_100":101,"_102":70,"_103":43,"_104":-5,"_105":-5,"_106":63,"_107":108,"_109":110,"_111":112,"_113":189,"_115":-5,"_116":117,"_118":117,"_119":120,"_121":120,"_122":120,"_123":117,"_124":117,"_125":190,"_127":191,"_129":192,"_131":51},[176,177,178,179],"files",[176,177,178,179],"counts",{"_167":63,"_168":46,"_169":63,"_32":170,"_171":172},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_18":166},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_173":46,"_175":63},"connections",{"_173":63,"_174":63},"count","unfilledCount","emptyCount",{"_33":81,"_13":82,"_35":83,"_37":-5,"_38":39,"_40":84,"_42":43,"_44":85,"_17":63,"_47":86,"_48":87,"_50":51,"_52":-5,"_65":186,"_18":187},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":78,"_17":46,"_47":24,"_48":49,"_50":51,"_52":-5,"_65":184,"_18":185},{"_33":68,"_13":69,"_35":70,"_37":-5,"_38":39,"_40":71,"_42":43,"_44":72,"_17":73,"_47":74,"_48":75,"_50":51,"_52":-5,"_65":182,"_18":183},{"_33":58,"_13":59,"_35":60,"_37":-5,"_38":39,"_40":61,"_42":43,"_44":62,"_17":63,"_47":24,"_48":64,"_50":51,"_52":-5,"_65":180,"_18":181},[],[59],[],[69],[],[19],[],[82],["D",1783202100600],["D",1789434108412],{"_11":12,"_146":141},{"_11":12,"_140":141,"_142":141,"_100":101,"_143":144,"_145":51},{"_17":41,"_13":16,"_33":39,"_132":90,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":14,"_139":12},"ctx",{"_125":-5,"_163":226,"_227":228,"_229":230,"_231":51,"_232":51,"_233":51,"_234":43,"_235":-5,"_236":-7,"_237":-7,"_238":63,"_239":51,"_240":51,"_241":-5,"_242":51,"_243":51,"_244":51,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":16,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]