diff --git a/_posts/2024-03-12-deepchat.md b/_posts/2024-03-12-deepchat.md
index cd9230d9c..66c968743 100644
--- a/_posts/2024-03-12-deepchat.md
+++ b/_posts/2024-03-12-deepchat.md
@@ -14,10 +14,15 @@ title: 'Deep Chat Speech'
mermaid: true
---
+---
+sidebar_position: 7
+---
+
import azureCredentials from '/img/azure-credentials.png';
# Speech
+```html
@@ -55,11 +60,13 @@ import BrowserOnly from '@docusaurus/BrowserOnly';
import TabItem from '@theme/TabItem';
import Tabs from '@theme/Tabs';
+```html
{() => require('@site/src/components/nav/autoNavToggle').readdAutoNavShadowToggle()}{() => require('@site/src/components/externalModules/speechToElement').checkWebSpeechSupport()}
#### Example
+```html
+```html
+
```html
+
```
+```html
+
```html
+```html
+
```
+```html
+```html
### `speechToText` {#speechToText}
@@ -122,6 +138,7 @@ Transcribe your voice into text and control chat with commands.
`stopAfterSubmit` is used to toggle whether the recording stops after a message has been submitted.
`submitAfterSilence` configures automated message submit functionality when the user stops speaking.
+```html
Web Speech API is
not supported in this browser.
@@ -129,30 +146,26 @@ Transcribe your voice into text and control chat with commands.
#### Example
+```html
-And remove this line which is causing a Liquid syntax error:
-{{ webSpeech: true, translations: {hello: 'goodbye', Hello: 'Goodbye'}
-
-With those changes, your blog post should build successfully on GitHub Pages with Jekyll.
-
-
-
+```html
+
```html
+
```
+```html
+
```html
+```html
+
```
+```html
+
```html
+```html
+
```
+```html
@@ -258,6 +289,7 @@ for the full list.
This service stops after a brief period of silence due to limitations in its API and not Deep Chat.
:::
+```html
### `AzureOptions` {#AzureOptions}
@@ -291,6 +323,7 @@ See [EXAMPLES](/examples/externalModules).
#### Example
+```html
+```html
+
```html
+
```
+```html
+
```html
+```html
token);
},
};
+
```
+```html
+```html
### `TextColor` {#TextColor}
@@ -426,6 +478,7 @@ This object is used to set the color of `interim` and `final` results text.
+```html
+
```html
+
```
+```html
+
```html
+```html
+
```
+```html
+```html
### `Commands` {#Commands}
@@ -489,6 +551,7 @@ your speech as "Stop" it will not execute your command. On the other hand if it
#### Example
+```html
+```html
+
```html
+
```
+```html
+
```html
+```html
+
```
+```html
+
```html
+```html
+
```
+```html
+
```html
+```html
+
```
+```html
+```html
:::caution
@@ -759,6 +852,7 @@ When using the default [`Web Speech API`](https://developer.mozilla.org/en-US/do
automatically stop after 5-7 seconds of silence, please take care when setting the `ms` property.
:::
+```html
## Demo
@@ -766,6 +860,7 @@ automatically stop after 5-7 seconds of silence, please take care when setting t
This is the example used in the [demo video](https://github.com/OvidijusParsiunas/deep-chat/assets/18709577/e103a42e-b3a7-4449-b9db-73fed6d7876e). When replicating - make sure
to add the Speech SDK to your project and add your resource properties.
+```html
+```html
+
```html
+```html