\n {/* Header section */}\n

{title}

\n {description &&

{description}

}\n

\n {author && {author}}\n {date && author && •}\n {date && {date}}\n

\n {tags.length > 0 && (\n

\n {tags.map((tag, i) => (\n \n {tag}\n \n ))}\n

\n )}\n

\n \n {/* Main content */}\n

\n \n {/* Footer with source link */}\n \n

\n );\n}\n\n// Main route handler\napp.get('/', async (c) => {\n try {\n // Load the moi.md file content\n const moiContent = await fetch(new URL('./moi.md', import.meta.url).toString())\n .then(res => res.text())\n .catch(() => {\n console.error('Error loading moi.md');\n return '';\n });\n \n // Parse the markdown with frontmatter\n const { frontmatter, content } = parseMarkdownWithFrontmatter(moiContent);\n \n // Render the blog post component to string\n const postHtml = renderToString();\n \n // Prepare the full HTML with appropriate styles\n const html = `\n \n \n \n \n \n ${frontmatter.title || 'Markdown Blog'}\n \n \n \n \n \n \n \n \n ${postHtml}\n \n \n `;\n \n return c.html(html);\n } catch (error) {\n console.error('Error rendering blog:', error);\n return c.text('Error rendering blog post', 500);\n }\n});\n\n// Error handler to show full errors\napp.onError((err, c) => {\n console.error('Application error:', err);\n throw err; // Re-throw to see full stack trace\n});\n\nexport default app.fetch;",[],[175],{"_102":182,"_95":183,"_156":184,"_158":-5,"_159":138,"_160":137,"_162":116,"_104":185,"_99":186,"_164":165,"_166":187,"_168":22,"_169":-5,"_170":188,"_98":189},"8e46ad32-22c3-11f0-b7e8-569c3dd06744","moi.md","b8945448-8fea-4289-a13b-b5195edfdeda",["D",1745688374935],8,"---\ntitle: \"Introducing build.moi\"\ndescription: \"Showcase your Val Town projects in a clean, modern grid.\"\nauthor: \"dcm31\"\ndate: \"2025-04-26\"\nurl: \"https://dcm31--2909c212671748f58fd383de8d4ca700.web.val.run\"\nimageUrl: \"https://chatgpt.com/backend-api/public_content/enc/eyJpZCI6Im1fNjgwZDE1N2JkZTQ0ODE5MThhZGE3NTNkZDI4NTI4NGQ6ZmlsZV8wMDAwMDAwMDVkZDQ2MWY2ODNjZGE4Y2Q1YzBlMDc3NSIsInRzIjoiNDg0OTEzIiwicCI6InB5aSIsInNpZyI6IjBhMGVlMjJiZGNmNDFjMTZiZThiNTNkOGMxY2Y1NWEyNTYwMDYyMjY0YzQ0MjM3Y2NlNmNkNjNjYzRiNzgyNGIiLCJ2IjoiMCIsImdpem1vX2lkIjpudWxsfQ==\"\ntags: [\"val-town\", \"showcase\", \"grid\", \"template\"]\n---\n\n# Introducing build.moi\n\n**build.moi** is a showcase platform for Val Town users, displaying their vals in a clean, modern grid layout.\n\n## Features\n\n- **View user profiles** in a beautiful, responsive gallery\n- **Posts and Code tabs**: Filter between showcased apps (Posts) and all vals (Code)\n- **Live app links**: Posts link directly to HTTP endpoints or custom URLs\n- **Portrait 2:3 cards** for a sleek, mobile-friendly look\n- **Edge-to-edge grid** with minimal spacing\n- **Automatic dark mode** that follows system preferences\n- **Circle-cropped profile pictures** and **muted colorful placeholders** for missing images\n- **Smooth hover effects** showing val details\n- **Dynamic grid**: 3-5 columns depending on screen size\n- **Client-side routing** with paths like `/@username`\n- **Custom profile configuration** via simple `moi.md` files\n\n## How to Use It\n\n1. Visit [build.moi](https://dcm31--2909c212671748f58fd383de8d4ca700.web.val.run)\n2. Enter any Val Town username to see their profile.\n3. Or directly navigate to `/@username`!\n\nThe **Posts** tab highlights apps with a `moi.md` file. \nThe **Code** tab shows all vals, linking directly to Val Town code.\n\n## Customizing Your Posts\n\nYou can customize how your apps show up by adding a `moi.md` file at the root of your val project.\n\nExample:\n\n```yaml\n---\ntitle: \"My Awesome Val Town Project\"\ndescription: \"A detailed description of my project\"\nimageUrl: \"https://example.com/my-custom-image.jpg\"\nurl: \"https://my-live-app-endpoint.web.val.run\"\nauthor: \"yourusername\"\ntags: [\"javascript\", \"react\", \"val-town\"]\n---",[],[183],"files",[153,173,181],"counts",{"_194":32,"_195":161,"_196":32,"_197":198},"pulls","branches","forks","envVars",{"_199":32,"_200":32},"count","emptyCount","contents",[203,206,209],{"_102":154,"_95":155,"_156":157,"_158":-5,"_159":138,"_160":161,"_162":116,"_104":204,"_99":32,"_164":165,"_166":167,"_168":22,"_169":-5,"_98":205},["D",1745687432948],[155],{"_102":174,"_95":175,"_156":114,"_158":-5,"_159":138,"_160":161,"_162":116,"_104":207,"_99":32,"_164":177,"_166":178,"_168":22,"_169":-5,"_98":208},["D",1745687432948],[175],{"_102":182,"_95":183,"_156":184,"_158":-5,"_159":138,"_160":137,"_162":116,"_104":210,"_99":186,"_164":165,"_166":187,"_168":22,"_169":-5,"_98":211},["D",1745688374935],[183],"upstreamProject",{"_102":146,"_95":214,"_110":215,"_111":-5,"_108":109,"_23":216},"simple_moirkdown_blog","Simple markdown blog template with moi.md integration",{"_93":94,"_130":131},"upstreamBranch",{"_102":141,"_104":219,"_220":221,"_95":43,"_139":146,"_99":143,"_140":-5,"_142":-5,"_222":223,"_106":-5,"_150":22,"_108":109,"_149":94,"_16":119,"_148":214},["D",1745682793315],"updatedAt",["D",1745685748697],"lockfileKey","1757962021189-esm.town_v_dcm31_simple_moirkdown_blog@6-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.remixes",{"_93":94,"_95":96,"_100":230,"_196":235,"_236":237},{"_102":103,"_95":96,"_104":231,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":114,"_115":116,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":232,"_132":233,"_135":234,"_150":22},["D",1745687432948],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_99":137,"_95":43,"_102":138,"_139":103,"_140":141,"_142":143,"_144":109,"_145":146,"_147":119,"_148":96,"_149":94},[],"upstream",{"_102":146,"_95":214,"_110":215,"_111":-5,"_108":109,"_23":238},{"_93":94,"_130":131},"actionData","errors"]

dcm31

introducing_build_moi