diff --git a/.gitignore b/.gitignore
index 8df878e..5b2a1f7 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 .cache
+.parcel-cache
 chrome
 dist
 node_modules
diff --git a/.parcel-cache/data.mdb b/.parcel-cache/data.mdb
deleted file mode 100644
index 576bea7..0000000
Binary files a/.parcel-cache/data.mdb and /dev/null differ
diff --git a/.parcel-cache/lock.mdb b/.parcel-cache/lock.mdb
deleted file mode 100644
index 01351a3..0000000
Binary files a/.parcel-cache/lock.mdb and /dev/null differ
diff --git a/.postcssrc.js b/.postcssrc.js
deleted file mode 100644
index 44c86c0..0000000
--- a/.postcssrc.js
+++ /dev/null
@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {
-      overrideBrowserslist: ['>1%', 'last 2 versions', 'not ie < 11']
-    }
-  }
-};
diff --git a/README.md b/README.md
index 971d699..a959c86 100644
--- a/README.md
+++ b/README.md
@@ -2,12 +2,12 @@
 
 A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more!
 
-* [Open source](https://github.com/utterance). 🙌
-* No tracking, no ads, always free. 📡🚫
-* No lock-in. All data stored in GitHub issues. 🔓
-* Styled with [Primer](http://primer.style), the css toolkit that powers GitHub. 💅
-* Dark theme. 🌘
-* Lightweight. Vanilla TypeScript. No font downloads, JavaScript frameworks or polyfills for evergreen browsers. 🐦🌲
+- [Open source](https://github.com/utterance). 🙌
+- No tracking, no ads, always free. 📡🚫
+- No lock-in. All data stored in GitHub issues. 🔓
+- Styled with [Primer](http://primer.style), the css toolkit that powers GitHub. 💅
+- Dark theme. 🌘
+- Lightweight. Vanilla TypeScript. No font downloads, JavaScript frameworks or polyfills for evergreen browsers. 🐦🌲
 
 ## how it works
 
@@ -19,10 +19,10 @@ To comment, users must authorize the utterances app to post on their behalf usin
 
 ## sites using utterances
 
-* Haxe [documentation](https://haxe.org/manual) and [cookbook](https://code.haxe.org/)
-* [danyow.net](https://danyow.net)
-* [os.phil-opp.com](https://os.phil-opp.com/second-edition)
-* **[and many more...](https://github.com/topics/utterances)**
+- Haxe [documentation](https://haxe.org/manual) and [cookbook](https://code.haxe.org/)
+- [sadsloth.net](https://sadsloth.net/)
+- [danyow.net](https://danyow.net)
+- **[and many more...](https://github.com/topics/utterances)**
 
 Are you using utterances? [Add the `utterances` topic on your repo](https://docs.github.com/en/github/administering-a-repository/classifying-your-repository-with-topics)!
 
diff --git a/package-lock.json b/package-lock.json
index 04288ac..f67b238 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,8 +9,12 @@
       "version": "1.0.0",
       "license": "MIT",
       "devDependencies": {
+        "@parcel/packager-raw-url": "^2.2.1",
+        "@parcel/packager-xml": "^2.2.1",
         "@parcel/transformer-sass": "^2.2.1",
         "@parcel/transformer-typescript-tsc": "^2.2.1",
+        "@parcel/transformer-webmanifest": "^2.2.1",
+        "@parcel/transformer-xml": "^2.2.1",
         "@primer/css": "^15.2.0",
         "autoprefixer": "^10.4.2",
         "gh-pages": "^3.2.3",
@@ -58,9 +62,9 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.17.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.0.tgz",
-      "integrity": "sha512-x/5Ea+RO5MvF9ize5DeVICJoVrNv0Mi2RnIABrZEKYvPEpldXwauPkgvYA17cKa6WpU3LoYvYbuEMFtSNFsarA==",
+      "version": "7.17.2",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.2.tgz",
+      "integrity": "sha512-R3VH5G42VSDolRHyUO4V2cfag8WHcZyxdq5Z/m8Xyb92lW/Erm/6kM+XtRFGf3Mulre3mveni2NHfEUws8wSvw==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.0.0",
@@ -68,7 +72,7 @@
         "@babel/generator": "^7.17.0",
         "@babel/helper-compilation-targets": "^7.16.7",
         "@babel/helper-module-transforms": "^7.16.7",
-        "@babel/helpers": "^7.17.0",
+        "@babel/helpers": "^7.17.2",
         "@babel/parser": "^7.17.0",
         "@babel/template": "^7.16.7",
         "@babel/traverse": "^7.17.0",
@@ -270,9 +274,9 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.17.0",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.0.tgz",
-      "integrity": "sha512-Xe/9NFxjPwELUvW2dsukcMZIp6XwPSbI4ojFBJuX5ramHuVE22SVcZIwqzdWo5uCgeTXW8qV97lMvSOjq+1+nQ==",
+      "version": "7.17.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.2.tgz",
+      "integrity": "sha512-0Qu7RLR1dILozr/6M0xgj+DFPmi6Bnulgm9M8BVa9ZCWxDqlSnqt3cf8IDPB5m45sVXUZ0kuQAgUrdSFFH79fQ==",
       "dev": true,
       "dependencies": {
         "@babel/template": "^7.16.7",
@@ -1176,6 +1180,24 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@parcel/packager-raw-url": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/packager-raw-url/-/packager-raw-url-2.2.1.tgz",
+      "integrity": "sha512-EW9VMFJSEhzhlDH8RHYTVKYEYZfrGqXTPMHYLyRCgozmq0MoJ3rAc32yGYVcYRyakxl3Hr2ziBcYOA4s+qVutQ==",
+      "dev": true,
+      "dependencies": {
+        "@parcel/plugin": "^2.2.1",
+        "@parcel/utils": "^2.2.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0",
+        "parcel": "^2.2.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/@parcel/packager-svg": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@parcel/packager-svg/-/packager-svg-2.2.1.tgz",
@@ -1196,6 +1218,26 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@parcel/packager-xml": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/packager-xml/-/packager-xml-2.2.1.tgz",
+      "integrity": "sha512-TOF1hGizLsuyYf+MfuZgzwcb9SPahnAjnDBXMHIQ8APr0ICXZ4N4gIzKx7dUg1aPeuqlA/fanpak6itn+iSpeA==",
+      "dev": true,
+      "dependencies": {
+        "@parcel/plugin": "^2.2.1",
+        "@parcel/types": "^2.2.1",
+        "@parcel/utils": "^2.2.1",
+        "@xmldom/xmldom": "^0.7.5"
+      },
+      "engines": {
+        "node": ">= 12.0.0",
+        "parcel": "^2.2.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/@parcel/plugin": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@parcel/plugin/-/plugin-2.2.1.tgz",
@@ -1657,6 +1699,43 @@
         "typescript": ">=3.0.0"
       }
     },
+    "node_modules/@parcel/transformer-webmanifest": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/transformer-webmanifest/-/transformer-webmanifest-2.2.1.tgz",
+      "integrity": "sha512-A2bfv4IQHLpqD9YkU5x1QlnhfrcZ8dwbhbgeLh7R4omf/kxn4Z2pVVS4sBJPozzdRWDfCJno/PwAjvNH/Tzd1w==",
+      "dev": true,
+      "dependencies": {
+        "@parcel/diagnostic": "^2.2.1",
+        "@parcel/plugin": "^2.2.1",
+        "@parcel/utils": "^2.2.1",
+        "json-source-map": "^0.6.1"
+      },
+      "engines": {
+        "parcel": "^2.2.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/transformer-xml": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/transformer-xml/-/transformer-xml-2.2.1.tgz",
+      "integrity": "sha512-klUbNPg0XcUQ0XWMB4hQ1GmA7p9s+kL8h1kLyFmkIdnWdiZdb/xZCb6/eBRMdUXg8lWv8mbXgK8/Uk+4U7e8JA==",
+      "dev": true,
+      "dependencies": {
+        "@parcel/plugin": "^2.2.1",
+        "@xmldom/xmldom": "^0.7.5"
+      },
+      "engines": {
+        "node": ">= 12.0.0",
+        "parcel": "^2.2.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
     "node_modules/@parcel/ts-utils": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@parcel/ts-utils/-/ts-utils-2.2.1.tgz",
@@ -1826,6 +1905,15 @@
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
       "dev": true
     },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.7.5.tgz",
+      "integrity": "sha512-V3BIhmY36fXZ1OtVcI9W+FxQqxVLsPKcNjWigIaa81dLC9IolJl5Mt4Cvhmr0flUnjSpTdrbMTSbXqYqV5dT6A==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/abortcontroller-polyfill": {
       "version": "1.7.3",
       "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.3.tgz",
@@ -7192,9 +7280,9 @@
       "dev": true
     },
     "@babel/core": {
-      "version": "7.17.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.0.tgz",
-      "integrity": "sha512-x/5Ea+RO5MvF9ize5DeVICJoVrNv0Mi2RnIABrZEKYvPEpldXwauPkgvYA17cKa6WpU3LoYvYbuEMFtSNFsarA==",
+      "version": "7.17.2",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.17.2.tgz",
+      "integrity": "sha512-R3VH5G42VSDolRHyUO4V2cfag8WHcZyxdq5Z/m8Xyb92lW/Erm/6kM+XtRFGf3Mulre3mveni2NHfEUws8wSvw==",
       "dev": true,
       "requires": {
         "@ampproject/remapping": "^2.0.0",
@@ -7202,7 +7290,7 @@
         "@babel/generator": "^7.17.0",
         "@babel/helper-compilation-targets": "^7.16.7",
         "@babel/helper-module-transforms": "^7.16.7",
-        "@babel/helpers": "^7.17.0",
+        "@babel/helpers": "^7.17.2",
         "@babel/parser": "^7.17.0",
         "@babel/template": "^7.16.7",
         "@babel/traverse": "^7.17.0",
@@ -7353,9 +7441,9 @@
       "dev": true
     },
     "@babel/helpers": {
-      "version": "7.17.0",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.0.tgz",
-      "integrity": "sha512-Xe/9NFxjPwELUvW2dsukcMZIp6XwPSbI4ojFBJuX5ramHuVE22SVcZIwqzdWo5uCgeTXW8qV97lMvSOjq+1+nQ==",
+      "version": "7.17.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.17.2.tgz",
+      "integrity": "sha512-0Qu7RLR1dILozr/6M0xgj+DFPmi6Bnulgm9M8BVa9ZCWxDqlSnqt3cf8IDPB5m45sVXUZ0kuQAgUrdSFFH79fQ==",
       "dev": true,
       "requires": {
         "@babel/template": "^7.16.7",
@@ -7975,6 +8063,16 @@
         "@parcel/plugin": "^2.2.1"
       }
     },
+    "@parcel/packager-raw-url": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/packager-raw-url/-/packager-raw-url-2.2.1.tgz",
+      "integrity": "sha512-EW9VMFJSEhzhlDH8RHYTVKYEYZfrGqXTPMHYLyRCgozmq0MoJ3rAc32yGYVcYRyakxl3Hr2ziBcYOA4s+qVutQ==",
+      "dev": true,
+      "requires": {
+        "@parcel/plugin": "^2.2.1",
+        "@parcel/utils": "^2.2.1"
+      }
+    },
     "@parcel/packager-svg": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@parcel/packager-svg/-/packager-svg-2.2.1.tgz",
@@ -7987,6 +8085,18 @@
         "posthtml": "^0.16.4"
       }
     },
+    "@parcel/packager-xml": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/packager-xml/-/packager-xml-2.2.1.tgz",
+      "integrity": "sha512-TOF1hGizLsuyYf+MfuZgzwcb9SPahnAjnDBXMHIQ8APr0ICXZ4N4gIzKx7dUg1aPeuqlA/fanpak6itn+iSpeA==",
+      "dev": true,
+      "requires": {
+        "@parcel/plugin": "^2.2.1",
+        "@parcel/types": "^2.2.1",
+        "@parcel/utils": "^2.2.1",
+        "@xmldom/xmldom": "^0.7.5"
+      }
+    },
     "@parcel/plugin": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@parcel/plugin/-/plugin-2.2.1.tgz",
@@ -8279,6 +8389,28 @@
         "@parcel/ts-utils": "^2.2.1"
       }
     },
+    "@parcel/transformer-webmanifest": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/transformer-webmanifest/-/transformer-webmanifest-2.2.1.tgz",
+      "integrity": "sha512-A2bfv4IQHLpqD9YkU5x1QlnhfrcZ8dwbhbgeLh7R4omf/kxn4Z2pVVS4sBJPozzdRWDfCJno/PwAjvNH/Tzd1w==",
+      "dev": true,
+      "requires": {
+        "@parcel/diagnostic": "^2.2.1",
+        "@parcel/plugin": "^2.2.1",
+        "@parcel/utils": "^2.2.1",
+        "json-source-map": "^0.6.1"
+      }
+    },
+    "@parcel/transformer-xml": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@parcel/transformer-xml/-/transformer-xml-2.2.1.tgz",
+      "integrity": "sha512-klUbNPg0XcUQ0XWMB4hQ1GmA7p9s+kL8h1kLyFmkIdnWdiZdb/xZCb6/eBRMdUXg8lWv8mbXgK8/Uk+4U7e8JA==",
+      "dev": true,
+      "requires": {
+        "@parcel/plugin": "^2.2.1",
+        "@xmldom/xmldom": "^0.7.5"
+      }
+    },
     "@parcel/ts-utils": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/@parcel/ts-utils/-/ts-utils-2.2.1.tgz",
@@ -8407,6 +8539,12 @@
       "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
       "dev": true
     },
+    "@xmldom/xmldom": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.7.5.tgz",
+      "integrity": "sha512-V3BIhmY36fXZ1OtVcI9W+FxQqxVLsPKcNjWigIaa81dLC9IolJl5Mt4Cvhmr0flUnjSpTdrbMTSbXqYqV5dT6A==",
+      "dev": true
+    },
     "abortcontroller-polyfill": {
       "version": "1.7.3",
       "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.3.tgz",
diff --git a/package.json b/package.json
index eb4dc1f..adf950d 100644
--- a/package.json
+++ b/package.json
@@ -16,19 +16,27 @@
     "type": "git",
     "url": "https://github.com/utterance/utterances.git"
   },
+  "browserslist": "last 3 Chrome versions,last 3 Safari versions,last 3 Firefox versions",
+  "targets": {
+    "main": false
+  },
   "scripts": {
     "preparcel": "rm -rf dist;mkdir dist",
-    "parcel": "parcel $RUN src/*.html src/client.ts src/stylesheets/themes/*/{index,utterances}.scss --no-autoinstall --no-cache",
+    "parcel": "parcel $RUN src/*.html src/client.ts src/stylesheets/themes/*/{index,utterances}.scss",
     "build": "RUN=build npm run parcel --",
-    "start": "RUN=watch npm run parcel -- --port 4000",
+    "start": "RUN=serve npm run parcel -- --port 4000",
     "predeploy": "npm run build && touch dist/.nojekyll && echo 'utteranc.es' > dist/CNAME",
     "deploy": "gh-pages --dist dist",
     "reinstall": "git clean -fxd -e .env && rm -f package-lock.json && npm install",
     "update-deps": "npm exec --package npm-check-updates --call 'ncu -u -x @primer/css' && git clean -fxd -e .env && rm package-lock.json && npm install"
   },
   "devDependencies": {
+    "@parcel/packager-raw-url": "^2.2.1",
+    "@parcel/packager-xml": "^2.2.1",
     "@parcel/transformer-sass": "^2.2.1",
     "@parcel/transformer-typescript-tsc": "^2.2.1",
+    "@parcel/transformer-webmanifest": "^2.2.1",
+    "@parcel/transformer-xml": "^2.2.1",
     "@primer/css": "^15.2.0",
     "autoprefixer": "^10.4.2",
     "gh-pages": "^3.2.3",
diff --git a/src/index.html b/src/index.html
index 16f9ffc..4238ccc 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,52 +2,75 @@
 <html lang="en">
   <head>
     <title>utterances</title>
-    <meta name="description" content="A lightweight commenting system using GitHub issues.">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="preconnect" href="https://api.github.com">
-    <link rel="preconnect" href="https://avatars3.githubusercontent.com">
+    <meta
+      name="description"
+      content="A lightweight commenting system using GitHub issues."
+    />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="preconnect" href="https://api.github.com" />
+    <link rel="preconnect" href="https://avatars3.githubusercontent.com" />
     <if condition="NODE_ENV === 'production'">
-      <link id="theme-stylesheet" rel="stylesheet" href="https://utteranc.es/stylesheets/themes/github-light/index.css">
+      <link
+        id="theme-stylesheet"
+        rel="stylesheet"
+        href="https://utteranc.es/stylesheets/themes/github-light/index.css"
+      />
     </if>
     <else>
-      <link id="theme-stylesheet" rel="stylesheet" href="http://localhost:4000/stylesheets/themes/github-light/index.css">
+      <link
+        id="theme-stylesheet"
+        rel="stylesheet"
+        href="http://localhost:4000/stylesheets/themes/github-light/index.css"
+      />
     </else>
-    <link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png">
-    <link rel="manifest" href="./icons/manifest.webmanifest">
-    <link rel="mask-icon" href="./icons/safari-pinned-tab.svg" color="#4c2889">
-    <link rel="shortcut icon" href="./icons/favicon.ico">
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="./icons/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="./icons/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="./icons/favicon-16x16.png"
+    />
+    <link rel="manifest" href="./icons/manifest.webmanifest" />
+    <link
+      rel="mask-icon"
+      href="./icons/safari-pinned-tab.svg"
+      color="#4c2889"
+    />
+    <link rel="shortcut icon" href="./icons/favicon.ico" />
     <if condition="NODE_ENV === 'production'">
-      <link rel="canonical" href="https://utteranc.es">
+      <link rel="canonical" href="https://utteranc.es" />
     </if>
     <else>
-      <link rel="canonical" href="http://localhost:4000/index.html">
+      <link rel="canonical" href="http://localhost:4000/index.html" />
     </else>
-    <meta name="apple-mobile-web-app-title" content="Utterances">
-    <meta name="application-name" content="Utterances">
-    <meta name="msapplication-config" content="icons/browserconfig.xml">
-    <meta name="theme-color" content="#ffffff">
-    <meta property="og:title" content="utterances">
-    <script>
-      if (Array.from === undefined) { Array.from = function(x) { return Array.prototype.slice.call(x); } }
-      if (!window.Promise || !window.fetch) {
-        document.write(
-          '<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.5.0/bluebird.min.js" integrity="sha256-/l7dZnd9iW5Iw9P2Qn/0ghByeFDKnIcPd4DTptDaK20=" crossorigin="anonymous"><\/script>',
-          '<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js" integrity="sha256-aB35laj7IZhLTx58xw/Gm1EKOoJJKZt6RY+bH1ReHxs=" crossorigin="anonymous"><\/script>',
-          '<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js" integrity="sha384-hmjwm4yehDT6Ezcxh87+SDcTlQYHxrisDyYCrBHPc0VFPfUqGl8jGF7I7gprJpIr" crossorigin="anonymous"><\/script>',
-          '<script src="https://cdn.jsdelivr.net/npm/custom-event-polyfill@0.3.0/custom-event-polyfill.min.js" integrity="sha384-LA1yvfV5pKonJnGIRvMu236XXaEJvI11iV52RIkwsE4QAWpgge1OcxfBHk/0t3UP" crossorigin="anonymous"><\/script>'
-        );
-      }
-    </script>
+    <meta name="apple-mobile-web-app-title" content="Utterances" />
+    <meta name="application-name" content="Utterances" />
+    <meta name="msapplication-config" content="icons/browserconfig.xml" />
+    <meta name="theme-color" content="#ffffff" />
+    <meta property="og:title" content="utterances" />
+    <script type="module" src="index.ts"></script>
   </head>
   <body>
     <main class="timeline">
       <article class="timeline-comment">
         <a class="avatar" href="https://github.com/utterance" tabindex="-1">
-          <img alt="@utterances" height="44" width="44"
-              src="https://avatars3.githubusercontent.com/u/27908738?v=3&s=88">
+          <img
+            alt="@utterances"
+            height="44"
+            width="44"
+            src="https://avatars3.githubusercontent.com/u/27908738?v=3&s=88"
+          />
         </a>
         <div class="comment">
           <header class="comment-header">
@@ -64,36 +87,51 @@
       </article>
     </main>
 
-    <script src="./index.ts"></script>
-
     <if condition="NODE_ENV === 'production'">
-      <script src="https://utteranc.es/client.js"
-              repo="utterance/utterances"
-              issue-term="homepage"
-              crossorigin="anonymous"
-              theme="github-light"
-              async>
-      </script>
+      <script
+        src="https://utteranc.es/client.js"
+        repo="utterance/utterances"
+        issue-term="homepage"
+        crossorigin="anonymous"
+        theme="github-light"
+        async
+      ></script>
     </if>
     <else>
-      <script src="http://localhost:4000/client.js"
-              repo="jdanyow/utterances-demo"
-              issue-term="pathname"
-              label="💬 comment"
-              crossorigin="anonymous"
-              theme="github-light"
-              async>
-      </script>
+      <script
+        src="http://localhost:4000/client.js"
+        repo="jdanyow/utterances-demo"
+        issue-term="pathname"
+        label="💬 comment"
+        crossorigin="anonymous"
+        theme="github-light"
+        async
+      ></script>
     </else>
 
     <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+      (function (i, s, o, g, r, a, m) {
+        i["GoogleAnalyticsObject"] = r;
+        (i[r] =
+          i[r] ||
+          function () {
+            (i[r].q = i[r].q || []).push(arguments);
+          }),
+          (i[r].l = 1 * new Date());
+        (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
+        a.async = 1;
+        a.src = g;
+        m.parentNode.insertBefore(a, m);
+      })(
+        window,
+        document,
+        "script",
+        "https://www.google-analytics.com/analytics.js",
+        "ga"
+      );
 
-      ga('create', 'UA-59973368-11', 'auto');
-      ga('send', 'pageview');
+      ga("create", "UA-59973368-11", "auto");
+      ga("send", "pageview");
     </script>
   </body>
 </html>
diff --git a/src/utterances.html b/src/utterances.html
index 3f7cbda..2f56991 100644
--- a/src/utterances.html
+++ b/src/utterances.html
@@ -2,28 +2,15 @@
 <html lang="en">
   <head>
     <title>utterances</title>
-    <meta name="description" content="A lightweight commenting system using GitHub issues.">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="preconnect" href="https://api.github.com">
-    <link rel="preconnect" href="https://avatars3.githubusercontent.com">
-    <script>
-      if (!window.Promise || !window.fetch) {
-        if (Array.from === undefined) { Array.from = function(x) { return Array.prototype.slice.call(x); } }
-        document.write(
-          '<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.5.0/bluebird.min.js" integrity="sha256-/l7dZnd9iW5Iw9P2Qn/0ghByeFDKnIcPd4DTptDaK20=" crossorigin="anonymous"><\/script>',
-          '<script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.3/fetch.min.js" integrity="sha256-aB35laj7IZhLTx58xw/Gm1EKOoJJKZt6RY+bH1ReHxs=" crossorigin="anonymous"><\/script>',
-          '<script src="https://cdnjs.cloudflare.com/ajax/libs/classlist/1.1.20170427/classList.min.js" integrity="sha384-hmjwm4yehDT6Ezcxh87+SDcTlQYHxrisDyYCrBHPc0VFPfUqGl8jGF7I7gprJpIr" crossorigin="anonymous"><\/script>',
-          '<script src="https://cdn.jsdelivr.net/npm/custom-event-polyfill@0.3.0/custom-event-polyfill.min.js" integrity="sha384-LA1yvfV5pKonJnGIRvMu236XXaEJvI11iV52RIkwsE4QAWpgge1OcxfBHk/0t3UP" crossorigin="anonymous"><\/script>'
-        );
-      }
-      if (!('open' in document.createElement('details'))) {
-        document.head.insertAdjacentHTML('afterbegin', '<style>summary::before{content:"";padding-right:0;font-size:0.6rem;cursor:pointer;} [open]>summary::before{content:"";}</style>');
-        document.write('<script src="https://cdn.jsdelivr.net/npm/details-element-polyfill@2.3.0/dist/details-element-polyfill.min.js" integrity="sha384-EYcJYjEW6+UmvWEL8lwBmrI7McPuR6P3dAu8ufaO0U9+seComgcQ2ssAIHJjXLdR" crossorigin="anonymous"><\/script>');
-      }
-    </script>
+    <meta
+      name="description"
+      content="A lightweight commenting system using GitHub issues."
+    />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="preconnect" href="https://api.github.com" />
+    <link rel="preconnect" href="https://avatars3.githubusercontent.com" />
+    <script type="module" src="./utterances.ts"></script>
   </head>
-  <body>
-    <script src="./utterances.ts"></script>
-  </body>
+  <body></body>
 </html>