Our Team
\n\n ![\"Adam\"](\"adam.jpg\")
\n
\n Adam
\nFounder
\n\n \n ![\"Hawa\"](\"hawa.jpg\")
\n
\n Hawa
\nEngineer
\n\n \n ![\"Ilham\"](\"ilham.jpg\")
\n
\n Ilham
\nDesigner
\n\n ![](\"assets/smark.logo.png\"){kind=logo}
\n\n[](https://www.npmjs.com/package/sommark)\n[](https://www.npmjs.com/package/sommark)\n[](https://nodejs.org)\n[](https://github.com/Adam-Elmi/SomMark/blob/master/LICENSE)\n\n**SomMark** is a template language that compiles to multiple output formats — HTML, JSON, YAML, TOML, CSV, Markdown, XML, and more.\n\nWrite your content once with a single consistent block syntax. Add loops, compile-time logic, and file imports. Compile to whatever format your project needs.\n\n---\n\n## Install\n\n```bash\n# CLI\nnpm install -g sommark\n\n# Use it with your project\nnpm install sommark\n```\n\n---\n\n## Showcase\n\n**`team.smark`** (HTML mapper)\n\n```ini\n[import = Card: \"./components/Card.smark\" !]\n\n${\n const team = [\n { name: \"Adam\", role: \"Founder\", avatar: \"adam.jpg\" },\n { name: \"Hawa\", role: \"Engineer\", avatar: \"hawa.jpg\" },\n { name: \"Ilham\", role: \"Designer\", avatar: \"ilham.jpg\" },\n ];\n const year = new Date().getFullYear();\n}$\n\n[main = class: \"team-page\"]\n [h1]Our Team[end:h1]\n\n [section = class: \"grid\"]\n [for-each = ${ team }$, as: \"member\"]\n [Card = name: ${ member.name }$, role: ${ member.role }$]\n [img = src: ${ member.avatar }$, alt: ${ member.name }$ !]\n [end:Card]\n [end:for-each]\n [end:section]\n\n [footer]© ${ year }$ SomMark[end:footer]\n[end:main]\n```\n\n**`components/Card.smark`**\n\n```ini\n[div = class: \"card\"]\n [h2]v{name}[end:h2]\n [p]v{role}[end:p]\n [slot!]\n[end:div]\n```\n\n```bash\nsommark --html team.smark\n```\n\n```html\nFounder
\n\n Engineer
\n\n Designer
\n\n