[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_207":208,"_209":210},"routes/_app.x.$handle.$name",{"_101":100,"_32":49,"_109":91,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_21":-5,"_121":-5,"_122":-5,"_123":25,"_124":125,"_126":62,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",5,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":-5,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","frontend","latestPath","fileId","707d59ed-561e-445d-b410-8d076a26e462","name","fileType","directory","content","createdAt",["D",1748238492119],"branchVersion","branchId","212af496-25c6-11f0-8a3a-569c3dd06744",{"_30":43,"_32":44,"_33":21,"_35":45,"_36":46,"_38":14,"_39":40,"_24":25},"frontend/index.html","028ffd5e-39f5-11f0-9721-9e149126039e","index.html","\n\n\n \n \n Husnabco Global Resources - Innovative Technology Solutions\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 🚀\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n",["D",1748238492119],"id","212a912c-25c6-11f0-8a3a-569c3dd06744","HGRSustainabilityPlatform",["D",1746019333865],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","758e7f90-24bc-11f0-b428-111925f7ac60","pinnedFileId","212df47a-25c6-11f0-8a3a-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",10,"likeCount",0,"orgId","f96aa84f-81c6-478f-a5f3-bfcd4df57fb0","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":58,"_105":106,"_107":25},"branch",{"_13":90,"_32":91,"_47":40,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Abdul01","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ3T0dRSnM5MjVMbGdwTUh3Z1A3OHllM3REOSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_36":203,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":204,"_85":205,"_87":206,"_89":25},"tree",[172,174,176,177],"files",[172,173,174,175,176,177],"counts",{"_162":67,"_163":141,"_164":67,"_165":166,"_167":168},"contents",[131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":159,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":62,"_36":160,"_13":67,"_33":34,"_35":-5,"_24":25,"_144":-5,"_27":161},{"_47":153,"_32":154,"_30":155,"_137":-5,"_39":40,"_38":156,"_139":62,"_36":157,"_13":67,"_33":34,"_35":-5,"_24":25,"_144":-5,"_27":158},{"_47":146,"_32":147,"_30":148,"_137":-5,"_39":40,"_38":149,"_139":25,"_36":150,"_13":67,"_33":21,"_35":151,"_24":25,"_144":-5,"_27":152},{"_47":135,"_32":136,"_30":60,"_137":-5,"_39":40,"_38":138,"_139":62,"_36":140,"_13":141,"_33":142,"_35":143,"_24":25,"_144":-5,"_27":145},"21356ffc-25c6-11f0-8a3a-569c3dd06744","main.tsx","parentId",2,"latest",["D",1746019205520],1,"http","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst sustainabilityProjects = [\n {\n id: 1,\n name: \"Urban Green Roofs\",\n category: \"Urban Sustainability\",\n impact: \"Reduces urban heat, improves air quality\",\n difficulty: \"Intermediate\",\n region: \"Global Urban Centers\",\n icon: \"🏢\",\n },\n {\n id: 2,\n name: \"Community Solar Gardens\",\n category: \"Renewable Energy\",\n impact: \"Provides clean energy to communities\",\n difficulty: \"Advanced\",\n region: \"Rural & Suburban Areas\",\n icon: \"☀️\",\n },\n {\n id: 3,\n name: \"Plastic Waste Recycling Hub\",\n category: \"Waste Management\",\n impact: \"Reduces plastic pollution\",\n difficulty: \"Beginner\",\n region: \"Coastal Communities\",\n icon: \"♻️\",\n },\n {\n id: 4,\n name: \"Vertical Urban Farming\",\n category: \"Agriculture\",\n impact: \"Local food production, reduced transportation emissions\",\n difficulty: \"Intermediate\",\n region: \"Urban Environments\",\n icon: \"🌱\",\n },\n {\n id: 5,\n name: \"Biodiversity Corridor Restoration\",\n category: \"Conservation\",\n impact: \"Protects wildlife, enhances ecosystem health\",\n difficulty: \"Advanced\",\n region: \"Natural Habitats\",\n icon: \"🌿\",\n },\n];\n\nfunction App() {\n const [filter, setFilter] = useState({\n category: \"\",\n difficulty: \"\",\n region: \"\",\n });\n\n const filteredProjects = sustainabilityProjects.filter(project =>\n (!filter.category || project.category === filter.category)\n && (!filter.difficulty || project.difficulty === filter.difficulty)\n && (!filter.region || project.region === filter.region)\n );\n\n return (\n

HGR Sustainability Projects 🌍

Discover and Engage with Transformative Environmental Initiatives

\n\n

\n setFilter({ ...filter, category: e.target.value })}\n >\n \n {[...new Set(sustainabilityProjects.map(p => p.category))].map(category => (\n \n ))}\n \n\n setFilter({ ...filter, difficulty: e.target.value })}\n >\n \n {[...new Set(sustainabilityProjects.map(p => p.difficulty))].map(difficulty => (\n \n ))}\n \n

\n\n

\n {filteredProjects.map(project => (\n

{project.icon}

{project.name}

\n Category: {project.category}\n

\n Impact: {project.impact}\n

\n Difficulty: {project.difficulty}\n

\n Region: {project.region}\n

\n \n

\n ))}\n

\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 return new Response(\n `\n \n \n HGR Sustainability Platform\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: 'Arial', sans-serif;\n background-color: #f4f7f6;\n margin: 0;\n padding: 0;\n color: #2c3e50;\n}\n\n.sustainability-platform {\n max-width: 1200px;\n margin: 0 auto;\n padding: 20px;\n}\n\nheader {\n text-align: center;\n background-color: #2ecc71;\n color: white;\n padding: 20px;\n border-radius: 8px;\n}\n\n.filters {\n display: flex;\n justify-content: center;\n gap: 20px;\n margin: 20px 0;\n}\n\nselect {\n padding: 10px;\n border-radius: 5px;\n border: 1px solid #27ae60;\n}\n\n.project-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n gap: 20px;\n}\n\n.project-card {\n background-color: white;\n border-radius: 10px;\n padding: 20px;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n transition: transform 0.3s;\n}\n\n.project-card:hover {\n transform: scale(1.05);\n}\n\n.project-icon {\n font-size: 3em;\n text-align: center;\n}\n\nbutton {\n width: 100%;\n padding: 10px;\n background-color: #3498db;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nfooter {\n text-align: center;\n margin-top: 20px;\n padding: 10px;\n background-color: #ecf0f1;\n}\n`;","label",[136],"f0a9acc0-39f4-11f0-8d2f-9e149126039e","README.md","f0a9ad6a-39f4-11f0-8d2f-9e149126039e",3,["D",1748238462089],"# Husnabco Global Resources - Tech Website\n\nA modern, inspirational tech website for Husnabco Global Resources showcasing innovation, technology solutions, and global reach.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ └── App.tsx # Main React application\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Features\n\n- Modern, responsive design with tech-inspired aesthetics\n- Animated hero section with gradient backgrounds\n- Service showcase with interactive cards\n- Global presence visualization\n- Contact form with modern UI\n- Mobile-first responsive design\n- Smooth animations and transitions\n\n## Tech Stack\n\n- **Frontend**: React 18.2.0 with TypeScript\n- **Backend**: Hono framework\n- **Styling**: TailwindCSS\n- **Deployment**: Val Town\n\n## Development\n\nThe website is built as a single-page application with server-side rendering for optimal performance and SEO.\n\n## Sections\n\n1. **Hero Section**: Inspirational messaging with animated background\n2. **About**: Company overview and mission\n3. **Services**: Technology solutions offered\n4. **Global Reach**: International presence\n5. **Contact**: Get in touch form\n\n## Design Philosophy\n\nThe design emphasizes:\n- Clean, modern aesthetics\n- Tech-forward visual elements\n- Inspirational messaging\n- Professional credibility\n- Global perspective",[147],"f40029b2-39f4-11f0-acc3-9e149126039e","shared","e35b636f-a153-4059-a374-9fc82d0cd674",4,["D",1748238467672],[154],"0290485e-39f5-11f0-9721-9e149126039e",["D",1748238492119],[28],"pulls","branches","forks","envVars",{"_169":67,"_171":67},"connections",{"_169":67,"_170":67},"count","unfilledCount","emptyCount",{"_47":159,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":62,"_36":200,"_13":67,"_33":34,"_35":-5,"_24":25,"_144":-5,"_179":201,"_27":202},{"_47":196,"_32":44,"_30":43,"_137":31,"_39":40,"_38":14,"_139":62,"_36":197,"_13":67,"_33":21,"_35":45,"_24":25,"_144":-5,"_179":198,"_27":199},{"_47":153,"_32":154,"_30":155,"_137":-5,"_39":40,"_38":156,"_139":62,"_36":193,"_13":67,"_33":34,"_35":-5,"_24":25,"_144":-5,"_179":194,"_27":195},{"_47":185,"_32":186,"_30":187,"_137":155,"_39":40,"_38":156,"_139":62,"_36":188,"_13":67,"_33":189,"_35":190,"_24":25,"_144":-5,"_179":191,"_27":192},{"_47":146,"_32":147,"_30":148,"_137":-5,"_39":40,"_38":149,"_139":25,"_36":182,"_13":67,"_33":21,"_35":151,"_24":25,"_144":-5,"_179":183,"_27":184},{"_47":135,"_32":136,"_30":60,"_137":-5,"_39":40,"_38":138,"_139":62,"_36":178,"_13":141,"_33":142,"_35":143,"_24":25,"_144":-5,"_179":180,"_27":181},["D",1746019205520],"children",[],[136],["D",1748238462089],[],[147],"f3ffec22-39f4-11f0-acc3-9e149126039e","types.ts","f3ffecea-39f4-11f0-acc3-9e149126039e",["D",1748238467672],"script","// Shared types for Husnabco Global Resources website\n\nexport interface Service {\n id: string;\n title: string;\n description: string;\n icon: string;\n features: string[];\n}\n\nexport interface ContactForm {\n name: string;\n email: string;\n company?: string;\n message: string;\n}\n\nexport interface GlobalOffice {\n city: string;\n country: string;\n region: string;\n coordinates: {\n lat: number;\n lng: number;\n };\n}\n\nexport interface TeamMember {\n name: string;\n role: string;\n bio: string;\n image?: string;\n}",[],[154,186],["D",1748238467672],[175],[154],"028ffca0-39f5-11f0-9721-9e149126039e",["D",1748238492119],[],[28,44],["D",1748238492119],[173],[28],["D",1746019333865],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":58,"_105":106,"_107":25},{"_13":90,"_32":91,"_47":40,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"ctx",{"_83":-5,"_128":240,"_241":242,"_243":244,"_245":25,"_246":25,"_247":25,"_248":62,"_249":-5,"_250":-7,"_251":-7,"_252":67,"_253":25,"_254":25,"_255":-5,"_256":25,"_257":25,"_258":25,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":91,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

Diff · v5