{nixite}:
with nixite.elems; let
  blue = nixite.style.component span "blue" {
    style = {
      color = "blue";
      __mediaQueries = {
        "(max-width: 500px)" = {
          color = "green";
        };
      };
    };
  };
  underblue = nixite.style.component blue "under" {
    style = {text-decoration = "underline";};
  };
  readme = nixite.site.link {
    content = nixite.md.mdToPage ../README.md;
    name = "readme";
  };
  markup = {
    "index.html" = (
      nixite.html.document {
        head = [(title "Nixite")];
        body = main [
          (a {href = readme;} "Readme")
          (a "/blog" "blog")
          (List {} ["item 1" "item 2" "item 3"])
          (p [
            "check out my"
            (blue "blue span")
            "isn't it"
            (underblue {onclick = "alert(1)";} "great!")
          ])
        ];
      }
    );
    blog = nixite.md.readDir ./blog;
  };
in
  nixite.site.prepare {favicon = ./src/favicon.png;} markup