diff --git a/README.md b/README.md
index 40e7ede351..0fef4fa1a5 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 HTML5 Boilerplate is a professional front-end template for building
 fast, robust, and adaptable web apps or sites.
 
-This project is the product of years of iterative development and
+This project is the product of over 10 years of iterative development and
 community knowledge. It does not impose a specific development
 philosophy or framework, so you're free to architect your code in the
 way that you want.
@@ -18,13 +18,16 @@ way that you want.
 * Source: [https://github.com/h5bp/html5-boilerplate](https://github.com/h5bp/html5-boilerplate)
 * Twitter: [@h5bp](https://twitter.com/h5bp)
 
-
 ## Quick start
 
 Choose one of the following options:
 
 * Download the latest stable release from
-  [html5boilerplate.com](https://html5boilerplate.com/). This zip file is a snapshot of the `dist` folder. On Windows, Mac and from the file manager on Linux unzipping this folder will output to a folder named something like `html5-boilerplate_v7.3.0`. From the command line will need to create a folder and unzip the contents into that folder.
+  [html5boilerplate.com](https://html5boilerplate.com/). This zip file is a
+  snapshot of the `dist` folder. On Windows, Mac and from the file manager on
+  Linux unzipping this folder will output to a folder named something like
+  `html5-boilerplate_v7.3.0`. From the command line will need to create a
+  folder and unzip the contents into that folder.
 
   ```bash
   mkdir html5-boilerplate
@@ -34,21 +37,44 @@ Choose one of the following options:
 * Clone the git repo — `git clone
   https://github.com/h5bp/html5-boilerplate.git` - and checkout the
   [tagged release](https://github.com/h5bp/html5-boilerplate/releases)
-  you'd like to use. The `dist` folder represents the latest version of the project for end users. 
-* Install with [npm](https://www.npmjs.com/): `npm install html5-boilerplate` or [yarn](https://yarnpkg.com/): `yarn add html5-boilerplate`. The resulting `node_modules/html5-boilerplate/dist` folder represents the latest version of the project for end users. Depending on what you want to use and how you want to use it, you may have to copy and paste the contents of that folder into your project directory.
+  you'd like to use. The `dist` folder represents the latest version of the
+  project for end users.
+
+* Install with [npm](https://www.npmjs.com/): `npm install html5-boilerplate`
+  or [yarn](https://yarnpkg.com/): `yarn add html5-boilerplate`. The resulting
+  `node_modules/html5-boilerplate/dist` folder represents the latest version of
+  the project for end users. Depending on what you want to use and how you want
+  to use it, you may have to copy and paste the contents of that folder into
+  your project directory.
+
+* Using our new [create-html5-boilerplate](https://github.com/h5bp/create-html5-boilerplate)
+  project, instantly fetch the latest npm published package (or any version
+  available on npm) with `npx`, `npm init` or `yarn create` without having to
+  install any dependencies. Running the following `npx` command installs the
+  latest version into a folder called `new-site`
+  
+  ```
+  npx create-html5-boilerplate new-site
+  cd new-site
+  npm install
+  npm start
+  ```
 
 ## Features
 
-* HTML5 ready. Use the new elements with confidence.
+* A finely-tuned starter template. Reap the benefits of 10 years of analysis
+  research and experimentation by over 200 contributors.
 * Designed with progressive enhancement in mind.
 * Includes:
   * [`Normalize.css`](https://necolas.github.com/normalize.css/)
     for CSS normalizations and common bug fixes
-  * [`jQuery`](https://jquery.com/) via CDN with [SRI Hash](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) and a local fallback
   * A custom build of [`Modernizr`](https://modernizr.com/) for feature
     detection
   * [`Apache Server Configs`](https://github.com/h5bp/server-configs-apache)
     that improve the web site's performance and security
+* Placeholder Open Graph elements and attributes.
+* An example package.json file with [Parcel](https://parceljs.org/) commands
+  built in to jumpstart application development
 * Placeholder CSS Media Queries.
 * Useful CSS helper classes.
 * Default print styles, performance optimized.
@@ -56,8 +82,7 @@ Choose one of the following options:
 * Protection against any stray `console` statements causing JavaScript
   errors in older browsers.
 * "Delete-key friendly." Easy to strip out parts you don't need.
-* Extensive inline and accompanying documentation.
-
+* Extensive documentation.
 
 ## Browser support
 
@@ -72,20 +97,21 @@ Choose one of the following options:
 just that we'll ensure compatibility with the ones mentioned above.*
 
 If you need legacy browser support you can use [HTML5 Boilerplate v6](https://github.com/h5bp/html5-boilerplate/releases/tag/6.1.0) (IE9/IE10)
-or [HTML5 Boilerplate v5](https://github.com/h5bp/html5-boilerplate/releases/tag/5.3.0) (IE 8). They are no longer actively developed.
+or [HTML5 Boilerplate v5](https://github.com/h5bp/html5-boilerplate/releases/tag/5.3.0)
+(IE 8). They are no longer actively developed.
 
 ## Documentation
 
-Take a look at the [documentation table of contents](dist/doc/TOC.md).
-This documentation is bundled with the project which makes it 
-available for offline reading and provides a useful starting point for
-any documentation you want to write about your project.
+Take a look at the [documentation table of contents](dist/doc/TOC.md). This
+documentation is bundled with the project which makes it available for offline
+reading and provides a useful starting point for any documentation you want to
+write about your project.
 
 ## Contributing
 
-Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone is welcome to [contribute](.github/CONTRIBUTING.md),
-however, if you decide to get involved, please take a moment to review
-the [guidelines](.github/CONTRIBUTING.md):
+Hundreds of developers have helped to make the HTML5 Boilerplate. Anyone is
+welcome to [contribute](.github/CONTRIBUTING.md), however, if you decide to get
+involved, please take a moment to review the [guidelines](.github/CONTRIBUTING.md):
 
 * [Bug reports](.github/CONTRIBUTING.md#bugs)
 * [Feature requests](.github/CONTRIBUTING.md#features)
diff --git a/dist/.htaccess b/dist/.htaccess
index 12a2e0ac14..2a2bacf49a 100644
--- a/dist/.htaccess
+++ b/dist/.htaccess
@@ -1,4 +1,4 @@
-# Apache Server Configs v4.0.0 | MIT License
+# Apache Server Configs v3.2.1 | MIT License
 # https://github.com/h5bp/server-configs-apache
 
 # (!) Using `.htaccess` files slows down Apache, therefore, if you have
@@ -21,13 +21,6 @@
 # https://enable-cors.org/
 # https://www.w3.org/TR/cors/
 
-# (!) Do not use this without understanding the consequences.
-#     This will permit access from any other website.
-#     Instead of using this file, consider using a specific rule such as
-#     allowing access based on (sub)domain:
-#
-#         Header set Access-Control-Allow-Origin "subdomain.example.com"
-
 # <IfModule mod_headers.c>
 #     Header set Access-Control-Allow-Origin "*"
 # </IfModule>
@@ -43,7 +36,7 @@
 
 <IfModule mod_setenvif.c>
     <IfModule mod_headers.c>
-        <FilesMatch "\.(bmp|cur|gif|ico|jpe?g|a?png|svgz?|webp)$">
+        <FilesMatch "\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp)$">
             SetEnvIf Origin ":" IS_CORS
             Header set Access-Control-Allow-Origin "*" env=IS_CORS
         </FilesMatch>
@@ -70,9 +63,10 @@
 
 # Allow cross-origin access to the timing information for all resources.
 #
-# If a resource isn't served with a `Timing-Allow-Origin` header that would
-# allow its timing information to be shared with the document, some of the
-# attributes of the `PerformanceResourceTiming` object will be set to zero.
+# If a resource isn't served with a `Timing-Allow-Origin` header that
+# would allow its timing information to be shared with the document,
+# some of the attributes of the `PerformanceResourceTiming` object will
+# be set to zero.
 #
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Timing-Allow-Origin
 # https://www.w3.org/TR/resource-timing/
@@ -102,8 +96,8 @@ ErrorDocument 404 /404.html
 
 # Disable the pattern matching based on filenames.
 #
-# This setting prevents Apache from returning a 404 error as the result of a
-# rewrite when the directory with the same name does not exist.
+# This setting prevents Apache from returning a 404 error as the result
+# of a rewrite when the directory with the same name does not exist.
 #
 # https://httpd.apache.org/docs/current/content-negotiation.html#multiviews
 
@@ -118,21 +112,21 @@ Options -MultiViews
 # ----------------------------------------------------------------------
 
 # Force Internet Explorer 8/9/10 to render pages in the highest mode
-# available in various cases when it may not.
+# available in the various cases when it may not.
 #
 # https://hsivonen.fi/doctype/#ie8
 #
 # (!) Starting with Internet Explorer 11, document modes are deprecated.
-#     If your business still relies on older web apps and services that were
-#     designed for older versions of Internet Explorer, you might want to
-#     consider enabling `Enterprise Mode` throughout your company.
+# If your business still relies on older web apps and services that were
+# designed for older versions of Internet Explorer, you might want to
+# consider enabling `Enterprise Mode` throughout your company.
 #
 # https://msdn.microsoft.com/en-us/library/ie/bg182625.aspx#docmode
 # https://blogs.msdn.microsoft.com/ie/2014/04/02/stay-up-to-date-with-enterprise-mode-for-internet-explorer-11/
 # https://msdn.microsoft.com/en-us/library/ff955275.aspx
 
 <IfModule mod_headers.c>
-    Header always set X-UA-Compatible "IE=edge" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
+    Header set X-UA-Compatible "IE=edge" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
 </IfModule>
 
 # ######################################################################
@@ -188,8 +182,8 @@ Options -MultiViews
     AddType video/webm                                  webm
     AddType video/x-flv                                 flv
 
-    # Serving `.ico` image files with a different media type prevents
-    # Internet Explorer from displaying them as images:
+    # Serving `.ico` image files with a different media type
+    # prevents Internet Explorer from displaying them as images:
     # https://github.com/h5bp/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee
 
     AddType image/x-icon                                cur ico
@@ -230,8 +224,8 @@ Options -MultiViews
 # | Character encodings                                                |
 # ----------------------------------------------------------------------
 
-# Serve all resources labeled as `text/html` or `text/plain` with the media type
-# `charset` parameter set to `UTF-8`.
+# Serve all resources labeled as `text/html` or `text/plain`
+# with the media type `charset` parameter set to `UTF-8`.
 #
 # https://httpd.apache.org/docs/current/mod/core.html#adddefaultcharset
 
@@ -239,8 +233,8 @@ AddDefaultCharset utf-8
 
 # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 
-# Serve the following file types with the media type `charset` parameter set to
-# `UTF-8`.
+# Serve the following file types with the media type `charset`
+# parameter set to `UTF-8`.
 #
 # https://httpd.apache.org/docs/current/mod/mod_mime.html#addcharset
 
@@ -273,8 +267,8 @@ AddDefaultCharset utf-8
 # | Rewrite engine                                                     |
 # ----------------------------------------------------------------------
 
-# (1) Turn on the rewrite engine (this is necessary in order for the
-#     `RewriteRule` directives to work).
+# (1) Turn on the rewrite engine (this is necessary in order for
+#     the `RewriteRule` directives to work).
 #
 #     https://httpd.apache.org/docs/current/mod/mod_rewrite.html#RewriteEngine
 #
@@ -282,10 +276,10 @@ AddDefaultCharset utf-8
 #
 #     https://httpd.apache.org/docs/current/mod/core.html#options
 #
-# (3) If your web host doesn't allow the `FollowSymlinks` option, you need to
-#     comment it out or remove it, and then uncomment the
-#     `Options +SymLinksIfOwnerMatch` line (4), but be aware of the performance
-#     impact.
+# (3) If your web host doesn't allow the `FollowSymlinks` option,
+#     you need to comment it out or remove it, and then uncomment
+#     the `Options +SymLinksIfOwnerMatch` line (4), but be aware
+#     of the performance impact.
 #
 #     https://httpd.apache.org/docs/current/misc/perf-tuning.html#symlinks
 #
@@ -294,10 +288,14 @@ AddDefaultCharset utf-8
 #     https://www.rackspace.com/knowledge_center/frequently-asked-question/why-is-modrewrite-not-working-on-my-site
 #     https://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewritebase
 #
-# (5) Depending on how your server is set up, you may also need to use the
-#     `RewriteOptions` directive to enable some options for the rewrite engine.
+# (5) Depending on how your server is set up, you may also need to
+#     use the `RewriteOptions` directive to enable some options for
+#     the rewrite engine.
 #
 #     https://httpd.apache.org/docs/current/mod/mod_rewrite.html#rewriteoptions
+#
+# (6) Set %{ENV:PROTO} variable, to allow rewrites to redirect with the
+#     appropriate schema automatically (http or https).
 
 <IfModule mod_rewrite.c>
 
@@ -316,6 +314,12 @@ AddDefaultCharset utf-8
     # (5)
     # RewriteOptions <options>
 
+    # (6)
+    RewriteCond %{HTTPS} =on
+    RewriteRule ^ - [env=proto:https]
+    RewriteCond %{HTTPS} !=on
+    RewriteRule ^ - [env=proto:http]
+
 </IfModule>
 
 # ----------------------------------------------------------------------
@@ -326,9 +330,10 @@ AddDefaultCharset utf-8
 #
 # https://wiki.apache.org/httpd/RewriteHTTPToHTTPS
 
-# (1) If you're using cPanel AutoSSL or the Let's Encrypt webroot method it
-#     will fail to validate the certificate if validation requests are
-#     redirected to HTTPS. Turn on the condition(s) you need.
+# (1) If you're using cPanel AutoSSL or the Let's Encrypt webroot
+#     method it will fail to validate the certificate if validation
+#     requests are redirected to HTTPS. Turn on the condition(s)
+#     you need.
 #
 #     https://www.iana.org/assignments/well-known-uris/well-known-uris.xhtml
 #     https://tools.ietf.org/html/draft-ietf-acme-acme-12
@@ -349,39 +354,27 @@ AddDefaultCharset utf-8
 
 # Rewrite www.example.com → example.com
 
-# The same content should never be available under two different URLs,
-# especially not with and without `www.` at the beginning.
-# This can cause SEO problems (duplicate content), and therefore, you should
-# choose one of the alternatives and redirect the other one.
+# The same content should never be available under two different
+# URLs, especially not with and without `www.` at the beginning.
+# This can cause SEO problems (duplicate content), and therefore,
+# you should choose one of the alternatives and redirect the other
+# one.
 #
 # (!) NEVER USE BOTH WWW-RELATED RULES AT THE SAME TIME!
 
-# (1) Set %{ENV:PROTO} variable, to allow rewrites to redirect with the
-#     appropriate schema automatically (http or https).
-#
-# (2) The rule assumes by default that both HTTP and HTTPS environments are
-#     available for redirection.
-#     If your SSL certificate could not handle one of the domains used during
-#     redirection, you should turn the condition on.
+# (1) The rule assumes by default that both HTTP and HTTPS
+#     environments are available for redirection.
+#     If your SSL certificate could not handle one of the domains
+#     used during redirection, you should turn the condition on.
 #
 #     https://github.com/h5bp/server-configs-apache/issues/52
 
 <IfModule mod_rewrite.c>
-
     RewriteEngine On
-
     # (1)
-    RewriteCond %{HTTPS} =on
-    RewriteRule ^ - [E=PROTO:https]
-    RewriteCond %{HTTPS} !=on
-    RewriteRule ^ - [E=PROTO:http]
-
-    # (2)
     # RewriteCond %{HTTPS} !=on
-
     RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
     RewriteRule ^ %{ENV:PROTO}://%1%{REQUEST_URI} [R=301,L]
-
 </IfModule>
 
 # ----------------------------------------------------------------------
@@ -390,20 +383,18 @@ AddDefaultCharset utf-8
 
 # Rewrite example.com → www.example.com
 
-# The same content should never be available under two different URLs,
-# especially not with and without `www.` at the beginning.
-# This can cause SEO problems (duplicate content), and therefore, you should
-# choose one of the alternatives and redirect the other one.
+# The same content should never be available under two different
+# URLs, especially not with and without `www.` at the beginning.
+# This can cause SEO problems (duplicate content), and therefore,
+# you should choose one of the alternatives and redirect the other
+# one.
 #
 # (!) NEVER USE BOTH WWW-RELATED RULES AT THE SAME TIME!
 
-# (1) Set %{ENV:PROTO} variable, to allow rewrites to redirect with the
-#     appropriate schema automatically (http or https).
-#
-# (2) The rule assumes by default that both HTTP and HTTPS environments are
-#     available for redirection.
-#     If your SSL certificate could not handle one of the domains used during
-#     redirection, you should turn the condition on.
+# (1) The rule assumes by default that both HTTP and HTTPS
+#     environments are available for redirection.
+#     If your SSL certificate could not handle one of the domains
+#     used during redirection, you should turn the condition on.
 #
 #     https://github.com/h5bp/server-configs-apache/issues/52
 
@@ -411,23 +402,13 @@ AddDefaultCharset utf-8
 # subdomains for certain parts of your website.
 
 # <IfModule mod_rewrite.c>
-
 #     RewriteEngine On
-
 #     # (1)
-#     RewriteCond %{HTTPS} =on
-#     RewriteRule ^ - [E=PROTO:https]
-#     RewriteCond %{HTTPS} !=on
-#     RewriteRule ^ - [E=PROTO:http]
-
-#     # (2)
 #     # RewriteCond %{HTTPS} !=on
-
 #     RewriteCond %{HTTP_HOST} !^www\. [NC]
 #     RewriteCond %{SERVER_ADDR} !=127.0.0.1
 #     RewriteCond %{SERVER_ADDR} !=::1
 #     RewriteRule ^ %{ENV:PROTO}://www.%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
-
 # </IfModule>
 
 # ######################################################################
@@ -435,32 +416,33 @@ AddDefaultCharset utf-8
 # ######################################################################
 
 # ----------------------------------------------------------------------
-# | Frame Options                                                      |
+# | Clickjacking                                                       |
 # ----------------------------------------------------------------------
 
 # Protect website against clickjacking.
 #
-# The example below sends the `X-Frame-Options` response header with the value
-# `DENY`, informing browsers not to display the content of the web page in any
-# frame.
+# The example below sends the `X-Frame-Options` response header with
+# the value `DENY`, informing browsers not to display the content of
+# the web page in any frame.
 #
-# This might not be the best setting for everyone. You should read about the
-# other two possible values the `X-Frame-Options` header field can have:
-# `SAMEORIGIN` and `ALLOW-FROM`.
+# This might not be the best setting for everyone. You should read
+# about the other two possible values the `X-Frame-Options` header
+# field can have: `SAMEORIGIN` and `ALLOW-FROM`.
 # https://tools.ietf.org/html/rfc7034#section-2.1.
 #
-# Keep in mind that while you could send the `X-Frame-Options` header for all
-# of your website's pages, this has the potential downside that it forbids even
-# non-malicious framing of your content (e.g.: when users visit your website
-# using a Google Image Search results page).
+# Keep in mind that while you could send the `X-Frame-Options` header
+# for all of your website’s pages, this has the potential downside that
+# it forbids even non-malicious framing of your content (e.g.: when
+# users visit your website using a Google Image Search results page).
 #
-# Nonetheless, you should ensure that you send the `X-Frame-Options` header for
-# all pages that allow a user to make a state-changing operation (e.g: pages
-# that contain one-click purchase links, checkout or bank-transfer confirmation
-# pages, pages that make permanent configuration changes, etc.).
+# Nonetheless, you should ensure that you send the `X-Frame-Options`
+# header for all pages that allow a user to make a state changing
+# operation (e.g: pages that contain one-click purchase links, checkout
+# or bank-transfer confirmation pages, pages that make permanent
+# configuration changes, etc.).
 #
-# Sending the `X-Frame-Options` header can also protect your website against
-# more than just clickjacking attacks.
+# Sending the `X-Frame-Options` header can also protect your website
+# against more than just clickjacking attacks:
 # https://cure53.de/xfo-clickjacking.pdf.
 #
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options
@@ -469,7 +451,7 @@ AddDefaultCharset utf-8
 # https://www.owasp.org/index.php/Clickjacking
 
 # <IfModule mod_headers.c>
-#     Header always set X-Frame-Options "DENY" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
+#     Header set X-Frame-Options "DENY" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
 # </IfModule>
 
 # ----------------------------------------------------------------------
@@ -479,60 +461,54 @@ AddDefaultCharset utf-8
 # Mitigate the risk of cross-site scripting and other content-injection
 # attacks.
 #
-# This can be done by setting a `Content Security Policy` which whitelists
-# trusted sources of content for your website.
+# This can be done by setting a `Content Security Policy` which
+# whitelists trusted sources of content for your website.
 #
-# There is no policy that fits all websites, you will have to modify the
-# `Content-Security-Policy` directives in the example depending on your needs.
+# There is no policy that fits all websites, you will have to modify
+# the `Content-Security-Policy` directives in the example below depending
+# on your needs.
 #
 # The example policy below aims to:
 #
-#  (1) Restrict all fetches by default to the origin of the current website by
-#      setting the `default-src` directive to `'self'` - which acts as a
+#  (1) Restrict all fetches by default to the origin of the current website
+#      by setting the `default-src` directive to `'self'` - which acts as a
 #      fallback to all "Fetch directives" (https://developer.mozilla.org/en-US/docs/Glossary/Fetch_directive).
 #
 #      This is convenient as you do not have to specify all Fetch directives
 #      that apply to your site, for example:
 #      `connect-src 'self'; font-src 'self'; script-src 'self'; style-src 'self'`, etc.
 #
-#      This restriction also means that you must explicitly define from which
-#      site(s) your website is allowed to load resources from.
+#      This restriction also means that you must explicitly define from
+#      which site(s) your website is allowed to load resources from.
 #
-#  (2) The `<base>` element is not allowed on the website. This is to prevent
-#      attackers from changing the locations of resources loaded from relative
-#      URLs.
+#  (2) The `<base>` element is not allowed on the website. This is to
+#      prevent attackers from changing the locations of resources loaded
+#      from relative URLs.
 #
-#      If you want to use the `<base>` element, then `base-uri 'self'` can be
-#      used instead.
+#      If you want to use the `<base>` element, then `base-uri 'self'`
+#      can be used instead.
 #
-#  (3) Form submissions are only allowed from the current website by setting:
-#      `form-action 'self'`.
+#  (3) Form submissions are only allowed from the current website by
+#      setting: `form-action 'self'`.
 #
-#  (4) Prevents all websites (including your own) from embedding your webpages
-#      within e.g. the `<iframe>` or `<object>` element by setting:
-#      `frame-ancestors 'none'`.
+#  (4) Prevents all websites (including your own) from embedding your
+#      webpages within e.g. the `<iframe>` or `<object>` element by
+#      setting `frame-ancestors 'none'`.
 #
-#      The `frame-ancestors` directive helps avoid "Clickjacking" attacks and
-#      is similar to the `X-Frame-Options` header.
+#	   The `frame-ancestors` directive helps avoid "Clickjacking" attacks
+#      and is similar to the `X-Frame-Options` header.
 #
-#      Browsers that support the CSP header will ignore `X-Frame-Options` if
-#      `frame-ancestors` is also specified.
+#      Browsers that support the CSP header will ignore `X-Frame-Options`
+#      if `frame-ancestors` is also specified.
 #
-#  (5) Forces the browser to treat all the resources that are served over HTTP
-#      as if they were loaded securely over HTTPS by setting the
+#  (5) Forces the browser to treat all the resources that are served over
+#      HTTP as if they were loaded securely over HTTPS by setting the
 #      `upgrade-insecure-requests` directive.
 #
-#      Please note that `upgrade-insecure-requests` does not ensure HTTPS for
-#      the top-level navigation. If you want to force the website itself to be
-#      loaded over HTTPS you must include the `Strict-Transport-Security`
-#      header.
-#
-#  (6) The `Content-Security-Policy` header is included in all responses
-#      that are able to execute scripting. This includes the commonly used
-#      file types: HTML, XML and PDF documents. Although Javascript files
-#      can not execute script in a "browsing context", they are still included
-#      to target workers:
-#      https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#CSP_in_workers
+#      Please note that `upgrade-insecure-requests` does not ensure
+#      HTTPS for the top-level navigation. If you want to force the
+#      website itself to be loaded over HTTPS you must include the
+#      `Strict-Transport-Security` header.
 #
 # To make your CSP implementation easier, you can use an online CSP header
 # generator such as:
@@ -548,8 +524,8 @@ AddDefaultCharset utf-8
 # https://www.w3.org/TR/CSP/
 
 # <IfModule mod_headers.c>
-#     #                                   (1)                 (2)              (3)                 (4)                     (5)                         (6)
-#     Header always set Content-Security-Policy "default-src 'self'; base-uri 'none'; form-action 'self'; frame-ancestors 'none'; upgrade-insecure-requests" "expr=%{CONTENT_TYPE} =~ m#text\/(html|javascript)|application\/pdf|xml#i"
+#     #                                   (1)                 (2)              (3)                 (4)                     (5)
+#     Header set Content-Security-Policy "default-src 'self'; base-uri 'none'; form-action 'self'; frame-ancestors 'none'; upgrade-insecure-requests" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
 # </IfModule>
 
 # ----------------------------------------------------------------------
@@ -558,9 +534,9 @@ AddDefaultCharset utf-8
 
 # Block access to directories without a default document.
 #
-# You should leave the following uncommented, as you shouldn't allow anyone to
-# surf through every directory on your server (which may include rather
-# private places such as the CMS's directories).
+# You should leave the following uncommented, as you shouldn't allow
+# anyone to surf through every directory on your server (which may
+# includes rather private places such as the CMS's directories).
 
 <IfModule mod_autoindex.c>
     Options -Indexes
@@ -568,17 +544,17 @@ AddDefaultCharset utf-8
 
 # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 
-# Block access to all hidden files and directories except for the
-# visible content from within the `/.well-known/` hidden directory.
+# Block access to all hidden files and directories with the exception of
+# the visible content from within the `/.well-known/` hidden directory.
 #
-# These types of files usually contain user preferences or the preserved state
-# of a utility, and can include rather private places like, for example, the
-# `.git` or `.svn` directories.
+# These types of files usually contain user preferences or the preserved
+# state of an utility, and can include rather private places like, for
+# example, the `.git` or `.svn` directories.
 #
-# The `/.well-known/` directory represents the standard (RFC 5785) path prefix
-# for "well-known locations" (e.g.: `/.well-known/manifest.json`,
-# `/.well-known/keybase.txt`), and therefore, access to its visible content
-# should not be blocked.
+# The `/.well-known/` directory represents the standard (RFC 5785) path
+# prefix for "well-known locations" (e.g.: `/.well-known/manifest.json`,
+# `/.well-known/keybase.txt`), and therefore, access to its visible
+# content should not be blocked.
 #
 # https://www.mnot.net/blog/2010/04/07/well-known
 # https://tools.ietf.org/html/rfc5785
@@ -595,16 +571,17 @@ AddDefaultCharset utf-8
 
 # Block access to files that can expose sensitive information.
 #
-# By default, block access to backup and source files that may be left by some
-# text editors and can pose a security risk when anyone has access to them.
+# By default, block access to backup and source files that may be
+# left by some text editors and can pose a security risk when anyone
+# has access to them.
 #
 # https://feross.org/cmsploit/
 #
-# (!) Update the `<FilesMatch>` regular expression from below to include any
-#     files that might end up on your production server and can expose
-#     sensitive information about your website. These files may include:
-#     configuration files, files that contain metadata about the project (e.g.:
-#     project dependencies, build scripts, etc.).
+# (!) Update the `<FilesMatch>` regular expression from below to
+# include any files that might end up on your production server and
+# can expose sensitive information about your website. These files may
+# include: configuration files, files that contain metadata about the
+# project (e.g.: project dependencies), build scripts, etc..
 
 <IfModule mod_authz_core.c>
     <FilesMatch "(^#.*#|\.(bak|conf|dist|fla|in[ci]|log|orig|psd|sh|sql|sw[op])|~)$">
@@ -616,93 +593,102 @@ AddDefaultCharset utf-8
 # | HTTP Strict Transport Security (HSTS)                              |
 # ----------------------------------------------------------------------
 
-# Force client-side TLS (Transport Layer Security) redirection.
+# Force client-side SSL redirection.
 #
-# If a user types `example.com` in their browser, even if the server redirects
-# them to the secure version of the website, that still leaves a window of
-# opportunity (the initial HTTP connection) for an attacker to downgrade or
-# redirect the request.
+# If a user types `example.com` in their browser, even if the server
+# redirects them to the secure version of the website, that still leaves
+# a window of opportunity (the initial HTTP connection) for an attacker
+# to downgrade or redirect the request.
 #
-# The following header ensures that a browser only connects to your server
-# via HTTPS, regardless of what the users type in the browser's address bar.
+# The following header ensures that browser will ONLY connect to your
+# server via HTTPS, regardless of what the users type in the browser's
+# address bar.
 #
-# (!) Be aware that Strict Transport Security is not revokable and you
-#     must ensure being able to serve the site over HTTPS for the duration
-#     you've specified in the `max-age` directive. When you don't have a
-#     valid TLS connection anymore (e.g. due to an expired TLS certificate)
-#     your visitors will see a nasty error message even when attempting to
-#     connect over HTTP.
+# (!) Be aware that this, once published, is not revokable and you must ensure
+# being able to serve the site via SSL for the duration you've specified
+# in max-age. When you don't have a valid SSL connection (anymore) your
+# visitors will see a nasty error message even when attempting to connect
+# via simple HTTP.
 #
-# (1) Preloading Strict Transport Security.
-#     To submit your site for HSTS preloading, it is required that:
-#     * the `includeSubDomains` directive is specified
-#     * the `preload` directive is specified
-#     * the `max-age` is specified with a value of at least 31536000 seconds
-#       (1 year).
-#     https://hstspreload.org/#deployment-recommendations
+# (!) Remove the `includeSubDomains` optional directive if the website's
+# subdomains are not using HTTPS.
+#
+# (1) If you want to submit your site for HSTS preload (2) you must
+#     * ensure the `includeSubDomains` directive to be present
+#     * the `preload` directive to be specified
+#     * the `max-age` to be at least 31536000 seconds (1 year) according to the current status.
+#
+#     It is also advised (3) to only serve the HSTS header via a secure connection
+#     which can be done with either `env=https` or `"expr=%{HTTPS} == 'on'"` (4). The
+#     exact way depends on your environment and might just be tried.
+#
+# (2) https://hstspreload.org/
+# (3) https://tools.ietf.org/html/rfc6797#section-7.2
+# (4) https://stackoverflow.com/questions/24144552/how-to-set-hsts-header-from-htaccess-only-on-https/24145033#comment81632711_24145033
 #
-# https://tools.ietf.org/html/rfc6797#section-6.1
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Strict-Transport-Security
+# https://tools.ietf.org/html/rfc6797#section-6.1
 # https://www.html5rocks.com/en/tutorials/security/transport-layer-security/
 # https://blogs.msdn.microsoft.com/ieinternals/2014/08/18/strict-transport-security/
-# https://hstspreload.org/
 
 # <IfModule mod_headers.c>
-#     Header always set Strict-Transport-Security "max-age=16070400; includeSubDomains" "expr=%{HTTPS} == 'on'"
-#     # (1) Enable your site for HSTS preload inclusion.
+#     Header always set Strict-Transport-Security "max-age=16070400; includeSubDomains"
+#     # (1) or if HSTS preloading is desired (respect (2) for current requirements):
+#     # Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" env=HTTPS
+#     # (4) respectively… (respect (2) for current requirements):
 #     # Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains; preload" "expr=%{HTTPS} == 'on'"
 # </IfModule>
 
 # ----------------------------------------------------------------------
-# | Content Type Options                                               |
+# | Reducing MIME type security risks                                  |
 # ----------------------------------------------------------------------
 
 # Prevent some browsers from MIME-sniffing the response.
 #
-# This reduces exposure to drive-by download attacks and cross-origin data
-# leaks, and should be left uncommented, especially if the server is serving
-# user-uploaded content or content that could potentially be treated as
-# executable by the browser.
+# This reduces exposure to drive-by download attacks and cross-origin
+# data leaks, and should be left uncommented, especially if the server
+# is serving user-uploaded content or content that could potentially be
+# treated as executable by the browser.
 #
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Content-Type-Options
 # https://blogs.msdn.microsoft.com/ie/2008/07/02/ie8-security-part-v-comprehensive-protection/
 # https://mimesniff.spec.whatwg.org/
 
 <IfModule mod_headers.c>
-    Header always set X-Content-Type-Options "nosniff"
+    Header set X-Content-Type-Options "nosniff"
 </IfModule>
 
 # ----------------------------------------------------------------------
-# | Cross-Site Scripting (XSS) Protection                              |
+# | Reflected Cross-Site Scripting (XSS) attacks                       |
 # ----------------------------------------------------------------------
 
-# Protect website reflected Cross-Site Scripting (XSS) attacks.
-#
-# (1) Try to re-enable the cross-site scripting (XSS) filter built into most
-#     web browsers.
+# (1) Try to re-enable the cross-site scripting (XSS) filter built
+#     into most web browsers.
 #
-#     The filter is usually enabled by default, but in some cases, it may be
-#     disabled by the user. However, in Internet Explorer, for example, it can be
-#     re-enabled just by sending the  `X-XSS-Protection` header with the value
-#     of `1`.
+#     The filter is usually enabled by default, but in some cases it
+#     may be disabled by the user. However, in Internet Explorer for
+#     example, it can be re-enabled just by sending the
+#     `X-XSS-Protection` header with the value of `1`.
 #
-# (2) Prevent web browsers from rendering the web page if a potential reflected
-#     (a.k.a non-persistent) XSS attack is detected by the filter.
+# (2) Prevent web browsers from rendering the web page if a potential
+#     reflected (a.k.a non-persistent) XSS attack is detected by the
+#     filter.
 #
-#     By default, if the filter is enabled and browsers detect a reflected XSS
-#     attack, they will attempt to block the attack by making the smallest
-#     possible modifications to the returned web page.
+#     By default, if the filter is enabled and browsers detect a
+#     reflected XSS attack, they will attempt to block the attack
+#     by making the smallest possible modifications to the returned
+#     web page.
 #
-#     Unfortunately, in some browsers (e.g.: Internet Explorer), this default
-#     behavior may allow the XSS filter to be exploited. Therefore, it's better
-#     to inform browsers to prevent the rendering of the page altogether,
-#     instead of attempting to modify it.
+#     Unfortunately, in some browsers (e.g.: Internet Explorer),
+#     this default behavior may allow the XSS filter to be exploited,
+#     thereby, it's better to inform browsers to prevent the rendering
+#     of the page altogether, instead of attempting to modify it.
 #
 #     https://hackademix.net/2009/11/21/ies-xss-filter-creates-xss-vulnerabilities
 #
-# (!) Do not rely on the XSS filter to prevent XSS attacks! Ensure that you are
-#     taking all possible measures to prevent XSS attacks, the most obvious
-#     being: validating and sanitizing your website's inputs.
+# (!) Do not rely on the XSS filter to prevent XSS attacks! Ensure that
+#     you are taking all possible measures to prevent XSS attacks, the
+#     most obvious being: validating and sanitizing your website's inputs.
 #
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-XSS-Protection
 # https://blogs.msdn.microsoft.com/ie/2008/07/02/ie8-security-part-iv-the-xss-filter/
@@ -711,34 +697,33 @@ AddDefaultCharset utf-8
 
 # <IfModule mod_headers.c>
 #     #                           (1)    (2)
-#     Header always set X-XSS-Protection "1; mode=block" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
+#     Header set X-XSS-Protection "1; mode=block" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
 # </IfModule>
 
 # ----------------------------------------------------------------------
 # | Referrer Policy                                                    |
 # ----------------------------------------------------------------------
 
-# Set a strict Referrer Policy to mitigate information leakage.
-#
-# (1) The `Referrer-Policy` header is included in responses for resources
-#     that are able to request (or navigate to) other resources.
+# A web application uses HTTPS and a URL-based session identifier.
+# The web application might wish to link to HTTPS resources on other
+# web sites without leaking the user's session identifier in the URL.
 #
-#     This includes the commonly used resource types:
-#     HTML, CSS, XML/SVG, PDF documents, scripts and workers.
+# This can be done by setting a `Referrer Policy` which
+# whitelists trusted sources of content for your website.
 #
-# To prevent referrer leakage entirely, specify the `no-referrer` value
-# instead. Note that the effect could impact analytics metrics negatively.
-#
-# To check your Referrer Policy, you can use an online service, such as:
-# https://securityheaders.com/
-# https://observatory.mozilla.org/
+# To check your referrer policy, you can use an online service
+# such as: https://securityheaders.io/.
 #
 # https://scotthelme.co.uk/a-new-security-header-referrer-policy/
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referrer-Policy
 
 # <IfModule mod_headers.c>
-#     #                                                             (1)
-#     Header always set Referrer-Policy "strict-origin-when-cross-origin" "expr=%{CONTENT_TYPE} =~ m#text\/(css|html|javascript)|application\/pdf|xml#i"
+#     # no-referrer-when-downgrade (default)
+#     # This should be the user agent's default behavior if no policy is
+#     # specified.The origin is sent as referrer to a-priori as-much-secure
+#     # destination (HTTPS->HTTPS), but isn't sent to a less secure destination
+#     # (HTTPS->HTTP).
+#     Header set Referrer-Policy "no-referrer-when-downgrade" "expr=%{CONTENT_TYPE} =~ m#text/html#i"
 # </IfModule>
 
 # ----------------------------------------------------------------------
@@ -747,26 +732,22 @@ AddDefaultCharset utf-8
 
 # Prevent Apache from responding to `TRACE` HTTP request.
 #
-# The TRACE method, while seemingly harmless, can be successfully leveraged
-# in some scenarios to steal legitimate users' credentials.
+# The TRACE method, while apparently harmless, can be successfully
+# leveraged in some scenarios to steal legitimate users' credentials
 #
 # Modern browsers now prevent TRACE requests being made via JavaScript,
 # however, other ways of sending TRACE requests with browsers have been
 # discovered, such as using Java.
 #
-# (!) If you have access to the main server configuration file, use the
-#     `TraceEnable` directive instead.
+# (!) The `TraceEnable` directive will only work in the main server
+# configuration file, so don't try to enable it in the `.htaccess` file!
 #
 # https://tools.ietf.org/html/rfc7231#section-4.3.8
 # https://www.owasp.org/index.php/Cross_Site_Tracing
 # https://www.owasp.org/index.php/Test_HTTP_Methods_(OTG-CONFIG-006)
 # https://httpd.apache.org/docs/current/mod/core.html#traceenable
 
-# <IfModule mod_rewrite.c>
-#     RewriteEngine On
-#     RewriteCond %{REQUEST_METHOD} ^TRACE [NC]
-#     RewriteRule .* - [R=405,L]
-# </IfModule>
+# TraceEnable Off
 
 # ----------------------------------------------------------------------
 # | Server-side technology information                                 |
@@ -774,16 +755,17 @@ AddDefaultCharset utf-8
 
 # Remove the `X-Powered-By` response header that:
 #
-#  * is set by some frameworks and server-side languages (e.g.: ASP.NET, PHP),
-#    and its value contains information about them (e.g.: their name, version
-#    number)
+#  * is set by some frameworks and server-side languages
+#    (e.g.: ASP.NET, PHP), and its value contains information
+#    about them (e.g.: their name, version number)
 #
-#  * doesn't provide any value to users, contributes to header bloat, and in
-#    some cases, the information it provides can expose vulnerabilities
+#  * doesn't provide any value to users, contributes to header
+#    bloat, and in some cases, the information it provides can
+#    expose vulnerabilities
 #
 # (!) If you can, you should disable the `X-Powered-By` header from the
-#     language/framework level (e.g.: for PHP, you can do that by setting
-#     `expose_php = off` in `php.ini`).
+# language / framework level (e.g.: for PHP, you can do that by setting
+# `expose_php = off` in `php.ini`)
 #
 # https://php.net/manual/en/ini.core.php#ini.expose-php
 
@@ -796,14 +778,27 @@ AddDefaultCharset utf-8
 # | Server software information                                        |
 # ----------------------------------------------------------------------
 
-# Prevent Apache from adding a trailing footer line containing information
-# about the server to the server-generated documents (e.g.: error messages,
-# directory listings, etc.).
+# Prevent Apache from adding a trailing footer line containing
+# information about the server to the server-generated documents
+# (e.g.: error messages, directory listings, etc.)
 #
 # https://httpd.apache.org/docs/current/mod/core.html#serversignature
 
 ServerSignature Off
 
+# - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
+
+# Prevent Apache from sending in the `Server` response header its
+# exact version number, the description of the generic OS-type or
+# information about its compiled-in modules.
+#
+# (!) The `ServerTokens` directive will only work in the main server
+# configuration file, so don't try to enable it in the `.htaccess` file!
+#
+# https://httpd.apache.org/docs/current/mod/core.html#servertokens
+
+# ServerTokens Prod
+
 # ######################################################################
 # # WEB PERFORMANCE                                                    #
 # ######################################################################
@@ -852,7 +847,6 @@ ServerSignature Off
                                       "font/eot" \
                                       "font/opentype" \
                                       "font/otf" \
-                                      "font/ttf" \
                                       "image/bmp" \
                                       "image/svg+xml" \
                                       "image/vnd.microsoft.icon" \
@@ -874,15 +868,16 @@ ServerSignature Off
 
     # - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 
-    # Map the following filename extensions to the specified encoding type in
-    # order to make Apache serve the file types with the appropriate
-    # `Content-Encoding` response header (do note that this will NOT make
-    # Apache compress them!).
+    # Map the following filename extensions to the specified
+    # encoding type in order to make Apache serve the file types
+    # with the appropriate `Content-Encoding` response header
+    # (do note that this will NOT make Apache compress them!).
     #
     # If these files types would be served without an appropriate
-    # `Content-Encoding` response header, client applications (e.g.: browsers)
-    # wouldn't know that they first need to uncompress the response, and thus,
-    # wouldn't be able to understand the content.
+    # `Content-Enable` response header, client applications (e.g.:
+    # browsers) wouldn't know that they first need to uncompress
+    # the response, and thus, wouldn't be able to understand the
+    # content.
     #
     # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Encoding
     # https://httpd.apache.org/docs/current/mod/mod_mime.html#addencoding
@@ -897,14 +892,15 @@ ServerSignature Off
 # | Brotli pre-compressed content                                      |
 # ----------------------------------------------------------------------
 
-# Serve brotli compressed CSS, JS, HTML, SVG, ICS and JSON files if they exist
-# and if the client accepts br encoding.
+# Serve brotli compressed CSS, JS, HTML, SVG, ICS and JSON files
+# if they exist and if the client accepts br encoding.
 #
-# (!) To make this part relevant, you need to generate encoded files by your
-#     own. Enabling this part will not auto-generate brotlied files.
+# (!) To make this part relevant, you need to generate encoded
+# files by your own. Enabling this part will not auto-generate
+# brotlied files.
 #
-# Note that some clients (eg. browsers) require a secure connection to request
-# brotli-compressed resources.
+# Note that some clients (eg. browsers) require a secure connection
+# to request brotli-compressed resources.
 # https://www.chromestatus.com/feature/5420797577396224
 #
 # https://httpd.apache.org/docs/current/mod/mod_brotli.html#precompressed
@@ -950,19 +946,21 @@ ServerSignature Off
 # | GZip pre-compressed content                                        |
 # ----------------------------------------------------------------------
 
-# Serve gzip compressed CSS, JS, HTML, SVG, ICS, and JSON files if they exist
-# and if the client accepts gzip encoding.
+# Serve gzip compressed CSS, JS, HTML, SVG, ICS and JSON files
+# if they exist and if the client accepts gzip encoding.
 #
-# (!) To make this part relevant, you need to generate encoded files by your
-#     own. Enabling this part will not auto-generate gziped files.
+# (!) To make this part relevant, you need to generate encoded
+# files by your own. Enabling this part will not auto-generate
+# gziped files.
 #
 # https://httpd.apache.org/docs/current/mod/mod_deflate.html#precompressed
 #
-# (1) Removing default MIME Type for .gz files allowing to add custom
-#     sub-types.
-#     You may prefer using less generic extensions such as .html_gz in order to
-#     keep the default behavior regarding .gz files.
-#     https://httpd.apache.org/docs/current/mod/mod_mime.html#removetype
+# (1)
+# Removing default MIME Type for .gz files allowing to add custom
+# sub-types.
+# You may prefer using less generic extensions such as .html_gz in
+# order to keep default behavior regarding .gz files.
+# https://httpd.apache.org/docs/current/mod/mod_mime.html#removetype
 
 # <IfModule mod_headers.c>
 
@@ -1009,29 +1007,20 @@ ServerSignature Off
 # | Content transformation                                             |
 # ----------------------------------------------------------------------
 
-# Prevent intermediate caches or proxies (such as those used by mobile
-# network providers) and browsers data-saving features from modifying
-# the website's content using the `cache-control: no-transform` directive.
+# Prevent intermediate caches or proxies (e.g.: such as the ones
+# used by mobile network providers) from modifying the website's
+# content.
 #
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
-# https://tools.ietf.org/html/rfc7234#section-5.2.2.4
-#
-# (!) Carefully consider the impact on your visitors before disabling
-#     content transformation. These transformations are performed to
-#     improve the experience for data- and cost-constrained users
-#     (e.g. users on a 2G connection).
-#
-#     You can test the effects of content transformation applied by
-#     Google's Lite Mode by visiting: https://googleweblight.com/i?u=https://www.example.com
+# https://tools.ietf.org/html/rfc2616#section-14.9.5
 #
-#     https://support.google.com/webmasters/answer/6211428
+# (!) If you are using `mod_pagespeed`, please note that setting
+# the `Cache-Control: no-transform` response header will prevent
+# `PageSpeed` from rewriting `HTML` files, and, if the
+# `ModPagespeedDisableRewriteOnNoTransform` directive isn't set
+# to `off`, also from rewriting other resources.
 #
-# (!) If you are using `mod_pagespeed`, note that disabling this will
-#     prevent `PageSpeed` from rewriting HTML files, and, if the
-#     `ModPagespeedDisableRewriteOnNoTransform` directive isn't set to
-#     `off`, also from rewriting other resources.
-#
-#     https://developers.google.com/speed/pagespeed/module/configuration#notransform
+# https://developers.google.com/speed/pagespeed/module/configuration#notransform
 
 # <IfModule mod_headers.c>
 #     Header merge Cache-Control "no-transform"
@@ -1058,10 +1047,11 @@ FileETag None
 # | Cache expiration                                                   |
 # ----------------------------------------------------------------------
 
-# Serve resources with a far-future expiration date.
+# Serve resources with far-future expiration date.
 #
-# (!) If you don't control versioning with filename-based cache busting, you
-# should consider lowering the cache times to something like one week.
+# (!) If you don't control versioning with filename-based
+# cache busting, you should consider lowering the cache times
+# to something like one week.
 #
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Cache-Control
 # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Expires
@@ -1124,7 +1114,6 @@ FileETag None
   # Media files
 
     ExpiresByType audio/ogg                             "access plus 1 month"
-    ExpiresByType image/apng                            "access plus 1 month"
     ExpiresByType image/bmp                             "access plus 1 month"
     ExpiresByType image/gif                             "access plus 1 month"
     ExpiresByType image/jpeg                            "access plus 1 month"
@@ -1180,13 +1169,16 @@ FileETag None
 
 # Allow concatenation from within specific files.
 #
-# If you have the following lines in a file called, for example,
-# `main.combined.js`:
+# e.g.:
+#
+#   If you have the following lines in a file called, for
+#   example, `main.combined.js`:
 #
-#     <!--#include file="js/jquery.js" -->
-#     <!--#include file="js/jquery.timer.js" -->
+#       <!--#include file="js/jquery.js" -->
+#       <!--#include file="js/jquery.timer.js" -->
 #
-# Apache will replace those lines with the content of the specified files.
+#   Apache will replace those lines with the content of the
+#   specified files.
 
 # <IfModule mod_include.c>
 
@@ -1210,16 +1202,17 @@ FileETag None
 # | Filename-based cache busting                                       |
 # ----------------------------------------------------------------------
 
-# If you're not using a build process to manage your filename version revving,
-# you might want to consider enabling the following directives.
+# If you're not using a build process to manage your filename version
+# revving, you might want to consider enabling the following directives
+# to route all requests such as `/style.12345.css` to `/style.css`.
 #
-# To understand why this is important and even a better solution than using
-# something like `*.css?v231`, please see:
+# To understand why this is important and even a better solution than
+# using something like `*.css?v231`, please see:
 # https://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/
 
 # <IfModule mod_rewrite.c>
 #     RewriteEngine On
 #     RewriteCond %{REQUEST_FILENAME} !-f
-#     RewriteRule ^(.+)\.(\w+)\.(bmp|css|cur|gif|ico|jpe?g|m?js|a?png|svgz?|webp|webmanifest)$ $1.$3 [L]
+#     RewriteRule ^(.+)\.(\w+)\.(bmp|css|cur|gif|ico|jpe?g|m?js|png|svgz?|webp|webmanifest)$ $1.$3 [L]
 # </IfModule>
 
diff --git a/dist/doc/TOC.md b/dist/doc/TOC.md
index 6020ae94ea..72ced7cd2e 100644
--- a/dist/doc/TOC.md
+++ b/dist/doc/TOC.md
@@ -32,5 +32,6 @@ aspects of your website/web app (e.g.: the performance, security, etc.).
   * [lighttpd](https://github.com/h5bp/server-configs-lighttpd)
   * [Nginx](https://github.com/h5bp/server-configs-nginx)
   * [Node.js](https://github.com/h5bp/server-configs-node)
-* [Front-end Developer Interview
-  Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
+* [Front-end Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
+* [create-html5-boilerplate](https://github.com/h5bp/create-html5-boilerplate) — Quick start HTML5 Boilerplate development
+* [main.css](https://github.com/h5bp/main.css) — the main.css file included with HTML5 Boilerplate
diff --git a/dist/doc/css.md b/dist/doc/css.md
index 5677cf5e84..729783498d 100644
--- a/dist/doc/css.md
+++ b/dist/doc/css.md
@@ -8,12 +8,6 @@ HTML5 Boilerplate's CSS includes:
 * [Normalize.css](#normalizecss)
 * [main.css](#maincss)
 
-This starting CSS does not rely on the presence of [conditional class
-names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
-or [Modernizr](https://modernizr.com/), and it is ready to use no matter what
-your development preferences happen to be.
-
-
 ## Normalize.css
 
 In order to make browsers render all elements more consistently and in line with
@@ -32,7 +26,6 @@ As opposed to CSS resets, Normalize.css:
 For more information about Normalize.css, please refer to its [project
 page](https://necolas.github.io/normalize.css/).
 
-
 ## main.css
 
 Several base styles are included that build upon `Normalize.css`. These styles:
diff --git a/dist/doc/extend.md b/dist/doc/extend.md
index 0a3506a3af..0381920851 100644
--- a/dist/doc/extend.md
+++ b/dist/doc/extend.md
@@ -7,7 +7,6 @@ Here is some useful advice for how you can make your project with HTML5
 Boilerplate even better. We don't want to include it all by default, as not
 everything fits with everyone's needs.
 
-
 * [App Stores](#app-stores)
 * [DNS prefetching](#dns-prefetching)
 * [Google Universal Analytics](#google-universal-analytics)
@@ -100,7 +99,6 @@ Microsoft Ajax Content Delivery Network:
 * https://dev.chromium.org/developers/design-documents/dns-prefetching
 * https://docs.microsoft.com/en-us/archive/blogs/ie/internet-explorer-9-network-performance-improvements
 
-
 ## Google Universal Analytics
 
 ### More tracking settings
@@ -120,7 +118,6 @@ and
 [Event](https://developers.google.com/analytics/devguides/collection/analyticsjs/events)
 Docs.
 
-
 ### Track jQuery AJAX requests in Google Analytics
 
 An article by @JangoSteve explains how to [track jQuery AJAX requests in Google
diff --git a/dist/doc/html.md b/dist/doc/html.md
index 0ca2e8ce3a..6a00f05ebb 100644
--- a/dist/doc/html.md
+++ b/dist/doc/html.md
@@ -205,7 +205,7 @@ to the `index.html` manually.
 To load jQuery from a CDN with a local fallback you can use the following:
 
 ``` html
-<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.5.1.min.js"  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')</script>
 ```
 
@@ -218,7 +218,7 @@ We use `analytics.js` rather than the newer `gtag.js` as [it's faster and
 supports tasks and
 plugins](https://github.com/philipwalton/analyticsjs-boilerplate/issues/19#issuecomment-333714370)
 
-Starting with version 8 we, by default, [anonymize IP
+Starting with version 8.0.0 we, by default, [anonymize IP
 addresses](href="https://support.google.com/analytics/answer/2763052?hl=en). By
 default Google Analytics records the full IP address of a user visiting the
 site, but that full IP address is never available to the Google Analytics
diff --git a/dist/doc/misc.md b/dist/doc/misc.md
index cc7a8911c1..c1fdf068c1 100644
--- a/dist/doc/misc.md
+++ b/dist/doc/misc.md
@@ -9,6 +9,7 @@ table of contents](TOC.md)
 * [robots.txt](#robotstxt)
 * [humans.txt](#humanstxt)
 * [browserconfig.xml](#browserconfigxml)
+* [package.json](#packagejson)
 
 --
 
@@ -166,3 +167,38 @@ Notice that IE11 uses the same images when adding a site to the `favorites`.
 
 For more in-depth information about the `browserconfig.xml` file, please
 see [MSDN](https://docs.microsoft.com/previous-versions/windows/internet-explorer/ie-developer/platform-apis/dn320426(v=vs.85)).
+
+## package.json
+
+`package.json` is used to define attributes of your site or application for
+use in modern JavaScript development. [The full documentation is available](https://docs.npmjs.com/files/package.json)
+if you're interested. The fields we provide are as follows:
+
+* `title` - the title of your project. If you expect to publish your application
+  to npm, then the name needs to follow [certain guidelines](https://docs.npmjs.com/files/package.json#name)
+  and be unique.
+* `version` - indicates the version of your site application using semantic
+  versioning ([semver](https://docs.npmjs.com/misc/semver))
+* `description` - describes your site.
+* `scripts` - is a JavaScript object containing commands that can be run in a
+  node environment. There are many [built-in keys](https://docs.npmjs.com/misc/scripts)
+  related to the package lifecycle that node understands automatically. You can
+  also define custom scripts for use with your application development. We
+  provide three custom scripts that work with Parcel to get you up and running
+  quickly with a bundler for your assets and a simple development server.
+  
+  * `start` builds your site and starts a server
+  * `build` builds your `index.html` using Parcel
+  * `dev` serves your `index.html` with a simple development server
+  
+* `keywords` - an array of keywords used to discover your app in the npm
+  registry
+* `author` - defines the author (via `name`, `email` and `url` fields) of a
+  package. There is also an alternative [contributors](https://docs.npmjs.com/files/package.json#people-fields-author-contributors)
+  field if there's more than one author.
+* `license` - the license for your application. Must conform to
+  [specific rules](https://docs.npmjs.com/files/package.json#license)
+* `devDependencies` - development dependencies for your package. In our case
+  it's a single dependency, Parcel, which we use to bundle files and run a
+  simple web server.
+  
\ No newline at end of file
diff --git a/dist/doc/usage.md b/dist/doc/usage.md
index 8a92fae72e..857bc0b3a2 100644
--- a/dist/doc/usage.md
+++ b/dist/doc/usage.md
@@ -38,7 +38,6 @@ A basic HTML5 Boilerplate site initially looks something like this:
 │   ├── main.js
 │   ├── plugins.js
 │   └── vendor
-│       ├── jquery.min.js
 │       └── modernizr.min.js
 ├── .editorconfig
 ├── .htaccess
@@ -118,6 +117,11 @@ corresponding snippet at the bottom to include your analytics ID.
 Edit this file to include the team that worked on your site/app, and the
 technology powering it.
 
+### package.jsom
+
+Edit this file to describe your application, add dependencies, scripts and
+other properties related to node based development and the npm registry
+
 ### robots.txt
 
 Edit this file to include any pages you need hidden from search engines.
diff --git a/dist/js/vendor/modernizr-3.11.2.min.js b/dist/js/vendor/modernizr-3.11.2.min.js
index feada515d1..89b4b5cee5 100644
--- a/dist/js/vendor/modernizr-3.11.2.min.js
+++ b/dist/js/vendor/modernizr-3.11.2.min.js
@@ -1,3 +1,3 @@
-/*! modernizr 3.11.2 (Custom Build) | MIT *
+/*! modernizr 3.11.0 (Custom Build) | MIT *
  * https://modernizr.com/download/?-cssanimations-csscolumns-customelements-flexbox-history-picture-pointerevents-postmessage-sizes-srcset-webgl-websockets-webworkers-addtest-domprefixes-hasevent-mq-prefixedcssvalue-prefixes-setclasses-testallprops-testprop-teststyles !*/
-!function(e,t,n,r){function o(e,t){return typeof e===t}function i(e){var t=_.className,n=Modernizr._config.classPrefix||"";if(S&&(t=t.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(r,"$1"+n+"js$2")}Modernizr._config.enableClasses&&(e.length>0&&(t+=" "+n+e.join(" "+n)),S?_.className.baseVal=t:_.className=t)}function s(e,t){if("object"==typeof e)for(var n in e)k(e,n)&&s(n,e[n]);else{e=e.toLowerCase();var r=e.split("."),o=Modernizr[r[0]];if(2===r.length&&(o=o[r[1]]),void 0!==o)return Modernizr;t="function"==typeof t?t():t,1===r.length?Modernizr[r[0]]=t:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=t),i([(t&&!1!==t?"":"no-")+r.join("-")]),Modernizr._trigger(e,t)}return Modernizr}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):S?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(){var e=n.body;return e||(e=a(S?"svg":"body"),e.fake=!0),e}function u(e,t,r,o){var i,s,u,f,c="modernizr",d=a("div"),p=l();if(parseInt(r,10))for(;r--;)u=a("div"),u.id=o?o[r]:c+(r+1),d.appendChild(u);return i=a("style"),i.type="text/css",i.id="s"+c,(p.fake?p:d).appendChild(i),p.appendChild(d),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(n.createTextNode(e)),d.id=c,p.fake&&(p.style.background="",p.style.overflow="hidden",f=_.style.overflow,_.style.overflow="hidden",_.appendChild(p)),s=t(d,e),p.fake?(p.parentNode.removeChild(p),_.style.overflow=f,_.offsetHeight):d.parentNode.removeChild(d),!!s}function f(e,n,r){var o;if("getComputedStyle"in t){o=getComputedStyle.call(t,e,n);var i=t.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(i){var s=i.error?"error":"log";i[s].call(i,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!n&&e.currentStyle&&e.currentStyle[r];return o}function c(e,t){return!!~(""+e).indexOf(t)}function d(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function p(e,n){var o=e.length;if("CSS"in t&&"supports"in t.CSS){for(;o--;)if(t.CSS.supports(d(e[o]),n))return!0;return!1}if("CSSSupportsRule"in t){for(var i=[];o--;)i.push("("+d(e[o])+":"+n+")");return i=i.join(" or "),u("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"===f(e,null,"position")})}return r}function m(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function h(e,t,n,i){function s(){u&&(delete N.style,delete N.modElem)}if(i=!o(i,"undefined")&&i,!o(n,"undefined")){var l=p(e,n);if(!o(l,"undefined"))return l}for(var u,f,d,h,A,v=["modernizr","tspan","samp"];!N.style&&v.length;)u=!0,N.modElem=a(v.shift()),N.style=N.modElem.style;for(d=e.length,f=0;f<d;f++)if(h=e[f],A=N.style[h],c(h,"-")&&(h=m(h)),N.style[h]!==r){if(i||o(n,"undefined"))return s(),"pfx"!==t||h;try{N.style[h]=n}catch(e){}if(N.style[h]!==A)return s(),"pfx"!==t||h}return s(),!1}function A(e,t){return function(){return e.apply(t,arguments)}}function v(e,t,n){var r;for(var i in e)if(e[i]in t)return!1===n?e[i]:(r=t[e[i]],o(r,"function")?A(r,n||t):r);return!1}function g(e,t,n,r,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+O.join(s+" ")+s).split(" ");return o(t,"string")||o(t,"undefined")?h(a,t,r,i):(a=(e+" "+T.join(s+" ")+s).split(" "),v(a,t,n))}function y(e,t,n){return g(e,r,r,t,n)}var w=[],C={_version:"3.11.2",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){w.push({name:e,fn:t,options:n})},addAsyncTest:function(e){w.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=C,Modernizr=new Modernizr;var b=[],_=n.documentElement,S="svg"===_.nodeName.toLowerCase(),x="Moz O ms Webkit",T=C._config.usePrefixes?x.toLowerCase().split(" "):[];C._domPrefixes=T;var P=C._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];C._prefixes=P;var k;!function(){var e={}.hasOwnProperty;k=o(e,"undefined")||o(e.call,"undefined")?function(e,t){return t in e&&o(e.constructor.prototype[t],"undefined")}:function(t,n){return e.call(t,n)}}(),C._l={},C.on=function(e,t){this._l[e]||(this._l[e]=[]),this._l[e].push(t),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},C._trigger=function(e,t){if(this._l[e]){var n=this._l[e];setTimeout(function(){var e;for(e=0;e<n.length;e++)(0,n[e])(t)},0),delete this._l[e]}},Modernizr._q.push(function(){C.addTest=s});var E=function(){function e(e,n){var o;return!!e&&(n&&"string"!=typeof n||(n=a(n||"div")),e="on"+e,o=e in n,!o&&t&&(n.setAttribute||(n=a("div")),n.setAttribute(e,""),o="function"==typeof n[e],n[e]!==r&&(n[e]=r),n.removeAttribute(e)),o)}var t=!("onblur"in _);return e}();C.hasEvent=E;var B=function(){var e=t.matchMedia||t.msMatchMedia;return e?function(t){var n=e(t);return n&&n.matches||!1}:function(e){var t=!1;return u("@media "+e+" { #modernizr { position: absolute; } }",function(e){t="absolute"===f(e,null,"position")}),t}}();C.mq=B;var z=function(e,t){var n=!1,r=a("div"),o=r.style;if(e in o){var i=T.length;for(o[e]=t,n=o[e];i--&&!n;)o[e]="-"+T[i]+"-"+t,n=o[e]}return""===n&&(n=!1),n};C.prefixedCSSValue=z;var O=C._config.usePrefixes?x.split(" "):[];C._cssomPrefixes=O;var L={elem:a("modernizr")};Modernizr._q.push(function(){delete L.elem});var N={style:L.elem.style};Modernizr._q.unshift(function(){delete N.style}),C.testAllProps=g,C.testAllProps=y;C.testProp=function(e,t,n){return h([e],r,t,n)},C.testStyles=u;Modernizr.addTest("customelements","customElements"in t),Modernizr.addTest("history",function(){var e=navigator.userAgent;return!!e&&((-1===e.indexOf("Android 2.")&&-1===e.indexOf("Android 4.0")||-1===e.indexOf("Mobile Safari")||-1!==e.indexOf("Chrome")||-1!==e.indexOf("Windows Phone")||"file:"===location.protocol)&&(t.history&&"pushState"in t.history))});var R=[""].concat(T);C._domPrefixesAll=R,Modernizr.addTest("pointerevents",function(){for(var e=0,t=R.length;e<t;e++)if(E(R[e]+"pointerdown"))return!0;return!1});var j=!0;try{t.postMessage({toString:function(){j=!1}},"*")}catch(e){}Modernizr.addTest("postmessage",new Boolean("postMessage"in t)),Modernizr.addTest("postmessage.structuredclones",j),Modernizr.addTest("webgl",function(){return"WebGLRenderingContext"in t});var M=!1;try{M="WebSocket"in t&&2===t.WebSocket.CLOSING}catch(e){}Modernizr.addTest("websockets",M),Modernizr.addTest("cssanimations",y("animationName","a",!0)),function(){Modernizr.addTest("csscolumns",function(){var e=!1,t=y("columnCount");try{e=!!t,e&&(e=new Boolean(e))}catch(e){}return e});for(var e,t,n=["Width","Span","Fill","Gap","Rule","RuleColor","RuleStyle","RuleWidth","BreakBefore","BreakAfter","BreakInside"],r=0;r<n.length;r++)e=n[r].toLowerCase(),t=y("column"+n[r]),"breakbefore"!==e&&"breakafter"!==e&&"breakinside"!==e||(t=t||y(n[r])),Modernizr.addTest("csscolumns."+e,t)}(),Modernizr.addTest("flexbox",y("flexBasis","1px",!0)),Modernizr.addTest("picture","HTMLPictureElement"in t),Modernizr.addAsyncTest(function(){var e,t,n,r=a("img"),o="sizes"in r;!o&&"srcset"in r?(t="data:image/gif;base64,R0lGODlhAgABAPAAAP///wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==",e="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",n=function(){s("sizes",2===r.width)},r.onload=n,r.onerror=n,r.setAttribute("sizes","9px"),r.srcset=e+" 1w,"+t+" 8w",r.src=e):s("sizes",o)}),Modernizr.addTest("srcset","srcset"in a("img")),Modernizr.addTest("webworkers","Worker"in t),function(){var e,t,n,r,i,s,a;for(var l in w)if(w.hasOwnProperty(l)){if(e=[],t=w[l],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(r=o(t.fn,"function")?t.fn():t.fn,i=0;i<e.length;i++)s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=r:(Modernizr[a[0]]&&(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean)||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=r),b.push((r?"":"no-")+a.join("-"))}}(),i(b),delete C.addTest,delete C.addAsyncTest;for(var W=0;W<Modernizr._q.length;W++)Modernizr._q[W]();e.Modernizr=Modernizr}(window,window,document);
\ No newline at end of file
+!function(e,t,n,r){function o(e,t){return typeof e===t}function i(e){var t=_.className,n=Modernizr._config.classPrefix||"";if(S&&(t=t.baseVal),Modernizr._config.enableJSClass){var r=new RegExp("(^|\\s)"+n+"no-js(\\s|$)");t=t.replace(r,"$1"+n+"js$2")}Modernizr._config.enableClasses&&(e.length>0&&(t+=" "+n+e.join(" "+n)),S?_.className.baseVal=t:_.className=t)}function s(e,t){if("object"==typeof e)for(var n in e)k(e,n)&&s(n,e[n]);else{e=e.toLowerCase();var r=e.split("."),o=Modernizr[r[0]];if(2===r.length&&(o=o[r[1]]),void 0!==o)return Modernizr;t="function"==typeof t?t():t,1===r.length?Modernizr[r[0]]=t:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=t),i([(t&&!1!==t?"":"no-")+r.join("-")]),Modernizr._trigger(e,t)}return Modernizr}function a(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):S?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}function l(){var e=n.body;return e||(e=a(S?"svg":"body"),e.fake=!0),e}function u(e,t,r,o){var i,s,u,f,c="modernizr",d=a("div"),p=l();if(parseInt(r,10))for(;r--;)u=a("div"),u.id=o?o[r]:c+(r+1),d.appendChild(u);return i=a("style"),i.type="text/css",i.id="s"+c,(p.fake?p:d).appendChild(i),p.appendChild(d),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(n.createTextNode(e)),d.id=c,p.fake&&(p.style.background="",p.style.overflow="hidden",f=_.style.overflow,_.style.overflow="hidden",_.appendChild(p)),s=t(d,e),p.fake?(p.parentNode.removeChild(p),_.style.overflow=f,_.offsetHeight):d.parentNode.removeChild(d),!!s}function f(e,n,r){var o;if("getComputedStyle"in t){o=getComputedStyle.call(t,e,n);var i=t.console;if(null!==o)r&&(o=o.getPropertyValue(r));else if(i){var s=i.error?"error":"log";i[s].call(i,"getComputedStyle returning null, its possible modernizr test results are inaccurate")}}else o=!n&&e.currentStyle&&e.currentStyle[r];return o}function c(e,t){return!!~(""+e).indexOf(t)}function d(e){return e.replace(/([A-Z])/g,function(e,t){return"-"+t.toLowerCase()}).replace(/^ms-/,"-ms-")}function p(e,n){var o=e.length;if("CSS"in t&&"supports"in t.CSS){for(;o--;)if(t.CSS.supports(d(e[o]),n))return!0;return!1}if("CSSSupportsRule"in t){for(var i=[];o--;)i.push("("+d(e[o])+":"+n+")");return i=i.join(" or "),u("@supports ("+i+") { #modernizr { position: absolute; } }",function(e){return"absolute"===f(e,null,"position")})}return r}function m(e){return e.replace(/([a-z])-([a-z])/g,function(e,t,n){return t+n.toUpperCase()}).replace(/^-/,"")}function h(e,t,n,i){function s(){u&&(delete N.style,delete N.modElem)}if(i=!o(i,"undefined")&&i,!o(n,"undefined")){var l=p(e,n);if(!o(l,"undefined"))return l}for(var u,f,d,h,A,v=["modernizr","tspan","samp"];!N.style&&v.length;)u=!0,N.modElem=a(v.shift()),N.style=N.modElem.style;for(d=e.length,f=0;f<d;f++)if(h=e[f],A=N.style[h],c(h,"-")&&(h=m(h)),N.style[h]!==r){if(i||o(n,"undefined"))return s(),"pfx"!==t||h;try{N.style[h]=n}catch(e){}if(N.style[h]!==A)return s(),"pfx"!==t||h}return s(),!1}function A(e,t){return function(){return e.apply(t,arguments)}}function v(e,t,n){var r;for(var i in e)if(e[i]in t)return!1===n?e[i]:(r=t[e[i]],o(r,"function")?A(r,n||t):r);return!1}function g(e,t,n,r,i){var s=e.charAt(0).toUpperCase()+e.slice(1),a=(e+" "+O.join(s+" ")+s).split(" ");return o(t,"string")||o(t,"undefined")?h(a,t,r,i):(a=(e+" "+T.join(s+" ")+s).split(" "),v(a,t,n))}function y(e,t,n){return g(e,r,r,t,n)}var w=[],C={_version:"3.11.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,t){var n=this;setTimeout(function(){t(n[e])},0)},addTest:function(e,t,n){w.push({name:e,fn:t,options:n})},addAsyncTest:function(e){w.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=C,Modernizr=new Modernizr;var b=[],_=n.documentElement,S="svg"===_.nodeName.toLowerCase(),x="Moz O ms Webkit",T=C._config.usePrefixes?x.toLowerCase().split(" "):[];C._domPrefixes=T;var P=C._config.usePrefixes?" -webkit- -moz- -o- -ms- ".split(" "):["",""];C._prefixes=P;var k;!function(){var e={}.hasOwnProperty;k=o(e,"undefined")||o(e.call,"undefined")?function(e,t){return t in e&&o(e.constructor.prototype[t],"undefined")}:function(t,n){return e.call(t,n)}}(),C._l={},C.on=function(e,t){this._l[e]||(this._l[e]=[]),this._l[e].push(t),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},C._trigger=function(e,t){if(this._l[e]){var n=this._l[e];setTimeout(function(){var e;for(e=0;e<n.length;e++)(0,n[e])(t)},0),delete this._l[e]}},Modernizr._q.push(function(){C.addTest=s});var E=function(){function e(e,n){var o;return!!e&&(n&&"string"!=typeof n||(n=a(n||"div")),e="on"+e,o=e in n,!o&&t&&(n.setAttribute||(n=a("div")),n.setAttribute(e,""),o="function"==typeof n[e],n[e]!==r&&(n[e]=r),n.removeAttribute(e)),o)}var t=!("onblur"in _);return e}();C.hasEvent=E;var B=function(){var e=t.matchMedia||t.msMatchMedia;return e?function(t){var n=e(t);return n&&n.matches||!1}:function(e){var t=!1;return u("@media "+e+" { #modernizr { position: absolute; } }",function(e){t="absolute"===f(e,null,"position")}),t}}();C.mq=B;var z=function(e,t){var n=!1,r=a("div"),o=r.style;if(e in o){var i=T.length;for(o[e]=t,n=o[e];i--&&!n;)o[e]="-"+T[i]+"-"+t,n=o[e]}return""===n&&(n=!1),n};C.prefixedCSSValue=z;var O=C._config.usePrefixes?x.split(" "):[];C._cssomPrefixes=O;var L={elem:a("modernizr")};Modernizr._q.push(function(){delete L.elem});var N={style:L.elem.style};Modernizr._q.unshift(function(){delete N.style}),C.testAllProps=g,C.testAllProps=y;C.testProp=function(e,t,n){return h([e],r,t,n)},C.testStyles=u;Modernizr.addTest("customelements","customElements"in t),Modernizr.addTest("history",function(){var e=navigator.userAgent;return!!e&&((-1===e.indexOf("Android 2.")&&-1===e.indexOf("Android 4.0")||-1===e.indexOf("Mobile Safari")||-1!==e.indexOf("Chrome")||-1!==e.indexOf("Windows Phone")||"file:"===location.protocol)&&(t.history&&"pushState"in t.history))});var R=[""].concat(T);C._domPrefixesAll=R,Modernizr.addTest("pointerevents",function(){for(var e=0,t=R.length;e<t;e++)if(E(R[e]+"pointerdown"))return!0;return!1});var j=!0;try{t.postMessage({toString:function(){j=!1}},"*")}catch(e){}Modernizr.addTest("postmessage",new Boolean("postMessage"in t)),Modernizr.addTest("postmessage.structuredclones",j),Modernizr.addTest("webgl",function(){return"WebGLRenderingContext"in t});var M=!1;try{M="WebSocket"in t&&2===t.WebSocket.CLOSING}catch(e){}Modernizr.addTest("websockets",M),Modernizr.addTest("cssanimations",y("animationName","a",!0)),function(){Modernizr.addTest("csscolumns",function(){var e=!1,t=y("columnCount");try{e=!!t,e&&(e=new Boolean(e))}catch(e){}return e});for(var e,t,n=["Width","Span","Fill","Gap","Rule","RuleColor","RuleStyle","RuleWidth","BreakBefore","BreakAfter","BreakInside"],r=0;r<n.length;r++)e=n[r].toLowerCase(),t=y("column"+n[r]),"breakbefore"!==e&&"breakafter"!==e&&"breakinside"!==e||(t=t||y(n[r])),Modernizr.addTest("csscolumns."+e,t)}(),Modernizr.addTest("flexbox",y("flexBasis","1px",!0)),Modernizr.addTest("picture","HTMLPictureElement"in t),Modernizr.addAsyncTest(function(){var e,t,n,r=a("img"),o="sizes"in r;!o&&"srcset"in r?(t="data:image/gif;base64,R0lGODlhAgABAPAAAP///wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==",e="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",n=function(){s("sizes",2===r.width)},r.onload=n,r.onerror=n,r.setAttribute("sizes","9px"),r.srcset=e+" 1w,"+t+" 8w",r.src=e):s("sizes",o)}),Modernizr.addTest("srcset","srcset"in a("img")),Modernizr.addTest("webworkers","Worker"in t),function(){var e,t,n,r,i,s,a;for(var l in w)if(w.hasOwnProperty(l)){if(e=[],t=w[l],t.name&&(e.push(t.name.toLowerCase()),t.options&&t.options.aliases&&t.options.aliases.length))for(n=0;n<t.options.aliases.length;n++)e.push(t.options.aliases[n].toLowerCase());for(r=o(t.fn,"function")?t.fn():t.fn,i=0;i<e.length;i++)s=e[i],a=s.split("."),1===a.length?Modernizr[a[0]]=r:(Modernizr[a[0]]&&(!Modernizr[a[0]]||Modernizr[a[0]]instanceof Boolean)||(Modernizr[a[0]]=new Boolean(Modernizr[a[0]])),Modernizr[a[0]][a[1]]=r),b.push((r?"":"no-")+a.join("-"))}}(),i(b),delete C.addTest,delete C.addAsyncTest;for(var W=0;W<Modernizr._q.length;W++)Modernizr._q[W]();e.Modernizr=Modernizr}(window,window,document);
\ No newline at end of file
diff --git a/dist/package.json b/dist/package.json
index cbe7644d7a..d7a6937406 100644
--- a/dist/package.json
+++ b/dist/package.json
@@ -13,7 +13,11 @@
     "template",
     "front-end"
   ],
-  "author": "",
+  "author": {
+    "name" : "",
+    "email" : "", 
+    "url" : ""
+    },
   "license": "",
   "devDependencies": {
     "parcel-bundler": "^1.12.4"
diff --git a/src/doc/TOC.md b/src/doc/TOC.md
index 6020ae94ea..72ced7cd2e 100644
--- a/src/doc/TOC.md
+++ b/src/doc/TOC.md
@@ -32,5 +32,6 @@ aspects of your website/web app (e.g.: the performance, security, etc.).
   * [lighttpd](https://github.com/h5bp/server-configs-lighttpd)
   * [Nginx](https://github.com/h5bp/server-configs-nginx)
   * [Node.js](https://github.com/h5bp/server-configs-node)
-* [Front-end Developer Interview
-  Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
+* [Front-end Developer Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
+* [create-html5-boilerplate](https://github.com/h5bp/create-html5-boilerplate) — Quick start HTML5 Boilerplate development
+* [main.css](https://github.com/h5bp/main.css) — the main.css file included with HTML5 Boilerplate
diff --git a/src/doc/css.md b/src/doc/css.md
index 5677cf5e84..729783498d 100644
--- a/src/doc/css.md
+++ b/src/doc/css.md
@@ -8,12 +8,6 @@ HTML5 Boilerplate's CSS includes:
 * [Normalize.css](#normalizecss)
 * [main.css](#maincss)
 
-This starting CSS does not rely on the presence of [conditional class
-names](https://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/),
-or [Modernizr](https://modernizr.com/), and it is ready to use no matter what
-your development preferences happen to be.
-
-
 ## Normalize.css
 
 In order to make browsers render all elements more consistently and in line with
@@ -32,7 +26,6 @@ As opposed to CSS resets, Normalize.css:
 For more information about Normalize.css, please refer to its [project
 page](https://necolas.github.io/normalize.css/).
 
-
 ## main.css
 
 Several base styles are included that build upon `Normalize.css`. These styles:
diff --git a/src/doc/extend.md b/src/doc/extend.md
index 0a3506a3af..0381920851 100644
--- a/src/doc/extend.md
+++ b/src/doc/extend.md
@@ -7,7 +7,6 @@ Here is some useful advice for how you can make your project with HTML5
 Boilerplate even better. We don't want to include it all by default, as not
 everything fits with everyone's needs.
 
-
 * [App Stores](#app-stores)
 * [DNS prefetching](#dns-prefetching)
 * [Google Universal Analytics](#google-universal-analytics)
@@ -100,7 +99,6 @@ Microsoft Ajax Content Delivery Network:
 * https://dev.chromium.org/developers/design-documents/dns-prefetching
 * https://docs.microsoft.com/en-us/archive/blogs/ie/internet-explorer-9-network-performance-improvements
 
-
 ## Google Universal Analytics
 
 ### More tracking settings
@@ -120,7 +118,6 @@ and
 [Event](https://developers.google.com/analytics/devguides/collection/analyticsjs/events)
 Docs.
 
-
 ### Track jQuery AJAX requests in Google Analytics
 
 An article by @JangoSteve explains how to [track jQuery AJAX requests in Google
diff --git a/src/doc/html.md b/src/doc/html.md
index 0ca2e8ce3a..6a00f05ebb 100644
--- a/src/doc/html.md
+++ b/src/doc/html.md
@@ -205,7 +205,7 @@ to the `index.html` manually.
 To load jQuery from a CDN with a local fallback you can use the following:
 
 ``` html
-<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
+<script src="https://code.jquery.com/jquery-3.5.1.min.js"  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
 <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.5.1.min.js"><\/script>')</script>
 ```
 
@@ -218,7 +218,7 @@ We use `analytics.js` rather than the newer `gtag.js` as [it's faster and
 supports tasks and
 plugins](https://github.com/philipwalton/analyticsjs-boilerplate/issues/19#issuecomment-333714370)
 
-Starting with version 8 we, by default, [anonymize IP
+Starting with version 8.0.0 we, by default, [anonymize IP
 addresses](href="https://support.google.com/analytics/answer/2763052?hl=en). By
 default Google Analytics records the full IP address of a user visiting the
 site, but that full IP address is never available to the Google Analytics
diff --git a/src/doc/misc.md b/src/doc/misc.md
index cc7a8911c1..c1fdf068c1 100644
--- a/src/doc/misc.md
+++ b/src/doc/misc.md
@@ -9,6 +9,7 @@ table of contents](TOC.md)
 * [robots.txt](#robotstxt)
 * [humans.txt](#humanstxt)
 * [browserconfig.xml](#browserconfigxml)
+* [package.json](#packagejson)
 
 --
 
@@ -166,3 +167,38 @@ Notice that IE11 uses the same images when adding a site to the `favorites`.
 
 For more in-depth information about the `browserconfig.xml` file, please
 see [MSDN](https://docs.microsoft.com/previous-versions/windows/internet-explorer/ie-developer/platform-apis/dn320426(v=vs.85)).
+
+## package.json
+
+`package.json` is used to define attributes of your site or application for
+use in modern JavaScript development. [The full documentation is available](https://docs.npmjs.com/files/package.json)
+if you're interested. The fields we provide are as follows:
+
+* `title` - the title of your project. If you expect to publish your application
+  to npm, then the name needs to follow [certain guidelines](https://docs.npmjs.com/files/package.json#name)
+  and be unique.
+* `version` - indicates the version of your site application using semantic
+  versioning ([semver](https://docs.npmjs.com/misc/semver))
+* `description` - describes your site.
+* `scripts` - is a JavaScript object containing commands that can be run in a
+  node environment. There are many [built-in keys](https://docs.npmjs.com/misc/scripts)
+  related to the package lifecycle that node understands automatically. You can
+  also define custom scripts for use with your application development. We
+  provide three custom scripts that work with Parcel to get you up and running
+  quickly with a bundler for your assets and a simple development server.
+  
+  * `start` builds your site and starts a server
+  * `build` builds your `index.html` using Parcel
+  * `dev` serves your `index.html` with a simple development server
+  
+* `keywords` - an array of keywords used to discover your app in the npm
+  registry
+* `author` - defines the author (via `name`, `email` and `url` fields) of a
+  package. There is also an alternative [contributors](https://docs.npmjs.com/files/package.json#people-fields-author-contributors)
+  field if there's more than one author.
+* `license` - the license for your application. Must conform to
+  [specific rules](https://docs.npmjs.com/files/package.json#license)
+* `devDependencies` - development dependencies for your package. In our case
+  it's a single dependency, Parcel, which we use to bundle files and run a
+  simple web server.
+  
\ No newline at end of file
diff --git a/src/doc/usage.md b/src/doc/usage.md
index 8a92fae72e..857bc0b3a2 100644
--- a/src/doc/usage.md
+++ b/src/doc/usage.md
@@ -38,7 +38,6 @@ A basic HTML5 Boilerplate site initially looks something like this:
 │   ├── main.js
 │   ├── plugins.js
 │   └── vendor
-│       ├── jquery.min.js
 │       └── modernizr.min.js
 ├── .editorconfig
 ├── .htaccess
@@ -118,6 +117,11 @@ corresponding snippet at the bottom to include your analytics ID.
 Edit this file to include the team that worked on your site/app, and the
 technology powering it.
 
+### package.jsom
+
+Edit this file to describe your application, add dependencies, scripts and
+other properties related to node based development and the npm registry
+
 ### robots.txt
 
 Edit this file to include any pages you need hidden from search engines.
diff --git a/src/package.json b/src/package.json
index cbe7644d7a..d7a6937406 100644
--- a/src/package.json
+++ b/src/package.json
@@ -13,7 +13,11 @@
     "template",
     "front-end"
   ],
-  "author": "",
+  "author": {
+    "name" : "",
+    "email" : "", 
+    "url" : ""
+    },
   "license": "",
   "devDependencies": {
     "parcel-bundler": "^1.12.4"