HAM makes modular HTML development possible. HAM provides a framework and compilier for developing static HTML web pages
A Layout defines the structure of a web page
<html lang="en"> <head> <meta charset="UTF-8"> <title>HAM</title> <link type="ham/layout-css"/> </head> <body> <div id="app-info"></div> <div class="container"> <div class="row"> <embed type="ham/page"/> </div> </div> <embed type="ham/layout-js"/> </body> </html>A Page must have a layout. A page gives a layout content
<div class="page" data-ham-page-config='{ "layout": "../layouts/default.html", "css": ["../assets/app/css/index.css"], "js": ["../assets/app/js/index.js"] }' > <embed type="ham/partial" src="../partials/header.html"/> </div>Partials are reusable html modules that can be included on a page or layout
<h1>Welcome to HAM</h1><html lang="en"> <head> <meta charset="UTF-8"/> <title>HAM</title> <link rel="stylesheet" href="/assets/app/css/index.css?v=202102082042"/> </head> <body> <div id="app-info"></div> <div class="container"> <div class="row"> <div class="page"> <h1>Welcome to HAM</h1> </div> </div> </div> <script src="../assets/app/js/index.js?v=202102082042"></script> </body> </html>go install github.com/fobilow/ham/cmd/ham@latest
For specific version, replace @latest with version number
- ham init [sitename]
- ham build -w [working dir] -o [output directory]
- ham version
- ham help