M docs/js/app.js → docs/js/app.js

@@ -34,6 +34,8 @@ h3.redraw();
     })();
   }
   const menu = ids.map((p) => h3("a", { href: `#/${p}` }, labels[p]));
+  const html = h3.state.pages[id];
+  const content = html ? h3("div.content", { $html:  html}) : h3("div.empty", {style: "text-align: center; margin: auto;"}, h3("span.spinner"));
   return h3("div.page", [
     h3("header.row", [
       h3("a.logo.col-sm", { href: "#/" }, "H3"),
@@ -46,10 +48,7 @@ h3("label.drawer-close", { for: "drawer-control" }),
         ...menu,
       ]),
       h3("main.col-sm-12.col-md-9", [
-        h3(
-          "div.card.fluid",
-          h3("div.section", h3("div.content", { $html: h3.state.pages[id] }))
-        ),
+        h3("div.card.fluid", h3("div.section", content))
       ]),
       h3("footer", h3("div", "© 2020 Fabio Cevasco")),
     ]),