Youths For Change Initiative - Terms and Conditions

Membership Constitution

Members must actively participate in environmental conservation efforts
Respect the organization's core values of sustainability and community development
Attend mandatory quarterly meetings and training sessions
Maintain ethical conduct and represent the organization positively
Contribute to community projects and initiatives

\n \n

Membership Obligations

Pay annual membership fee of 500 Kenyan Shillings
Commit to at least 10 hours of community service annually
Promote environmental awareness in your community

\n \n

Code of Conduct

Members are expected to:

Promote environmental sustainability
Respect diversity and inclusivity
Act with integrity and transparency

\n \n

\n );\n\n // Rest of the code remains the same as in the previous implementation\n const sections = {\n home: (\n

Youths For Change Initiative

Empowering Communities Through Sustainability

\n \n \n

\n ),\n programs: (\n

Our Environmental Initiatives

🌍 Waste Recycling

Transforming waste management through community-driven recycling programs and education.

🌱 Community Cleanup

Organizing local garbage collection drives to create cleaner, healthier neighborhoods.

♻️ Sustainability Workshops

Empowering youth with knowledge about environmental conservation and sustainable practices.

🌿 Green Leadership

Developing young environmental leaders committed to creating positive ecological change.

\n ),\n 'get-involved': (\n

Become a Member

Membership Registration

\n {submissionStatus &&

{submissionStatus}

}\n

\n Username\n \n

\n Phone Number\n \n

\n Membership Fee (KSh)\n \n

\n Select Initiative\n \n \n \n \n \n \n \n

\n \n \n I have read and accept the \n setShowTerms(true)} \n className=\"terms-link\"\n > Terms and Conditions\n \n

\n \n \n I agree to follow the Organization's Constitution\n \n

\n \n

\n ),\n 'chat': (\n

Community Chat

\n {chatMessages.map((msg, index) => (\n

\n {msg.username}\n

{msg.message}

\n {new Date(msg.timestamp).toLocaleString()}\n {msg.activityType && (\n {msg.activityType}\n )}\n

\n ))}\n

\n )\n };\n\n return (\n

\n \n {showTerms && }\n

\n {sections[activeSection]}\n

\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = new URL(import.meta.url).pathname.split(\"/\").at(-1);\n\n // Handle chat message submission\n if (request.method === 'POST' && new URL(request.url).pathname === '/submit-chat-message') {\n try {\n // Ensure chat messages table exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_chat_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n message TEXT NOT NULL,\n activity_type TEXT,\n timestamp DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n const messageData = await request.json();\n \n // Insert chat message\n await sqlite.execute(`\n INSERT INTO ${KEY}_chat_messages \n (username, message, activity_type) \n VALUES (?, ?, ?)\n `, [\n messageData.username, \n messageData.message, \n messageData.activityType || 'general'\n ]);\n\n return new Response(JSON.stringify({ success: true }), {\n status: 200,\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n success: false, \n error: error.message \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Handle volunteer submission\n if (request.method === 'POST' && new URL(request.url).pathname === '/submit-volunteer') {\n try {\n // Ensure members table exists\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_members (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n phone_number TEXT NOT NULL,\n selected_initiative TEXT,\n membership_fee REAL NOT NULL,\n terms_accepted BOOLEAN NOT NULL,\n constitution_accepted BOOLEAN NOT NULL,\n registration_date DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n const memberData = await request.json();\n \n // Insert member data\n await sqlite.execute(`\n INSERT INTO ${KEY}_members \n (username, phone_number, selected_initiative, membership_fee, terms_accepted, constitution_accepted) \n VALUES (?, ?, ?, ?, ?, ?)\n `, [\n memberData.username, \n memberData.phoneNumber, \n memberData.selectedInitiative,\n parseFloat(memberData.membershipFee),\n memberData.acceptTerms,\n memberData.acceptConstitution\n ]);\n\n return new Response(JSON.stringify({ success: true }), {\n status: 200,\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n success: false, \n error: error.message \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Handle fetching chat messages\n if (request.method === 'GET' && new URL(request.url).pathname === '/get-chat-messages') {\n try {\n // Fetch last 50 messages, most recent first\n const result = await sqlite.execute(`\n SELECT * FROM ${KEY}_chat_messages \n ORDER BY timestamp DESC \n LIMIT 50\n `);\n\n return new Response(JSON.stringify(result.rows.reverse()), {\n status: 200,\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n success: false, \n error: error.message \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Existing server response for initial page load\n return new Response(`\n \n \n Youths For Change Initiative\n \n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\n/* Previous CSS remains unchanged */\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n line-height: 1.6;\n color: #333;\n background-color: #e8f5e9;\n}\n\n/* Rest of the CSS remains the same as in the previous implementation */\n`;","createdAt",["D",1739943260057],"version",8,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount",1,"commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","Gikiri121","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydEN6Z3phOUZpVkE1dVlHOWJpZFZqRDd2ZlgifQ","forkedVal","interval","slug","Gikiri121/Youths4chnangeintv","description","@jsxImportSource https://esm.sh/react@18.2.0","versions",[141,144,148,152,156,160,164,167,170],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1739943260057],{"_117":145,"_142":-5,"_115":146,"_112":147},7,["D",1739943200275],"0754fadc-ee83-11ef-94f9-e6cdfca9ef9f",{"_117":149,"_142":-5,"_115":150,"_112":151},6,["D",1739943124710],"da4aec5e-ee82-11ef-91b2-e6cdfca9ef9f",{"_117":153,"_142":-5,"_115":154,"_112":155},5,["D",1739942899392],"54030b90-ee82-11ef-b726-e6cdfca9ef9f",{"_117":157,"_142":-5,"_115":158,"_112":159},4,["D",1739942657850],"c4057172-ee81-11ef-8d63-e6cdfca9ef9f",{"_117":161,"_142":-5,"_115":162,"_112":163},3,["D",1739942622263],"aecefda0-ee81-11ef-977e-e6cdfca9ef9f",{"_117":90,"_142":-5,"_115":165,"_112":166},["D",1739941543773],"2bfbf47a-ee7f-11ef-b751-e6cdfca9ef9f",{"_117":124,"_142":-5,"_115":168,"_112":169},["D",1739872699865],"e1cffa4a-edde-11ef-9be5-e6cdfca9ef9f",{"_117":31,"_142":-5,"_115":171,"_112":172},["D",1739871941927],"1e0cb16c-eddd-11ef-86cf-e6cdfca9ef9f","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":180,"_129":130,"_98":99,"_20":181,"_177":26,"_94":184,"_139":207,"_117":-5,"_221":124,"_222":118,"_223":224,"_225":-5},"list",{"_112":96,"_129":130,"_115":182,"_183":-5,"_131":132},["D",1739870976997],"bio",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":185,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":186,"_117":118,"_119":26,"_120":31,"_121":31,"_122":31,"_123":124,"_125":31,"_126":31,"_127":-5,"_20":187,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":188},true,["D",1739943260057],{"_129":130,"_131":132},[189,191,193,195,197,199,201,203,205],{"_117":118,"_142":-5,"_115":190,"_112":110},["D",1739943260057],{"_117":145,"_142":-5,"_115":192,"_112":147},["D",1739943200275],{"_117":149,"_142":-5,"_115":194,"_112":151},["D",1739943124710],{"_117":153,"_142":-5,"_115":196,"_112":155},["D",1739942899392],{"_117":157,"_142":-5,"_115":198,"_112":159},["D",1739942657850],{"_117":161,"_142":-5,"_115":200,"_112":163},["D",1739942622263],{"_117":90,"_142":-5,"_115":202,"_112":166},["D",1739941543773],{"_117":124,"_142":-5,"_115":204,"_112":169},["D",1739872699865],{"_117":31,"_142":-5,"_115":206,"_112":172},["D",1739871941927],[208],{"_112":172,"_113":209,"_117":31,"_115":210,"_211":99,"_100":101,"_107":108,"_129":130,"_11":96,"_212":-5,"_213":-5,"_214":-5,"_177":26,"_135":136,"_215":-5,"_216":217},"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [activeSection, setActiveSection] = useState('home');\n\n const sections = {\n home: (\n

Youths For Change Initiative

Empowering Communities Through Sustainability

\n \n \n

\n ),\n programs: (\n

Our Environmental Initiatives

🌍 Waste Recycling

Transforming waste management through community-driven recycling programs and education.

🌱 Community Cleanup

Organizing local garbage collection drives to create cleaner, healthier neighborhoods.

♻️ Sustainability Workshops

Empowering youth with knowledge about environmental conservation and sustainable practices.

🌿 Green Leadership

Developing young environmental leaders committed to creating positive ecological change.

\n ),\n 'get-involved': (\n

Join Our Environmental Movement

Volunteer

Join our cleanup teams and make a tangible difference in your community.

\n \n

Donate

Support our environmental education and recycling initiatives.

\n \n

Partner

Collaborate with us to expand sustainable community solutions.

\n \n

\n )\n };\n\n return (\n

\n \n

\n {sections[activeSection]}\n

\n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n margin: 0;\n line-height: 1.6;\n color: #333;\n background-color: #e8f5e9;\n}\n\n.app {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n}\n\nnav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 5%;\n background-color: #2e7d32;\n color: white;\n}\n\n.logo {\n font-size: 1.5rem;\n font-weight: bold;\n}\n\n.nav-links button {\n background: none;\n border: none;\n color: white;\n margin-left: 15px;\n cursor: pointer;\n transition: color 0.3s ease;\n}\n\n.nav-links button:hover {\n color: #81c784;\n}\n\nmain {\n flex-grow: 1;\n padding: 2rem 5%;\n}\n\n.hero {\n text-align: center;\n background-color: #4caf50;\n color: white;\n padding: 4rem 0;\n}\n\n.hero h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\n.cta-buttons button {\n margin: 0 10px;\n padding: 10px 20px;\n background-color: white;\n color: #2e7d32;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\n.program-grid, .involvement-options {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.program-card, .involvement-card {\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n text-align: center;\n}\n\n.program-card h3 {\n font-size: 1.5em;\n}\n\n.involvement-card button {\n background-color: #4caf50;\n color: white;\n border: none;\n padding: 10px 20px;\n border-radius: 5px;\n margin-top: 15px;\n cursor: pointer;\n}\n\nfooter {\n background-color: #2e7d32;\n color: white;\n text-align: center;\n padding: 1rem;\n}\n\nfooter a {\n color: #81c784;\n text-decoration: none;\n margin-left: 5px;\n}\n`;",["D",1739871941927],"valName","deletedAt","messageId","threadId","previous","stats",{"_218":219,"_220":31},"additions",225,"deletions","page","pageSize","total",9,"redirect","routes/_app","actionData","errors"]

Youths4chnangeintv

Versions

v0