Add a static site generator

There is no build for the element or site utilities like PrismJS yet, so this site only works locally at the moment.
2019-12-19 20:48:45 -08:00
parent 2b3e914666
commit fc662728eb
28 changed files with 5770 additions and 6 deletions
--- a/docs-src/_includes/page.11ty.cjs
+++ b/docs-src/_includes/page.11ty.cjs
@@ -0,0 +1,30 @@
+const header = require('./header.11ty.cjs');
+const footer = require('./footer.11ty.cjs');
+const nav = require('./nav.11ty.cjs');
+
+module.exports = function(data) {
+  return `
+<!doctype html>
+
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${data.title}</title>
+    <link rel="stylesheet" href="/docs/docs.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Roboto+Mono">
+    <link href="/node_modules/prismjs/themes/prism-okaidia.css" rel="stylesheet" />
+    <script type="module" src="/my-element.js"></script>
+  </head>
+  <body>
+    ${header()}
+    ${nav(data)}
+    <div id="main-wrapper">
+      <main>
+        ${data.content}
+      </main>
+    </div>
+    ${footer()}
+  </body>
+</html>`;
+};