Mutual Aid Neighbourhood Community

\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","label",[18],"pulls","branches","forks","envVars",{"_168":156,"_170":26},"connections",{"_168":26,"_169":26},"count","unfilledCount","emptyCount",{"_33":196,"_13":197,"_63":198,"_43":-5,"_35":36,"_153":199,"_154":92,"_37":200,"_39":26,"_65":201,"_157":202,"_66":24,"_159":-5,"_181":203,"_17":204},{"_33":152,"_13":18,"_63":64,"_43":-5,"_35":36,"_153":72,"_154":92,"_37":193,"_39":156,"_65":21,"_157":158,"_66":24,"_159":-5,"_181":194,"_17":195},{"_33":184,"_13":185,"_63":90,"_43":-5,"_35":36,"_153":186,"_154":92,"_37":187,"_39":188,"_65":189,"_157":190,"_66":24,"_159":-5,"_181":191,"_17":192},{"_33":175,"_13":176,"_63":177,"_43":-5,"_35":36,"_153":178,"_154":92,"_37":179,"_39":26,"_65":21,"_157":180,"_66":24,"_159":-5,"_181":182,"_17":183},"2d885449-0b28-45cc-8316-edacb3aafc89","style.css","b2ab34bc-77f5-11f1-8cc5-1607ee4eb77e",16,["D",1783203257336],":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",[],[176],"5e643cf9-29b0-456c-a784-3d8b2198a4f7","main.ts",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",[],[185],["D",1783203401263],[],[18],"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",[],[197],["D",1783202100600],["D",1789521041830],{"_11":12,"_130":69},{"_11":12,"_126":69,"_68":69,"_30":67,"_127":128,"_129":24},{"_39":72,"_13":16,"_33":36,"_118":79,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":14,"_125":12},"ctx",{"_53":-5,"_149":243,"_244":245,"_246":247,"_248":24,"_249":24,"_250":24,"_251":92,"_252":-5,"_253":-7,"_254":-7,"_255":26,"_256":24,"_257":24,"_258":-5,"_259":24,"_260":24,"_261":24,"_262":-5},"ENV",{"_214":215,"_216":217,"_218":16,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242},"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"]

History · index.html