diff --git a/Gulpfile.js b/Gulpfile.js
index 5387f61..b4b9de0 100644
--- a/Gulpfile.js
+++ b/Gulpfile.js
@@ -1,6 +1,10 @@
+import { existsSync } from 'node:fs';
 import { writeFile, readFile, rm, mkdir } from 'node:fs/promises';
+import { URL } from 'node:url';
 
 import gulp from 'gulp';
+import kidif from 'kidif';
+import mustache from 'mustache';
 import sass from 'sass';
 import { rollup } from 'rollup';
 import { terser } from 'rollup-plugin-terser';
@@ -16,7 +20,7 @@ const banner = `/** @preserve
 */`;
 
 export const build = gulp.series(resetDistFolder, gulp.parallel(buildJs, buildCss), buildWebsite);
-export const watch = () => gulp.watch(['data', 'examples', 'lib', 'templates', 'website'], build);
+export const watch = () => gulp.watch(['data', 'examples', 'lib', 'templates', 'website/css', 'website/js'], build);
 export default build;
 
 async function resetDistFolder() {
@@ -44,5 +48,241 @@ async function buildCss() {
 }
 
 async function buildWebsite() {
-  await import('./website/js/build.js');
+  const docs = JSON.parse(await readFile(new URL('./data/docs.json', import.meta.url), 'utf-8'));
+  const { version } = JSON.parse(await readFile(new URL('./package.json', import.meta.url), 'utf-8'));
+
+  const encoding = 'utf-8';
+  const chessboardJsScript = `<script src="../dist/chessboard-${version}.js"></script>`;
+
+  const [
+    headTemplate,
+    docsTemplate,
+    downloadTemplate,
+    examplesTemplate,
+    homepageTemplate,
+    singleExampleTemplate,
+    licensePageTemplate,
+    headerTemplate,
+    footerTemplate,
+  ] = await Promise.all([
+    readFile('templates/_head.mustache', encoding),
+    readFile('templates/docs.mustache', encoding),
+    readFile('templates/download.mustache', encoding),
+    readFile('templates/examples.mustache', encoding),
+    readFile('templates/homepage.mustache', encoding),
+    readFile('templates/single-example.mustache', encoding),
+    readFile('templates/license.mustache', encoding),
+    readFile('templates/_header.mustache', encoding),
+    readFile('templates/_footer.mustache', encoding),
+  ]);
+
+  // grab the examples
+  const examples = kidif('examples/*.example');
+  const examplesGroups = [
+    {
+      name: 'Basic Usage',
+      examples: [1000, 1001, 1002, 1003, 1004]
+    },
+    {
+      name: 'Config',
+      examples: [2000, 2044, 2063, 2001, 2002, 2003, 2082, 2004, 2030, 2005, 2006]
+    },
+    {
+      name: 'Methods',
+      examples: [3000, 3001, 3002, 3003, 3004, 3005, 3006, 3007]
+    },
+    {
+      name: 'Events',
+      examples: [4000, 4001, 4002, 4003, 4004, 4005, 4006, 4011, 4012]
+    },
+    {
+      name: 'Integration',
+      examples: [5000, 5001, 5002, 5003, 5004, 5005]
+    }
+  ];
+
+  if (!existsSync('website/examples')) {
+    await mkdir('website/examples');
+  }
+
+  await Promise.all([
+    writeFile('website/index.html', mustache.render(homepageTemplate, {
+      chessboardJsScript,
+      example2: `
+      const board2 = new Chessboard('board2', {
+        draggable: true,
+        dropOffBoard: 'trash',
+        sparePieces: true
+      })
+
+      document.getElementById('startBtn').onclick = () => board2.start()
+      document.getElementById('clearBtn').onclick = () => board2.clear()
+    `,
+      footer: footerTemplate,
+      head: mustache.render(headTemplate, { pageTitle: 'Homepage', version }),
+      version
+    }), encoding),
+
+    writeFile('website/examples.html', mustache.render(examplesTemplate, {
+      chessboardJsScript,
+      examplesJavaScript: buildExamplesJS(),
+      footer: footerTemplate,
+      head: mustache.render(headTemplate, { pageTitle: 'Examples', version }),
+      header: mustache.render(headerTemplate, { examplesActive: true, version }),
+      nav: buildExamplesNavHTML(),
+      version
+    }), encoding),
+
+    writeFile('website/docs.html', mustache.render(docsTemplate, {
+      configTableRows: docs.config.reduce(function (html, prop) {
+        if (typeof prop === 'string') return html;
+
+        html += `<tr id="config:${prop.name}">`; // table row
+        html += `<td>${buildPropertyAndTypeHTML('config', prop.name, prop.type)}</td>`; // property and type
+        html += `<td class="center"><p>${prop.default || '<small>n/a</small>'}</p></td>`; // default
+        html += `<td>${buildDescriptionHTML(prop.desc)}</td>`; // description
+        html += `<td>${buildExamplesCellHTML(prop.examples)}</td>`; // examples
+
+        return html + '</tr>';
+      }, ''),
+      errorRows: docs.errors.reduce(function (html, error) {
+        if (typeof error === 'string') return html;
+
+        html += `<tr id="errors:${error.id}">`; // table row
+        html += `<td class="center"><p><a href="docs.html#errors:${error.id}">${error.id}</a></p></td>`; // id
+        html += `<td><p>${error.desc}</p></td>`; // desc
+
+        // more information
+        if (error.fix) {
+          html += `<td>${Array.isArray(error.fix) ? error.fix.map(p => `<p>${p}</p>`).join('') : `<p>${error.fix}</p>`}</td>`;
+        } else {
+          html += '<td><small>n/a</small></td>';
+        }
+
+        return html + '</tr>';
+      }, ''),
+      methodTableRows: docs.methods.reduce(function (html, method) {
+        if (typeof method === 'string') return html;
+
+        const nameNoParens = method.name.replace(/\(.+$/, '');
+
+        html += method.noId ? '<tr>' : `<tr id="methods:${nameNoParens}">`; // table row
+        html += `<td><p><a href="docs.html#methods:${nameNoParens}"><code class="js plain">${method.name}</code></a></p></td>`; // name
+        html += Array.isArray(method.args) ? `<td>${method.args.map((arg) => '<p>' + arg[1] + '</p>').join('')}</td>` : '<td><small>none</small></td>'; // args
+        html += `<td>${buildDescriptionHTML(method.desc)}</td>`; // description
+        html += `<td>${buildExamplesCellHTML(method.examples)}</td>`; // examples
+
+        return html + '</tr>';
+      }, ''),
+      footer: footerTemplate,
+      head: mustache.render(headTemplate, { pageTitle: 'Documentation', version }),
+      header: mustache.render(headerTemplate, { docsActive: true, version }),
+      version,
+    }), encoding),
+
+    writeFile('website/download.html', mustache.render(downloadTemplate, {
+      footer: footerTemplate,
+      head: mustache.render(headTemplate, { pageTitle: 'Download', version }),
+      header: mustache.render(headerTemplate, { downloadActive: true, version }),
+      version
+    }), encoding),
+
+    writeFile('website/license.html', mustache.render(licensePageTemplate, { version }), encoding),
+
+    Promise.all(examples.map(example => {
+      if ((example.id + '').startsWith('5')) {
+        example.includeChessJS = true;
+      }
+      example.chessboardJsScript = chessboardJsScript;
+      return writeFile(`website/examples/${example.id}.html`, mustache.render(singleExampleTemplate, { version, ...example }), encoding);
+    })),
+  ]);
+
+  // -----------------------------------------------------------------------------
+  // HTML
+  // -----------------------------------------------------------------------------
+
+  function buildExamplesNavHTML() {
+    let html = '';
+    examplesGroups.forEach(function (group, idx) {
+      const groupNum = idx + 1;
+      html += '<h4 id="groupHeader-' + groupNum + '">' + group.name + '</h4>' +
+        '<ul id="groupContainer-' + groupNum + '" style="display:none">';
+
+      group.examples.forEach(function (exampleId) {
+        const example = examples.find(x => x.id === exampleId) ?? {};
+        html += '<li id="exampleLink-' + exampleId + '">' + example.name + '</id>';
+      });
+
+      html += '</ul>';
+    });
+    return html;
+  }
+
+  function buildExamplesJS() {
+    let txt = 'window.CHESSBOARD_EXAMPLES = {}\n\n';
+
+    examples.forEach(function (ex) {
+      txt += 'CHESSBOARD_EXAMPLES["' + ex.id + '"] = {\n' +
+        '  description: ' + JSON.stringify(ex.description) + ',\n' +
+        '  html: ' + JSON.stringify(ex.html) + ',\n' +
+        '  name: ' + JSON.stringify(ex.name) + ',\n' +
+        '  jsStr: ' + JSON.stringify(ex.js) + ',\n' +
+        '  jsFn: function () {\n' + ex.js + '\n  }\n' +
+        '};\n\n';
+    });
+
+    return txt;
+  }
+
+  function buildPropertyAndTypeHTML(section, name, type) {
+    let html = '<p><a href="docs.html#' + section + ':' + name + '">' +
+      '<code class="js plain">' + name + '</code></a></p>' +
+      '<p class=property-type-7ae66>' + buildTypeHTML(type) + '</p>';
+    return html;
+  }
+
+  function buildTypeHTML(type) {
+    if (!Array.isArray(type)) {
+      type = [type];
+    }
+
+    let html = '';
+    for (var i = 0; i < type.length; i++) {
+      if (i !== 0) {
+        html += ' <small>or</small><br />';
+      }
+      html += type[i];
+    }
+
+    return html;
+  }
+
+  function buildDescriptionHTML(desc) {
+    if (!Array.isArray(desc)) {
+      desc = [desc];
+    }
+
+    let html = '';
+    desc.forEach(function (d) {
+      html += '<p>' + d + '</p>';
+    });
+
+    return html;
+  }
+
+  function buildExamplesCellHTML(examplesIds) {
+    if (!Array.isArray(examplesIds)) {
+      examplesIds = [examplesIds];
+    }
+
+    let html = '';
+    examplesIds.forEach(function (exampleId) {
+      const example = examples.find(x => x.id === exampleId);
+      if (!example) return;
+      html += '<p><a href="examples.html#' + exampleId + '">' + example.name + '</a></p>';
+    });
+
+    return html;
+  }
 }
diff --git a/website/js/build.js b/website/js/build.js
deleted file mode 100755
index f7cf38c..0000000
--- a/website/js/build.js
+++ /dev/null
@@ -1,378 +0,0 @@
-#! /usr/bin/env node
-
-/* eslint-env node */
-
-// -----------------------------------------------------------------------------
-// This file builds the contents of the website/ folder.
-// -----------------------------------------------------------------------------
-
-// libraries
-import fs from 'node:fs';
-import { readFile } from 'node:fs/promises';
-
-import kidif from 'kidif';
-import mustache from 'mustache';
-
-
-const docs = JSON.parse(await readFile(new URL('../../data/docs.json', import.meta.url), 'utf-8'));
-const { version } = JSON.parse(await readFile(new URL('../../package.json', import.meta.url), 'utf-8'));
-
-const encoding = 'utf-8';
-const chessboardJsScript = `<script src="../dist/chessboard-${version}.js"></script>`;
-
-// grab some mustache templates
-const docsTemplate = fs.readFileSync('templates/docs.mustache', encoding);
-const downloadTemplate = fs.readFileSync('templates/download.mustache', encoding);
-const examplesTemplate = fs.readFileSync('templates/examples.mustache', encoding);
-const homepageTemplate = fs.readFileSync('templates/homepage.mustache', encoding);
-const singleExampleTemplate = fs.readFileSync('templates/single-example.mustache', encoding);
-const licensePageTemplate = fs.readFileSync('templates/license.mustache', encoding);
-const headTemplate = fs.readFileSync('templates/_head.mustache', encoding);
-const headerTemplate = fs.readFileSync('templates/_header.mustache', encoding);
-const footerTemplate = fs.readFileSync('templates/_footer.mustache', encoding);
-
-// grab the examples
-const examplesArr = kidif('examples/*.example');
-console.assert(examplesArr, 'Could not load the Example files');
-console.assert(examplesArr.length > 1, 'Zero examples loaded');
-
-const examplesObj = examplesArr.reduce(function (examplesObj, example) {
-  examplesObj[example.id] = example;
-  return examplesObj;
-}, {});
-
-const examplesGroups = [
-  {
-    name: 'Basic Usage',
-    examples: [1000, 1001, 1002, 1003, 1004]
-  },
-  {
-    name: 'Config',
-    examples: [2000, 2044, 2063, 2001, 2002, 2003, 2082, 2004, 2030, 2005, 2006]
-  },
-  {
-    name: 'Methods',
-    examples: [3000, 3001, 3002, 3003, 3004, 3005, 3006, 3007]
-  },
-  {
-    name: 'Events',
-    examples: [4000, 4001, 4002, 4003, 4004, 4005, 4006, 4011, 4012]
-  },
-  {
-    name: 'Integration',
-    examples: [5000, 5001, 5002, 5003, 5004, 5005]
-  }
-];
-
-function writeHomepage() {
-  const headHTML = mustache.render(headTemplate, { pageTitle: 'Homepage', version });
-
-  const html = mustache.render(homepageTemplate, {
-    chessboardJsScript,
-    example2: `
-			const board2 = new Chessboard('board2', {
-				draggable: true,
-				dropOffBoard: 'trash',
-				sparePieces: true
-			})
-
-			document.getElementById('startBtn').onclick = () => board2.start()
-			document.getElementById('clearBtn').onclick = () => board2.clear()
-		`.trim(),
-    footer: footerTemplate,
-    head: headHTML,
-    version
-  });
-  fs.writeFileSync('website/index.html', html, encoding);
-}
-
-function writeExamplesPage() {
-  const headHTML = mustache.render(headTemplate, { pageTitle: 'Examples', version });
-  const headerHTML = mustache.render(headerTemplate, { examplesActive: true, version });
-
-  const html = mustache.render(examplesTemplate, {
-    chessboardJsScript,
-    examplesJavaScript: buildExamplesJS(),
-    footer: footerTemplate,
-    head: headHTML,
-    header: headerHTML,
-    nav: buildExamplesNavHTML(),
-    version
-  });
-  fs.writeFileSync('website/examples.html', html, encoding);
-}
-
-const configTableRowsHTML = docs.config.reduce(function (html, itm) {
-  if (typeof itm === 'string') return html;
-  return html + buildConfigDocsTableRowHTML('config', itm);
-}, '');
-
-const methodTableRowsHTML = docs.methods.reduce(function (html, itm) {
-  if (typeof itm === 'string') return html;
-  return html + buildMethodRowHTML(itm);
-}, '');
-
-const errorRowsHTML = docs.errors.reduce(function (html, itm) {
-  if (typeof itm === 'string') return html;
-  return html + buildErrorRowHTML(itm);
-}, '');
-
-function isIntegrationExample(example) {
-  return (example.id + '').startsWith('5');
-}
-
-function writeSingleExamplePage(example) {
-  if (isIntegrationExample(example)) {
-    example.includeChessJS = true;
-  }
-  example.chessboardJsScript = chessboardJsScript;
-  const html = mustache.render(singleExampleTemplate, { version, ...example });
-  if (!fs.existsSync('website/examples')) {
-    fs.mkdirSync('website/examples');
-  }
-  fs.writeFileSync('website/examples/' + example.id + '.html', html, encoding);
-}
-
-function writeSingleExamplesPages() {
-  examplesArr.forEach(writeSingleExamplePage);
-}
-
-function writeDocsPage() {
-  const headHTML = mustache.render(headTemplate, { pageTitle: 'Documentation', version });
-  const headerHTML = mustache.render(headerTemplate, { docsActive: true, version });
-
-  const html = mustache.render(docsTemplate, {
-    configTableRows: configTableRowsHTML,
-    errorRows: errorRowsHTML,
-    footer: footerTemplate,
-    head: headHTML,
-    header: headerHTML,
-    methodTableRows: methodTableRowsHTML,
-    version,
-  });
-  fs.writeFileSync('website/docs.html', html, encoding);
-}
-
-function writeDownloadPage() {
-  const headHTML = mustache.render(headTemplate, { pageTitle: 'Download', version });
-  const headerHTML = mustache.render(headerTemplate, { downloadActive: true, version });
-
-  const html = mustache.render(downloadTemplate, {
-    footer: footerTemplate,
-    head: headHTML,
-    header: headerHTML,
-    version
-  });
-  fs.writeFileSync('website/download.html', html, encoding);
-}
-
-function writeLicensePage() {
-  const html = mustache.render(licensePageTemplate, { version });
-  fs.writeFileSync('website/license.html', html, encoding);
-}
-
-function writeWebsite() {
-  writeHomepage();
-  writeExamplesPage();
-  writeSingleExamplesPages();
-  writeDocsPage();
-  writeDownloadPage();
-  writeLicensePage();
-}
-
-writeWebsite();
-
-// -----------------------------------------------------------------------------
-// HTML
-// -----------------------------------------------------------------------------
-
-function buildExampleGroupHTML(idx, groupName, examplesInGroup) {
-  const groupNum = idx + 1;
-  let html = '<h4 id="groupHeader-' + groupNum + '">' + groupName + '</h4>' +
-    '<ul id="groupContainer-' + groupNum + '" style="display:none">';
-
-  examplesInGroup.forEach(function (exampleId) {
-    const example = examplesObj[exampleId];
-    html += '<li id="exampleLink-' + exampleId + '">' + example.name + '</id>';
-  });
-
-  html += '</ul>';
-
-  return html;
-}
-
-function buildExamplesNavHTML() {
-  let html = '';
-  examplesGroups.forEach(function (group, idx) {
-    html += buildExampleGroupHTML(idx, group.name, group.examples);
-  });
-  return html;
-}
-
-function buildExamplesJS() {
-  let txt = 'window.CHESSBOARD_EXAMPLES = {}\n\n';
-
-  examplesArr.forEach(function (ex) {
-    txt += 'CHESSBOARD_EXAMPLES["' + ex.id + '"] = {\n' +
-      '  description: ' + JSON.stringify(ex.description) + ',\n' +
-      '  html: ' + JSON.stringify(ex.html) + ',\n' +
-      '  name: ' + JSON.stringify(ex.name) + ',\n' +
-      '  jsStr: ' + JSON.stringify(ex.js) + ',\n' +
-      '  jsFn: function () {\n' + ex.js + '\n  }\n' +
-      '};\n\n';
-  });
-
-  return txt;
-}
-
-function buildConfigDocsTableRowHTML(propType, prop) {
-  let html = '';
-
-  // table row
-  html += '<tr id="' + propType + ':' + prop.name + '">';
-
-  // property and type
-  html += '<td>' + buildPropertyAndTypeHTML(propType, prop.name, prop.type) + '</td>';
-
-  // default
-  html += '<td class="center"><p>' + buildDefaultHTML(prop.default) + '</p></td>';
-
-  // description
-  html += '<td>' + buildDescriptionHTML(prop.desc) + '</td>';
-
-  // examples
-  html += '<td>' + buildExamplesCellHTML(prop.examples) + '</td>';
-
-  html += '</tr>';
-
-  return html;
-}
-
-function buildMethodRowHTML(method) {
-  const nameNoParens = method.name.replace(/\(.+$/, '');
-
-  let html = '';
-
-  // table row
-  if (method.noId) {
-    html += '<tr>';
-  } else {
-    html += '<tr id="methods:' + nameNoParens + '">';
-  }
-
-  // name
-  html += '<td><p><a href="docs.html#methods:' + nameNoParens + '">' +
-    '<code class="js plain">' + method.name + '</code></a></p></td>';
-
-  // args
-  if (method.args) {
-    html += '<td>';
-    method.args.forEach(function (arg) {
-      html += '<p>' + arg[1] + '</p>';
-    });
-    html += '</td>';
-  } else {
-    html += '<td><small>none</small></td>';
-  }
-
-  // description
-  html += '<td>' + buildDescriptionHTML(method.desc) + '</td>';
-
-  // examples
-  html += '<td>' + buildExamplesCellHTML(method.examples) + '</td>';
-
-  html += '</tr>';
-
-  return html;
-}
-
-function buildPropertyAndTypeHTML(section, name, type) {
-  let html = '<p><a href="docs.html#' + section + ':' + name + '">' +
-    '<code class="js plain">' + name + '</code></a></p>' +
-    '<p class=property-type-7ae66>' + buildTypeHTML(type) + '</p>';
-  return html;
-}
-
-function buildTypeHTML(type) {
-  if (!Array.isArray(type)) {
-    type = [type];
-  }
-
-  let html = '';
-  for (var i = 0; i < type.length; i++) {
-    if (i !== 0) {
-      html += ' <small>or</small><br />';
-    }
-    html += type[i];
-  }
-
-  return html;
-}
-
-function buildDescriptionHTML(desc) {
-  if (!Array.isArray(desc)) {
-    desc = [desc];
-  }
-
-  let html = '';
-  desc.forEach(function (d) {
-    html += '<p>' + d + '</p>';
-  });
-
-  return html;
-}
-
-function buildDefaultHTML(defaultValue) {
-  if (!defaultValue) {
-    return '<small>n/a</small>';
-  }
-  return defaultValue;
-}
-
-function buildExamplesCellHTML(examplesIds) {
-  if (!Array.isArray(examplesIds)) {
-    examplesIds = [examplesIds];
-  }
-
-  let html = '';
-  examplesIds.forEach(function (exampleId) {
-    var example = examplesObj[exampleId];
-    if (!example) return;
-    html += '<p><a href="examples.html#' + exampleId + '">' + example.name + '</a></p>';
-  });
-
-  return html;
-}
-
-function buildErrorRowHTML(error) {
-  let html = '';
-
-  // table row
-  html += '<tr id="errors:' + error.id + '">';
-
-  // id
-  html += '<td class="center">' +
-    '<p><a href="docs.html#errors:' + error.id + '">' + error.id + '</a></p></td>';
-
-  // desc
-  html += '<td><p>' + error.desc + '</p></td>';
-
-  // more information
-  if (error.fix) {
-    if (!Array.isArray(error.fix)) {
-      error.fix = [error.fix];
-    }
-
-    html += '<td>';
-    error.fix.forEach(function (p) {
-      html += '<p>' + p + '</p>';
-    });
-    html += '</td>';
-  } else {
-    html += '<td><small>n/a</small></td>';
-  }
-
-  html += '</tr>';
-
-  return html;
-}