Fix broken highlighting

Author: scrhartley

www/content/docs.md

@@ -1153,7 +1153,7 @@ An unminified version is also available at `https://cdn.jsdelivr.net/npm/htmx-ex
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install htmx extensions is to simply copy them into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-extension-name` (replace `extension-name` with the name of the extension) e.g., https://cdn.jsdelivr.net/npm/htmx-ext-response-targets. Then add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install htmx extensions via [npm](https://www.npmjs.com/) (replace `extension-name` with the name of the extension):
-```shell
+```sh
 npm install htmx-ext-extension-name
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-extension-name/dist/extension-name.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.

www/content/essays/you-cant.md

@@ -274,7 +274,7 @@ example, a standard action on the web is to show and hide things based on a butt
 show and hide elements with only CSS and HTML, for example, by using an HTML input checkbox to track state. We can style
 an HTML label as a button and give it a `for="checkboxID`" attribute, so clicking the label toggles the checkbox.
 
-```jsx
+```tsx
 <input id="published" class="hidden peer" type="checkbox"/>
 <label for="published" class="btn">toggle content</label>
 

www/content/extensions/head-support.md

@@ -29,7 +29,7 @@ An unminified version is also available at https://cdn.jsdelivr.net/npm/htmx-ext
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `head-support` is to simply copy it into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-head-support`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install `head-support` via [npm](https://www.npmjs.com/):
-```shell
+```sh
 npm install htmx-ext-head-support
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-head-support/dist/head-support.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.

www/content/extensions/htmx-1-compat.md

@@ -20,7 +20,7 @@ An unminified version is also available at https://cdn.jsdelivr.net/npm/htmx-ext
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `htmx-1-compat` is to simply copy it into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-htmx-1-compat`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install `htmx-1-compat` via [npm](https://www.npmjs.com/):
-```shell
+```sh
 npm install htmx-ext-htmx-1-compat
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-htmx-1-compat/dist/htmx-1-compat.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.

www/content/extensions/idiomorph.md

@@ -29,7 +29,7 @@ While the CDN approach is simple, you may want to consider [not using CDNs in pr
 
 For npm-style build systems, you can install `idiomorph` via [npm](https://www.npmjs.com/):
 
-```shell
+```sh
 npm install idiomorph
 ```
 

www/content/extensions/preload.md

@@ -26,7 +26,7 @@ An unminified version is also available at https://cdn.jsdelivr.net/npm/htmx-ext
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `preload` is to simply copy it into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-preload`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install `preload` via [npm](https://www.npmjs.com/):
-```shell
+```sh
 npm install htmx-ext-preload
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-preload/dist/preload.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.

www/content/extensions/response-targets.md

@@ -38,7 +38,7 @@ An unminified version is also available at https://cdn.jsdelivr.net/npm/htmx-ext
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `response-targets` is to simply copy it into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-response-targets`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install `response-targets` via [npm](https://www.npmjs.com/):
-```shell
+```sh
 npm install htmx-ext-response-targets
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-response-targets/dist/response-targets.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.

www/content/extensions/sse.md

@@ -39,7 +39,7 @@ An unminified version is also available at https://cdn.jsdelivr.net/npm/htmx-ext
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `sse` is to simply copy it into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-sse`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install `sse` via [npm](https://www.npmjs.com/):
-```shell
+```sh
 npm install htmx-ext-sse
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-sse/dist/sse.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.

www/content/extensions/ws.md

@@ -33,7 +33,7 @@ An unminified version is also available at https://cdn.jsdelivr.net/npm/htmx-ext
 While the CDN approach is simple, you may want to consider [not using CDNs in production](https://blog.wesleyac.com/posts/why-not-javascript-cdn). The next easiest way to install `ws` is to simply copy it into your project. Download the extension from `https://cdn.jsdelivr.net/npm/htmx-ext-ws`, add it to the appropriate directory in your project and include it where necessary with a `<script>` tag.
 
 For npm-style build systems, you can install `ws` via [npm](https://www.npmjs.com/):
-```shell
+```sh
 npm install htmx-ext-ws
 ```
 After installing, you'll need to use appropriate tooling to bundle `node_modules/htmx-ext-ws/dist/ws.js` (or `.min.js`). For example, you might bundle the extension with htmx core from `node_modules/htmx.org/dist/htmx.js` and project-specific code.