Moar website details

build.sh

@@ -0,0 +1,9 @@
+#!/bin/bash
+
+curl -L https://github.com/WebAssembly/wabt/releases/download/1.0.12/wabt-1.0.12-linux.tar.gz | tar -xz -C /opt -f -
+
+export PATH=$(echo /opt/wabt-*)/:$PATH
+
+cd /usr/src
+npm i
+npm run build:website

genwebsite.js

@@ -2,17 +2,16 @@ const md = require("markdown-it")();
 const ejs = require("ejs");
 const fsp = require("fs").promises;
 
-
 async function init() {
   const readmeSrc = await fsp.readFile("./README.md", "utf8");
   const readme = md.render(readmeSrc);
 
+  await fsp.mkdir("website").catch(e => {});
   await fsp.copyFile("./dist/esm/index.js", "./website/wasm-feature-detect.js");
 
   const template = await fsp.readFile("./website.ejs", "utf8");
-  const output = ejs.render(template, {readme});
-  await fsp.mkdir("website").catch(e => {});
+  const output = ejs.render(template, { readme });
   await fsp.writeFile("./website/index.html", output);
 }
 
-init();
+init();

package.json

@@ -9,6 +9,7 @@
     "build:readme": "node --experimental-modules ./render-readme.mjs",
     "build": "npm run build:library && npm run build:readme && npm run fmt",
     "build:website": "npm run build && node genwebsite.js",
+    "build:website:docker": "docker run -ti --rm -v `pwd`:/usr/src node:12 ./build.sh",
     "fmt": "prettier --write ./{,{src,rollup-plugins}/**/}*.{mjs,js,md}"
   },
   "repository": "GoogleChromeLabs/wasm-feature-detect",

website.ejs

@@ -10,6 +10,7 @@
     --tint: 30;
     --contrast: 70;
     --saturation: 10%;
+    --padding: 4em;
   }
   html {
     background: hsl(
@@ -24,9 +25,14 @@
   body {
     max-width: 960px;
     margin: 0 auto;
-    padding: 0 4em;
+    padding: 4em;
     box-sizing: border-box;
   }
+  pre, table {
+    margin: 0 -4em;
+    padding: 0 4em;
+    overflow-x: auto;
+  }
   section {
     margin: 4em 0;
   }