docs: ogImage props fixes

Author: Whipstickgostop

streamerbot/1.get-started/installation/linux/.navigation.yml

@@ -2,4 +2,5 @@ title: Linux
 icon: i-mdi-linux
 navigation.title: Linux
 ogImage:
-    headline: Linux
+  props:
+    headline: Linux

streamerbot/3.api/1.sub-actions/.navigation.yml

@@ -3,4 +3,5 @@ description: Reference of all available sub-actions in Streamer.bot
 icon: i-mdi-lightning-bolt-outline
 navigation.icon: i-mdi-lightning-bolt-outline
 ogImage:
-  headline: Sub-Actions
+  props:
+    headline: Sub-Actions

streamerbot/3.api/3.csharp/.navigation.yml

@@ -2,4 +2,5 @@ title: C# Code
 description: Guides and references for using C# code in Streamer.bot
 navigation.icon: mdi:code-braces
 ogImage:
-  headline: C# Code
+  props:
+    headline: C# Code

streamerbot/3.api/3.csharp/1.recipes/visual-studio-code.md

@@ -3,18 +3,19 @@ title: Visual Studio Code
 description: Configure Visual Studio Code for writing C# code for Streamer.bot with linting and autocomplete.
 icon: mdi:microsoft-visual-studio-code
 ogImage:
-  icon: mdi:microsoft-visual-studio-code
+  props:
+    icon: mdi:microsoft-visual-studio-code
 ---
 
 ::tip
 **VSCode Extension now available!** :br
-This extension automates the process of setting up a Streamer.bot C# project directory with IntelliSense, while also providing hover documentation for CPH methods.  Installation includes the base C# extension dependency.
+This extension automates the process of setting up a Streamer.bot C# project directory with IntelliSense, while also providing hover documentation for CPH methods. Installation includes the base C# extension dependency.
 ::
 
 ::card{title="Streamer.bot C# Extension for Visual Studio Code" icon=mdi:microsoft-visual-studio-code color=info to="https://marketplace.visualstudio.com/items?itemName=fajita-of-treason.streamer-bot-csharp"}
-  Write Streamer.bot C# code with IntelliSense and documentation
+Write Streamer.bot C# code with IntelliSense and documentation
 
-  <small>by FajitaOfTreason</small>
+<small>by FajitaOfTreason</small>
 ::
 
 <hr>
@@ -26,18 +27,19 @@ By following these instructions, you'll be able to write code with linting, whic
 ## Prerequisites
 
 ::card-group
-  ::card{title="Visual Studio Code" icon=mdi:microsoft-visual-studio-code to="https://code.visualstudio.com/download"}
-    Follow the installation instructions for your operating system
-  ::
+::card{title="Visual Studio Code" icon=mdi:microsoft-visual-studio-code to="https://code.visualstudio.com/download"}
+Follow the installation instructions for your operating system
+::
 
-  ::card{title="VSCode C# Extension" icon=vscode-icons:file-type-csharp to="https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp"}
-    This is the base extension for C# development and includes the .NET Install Tool
-  ::
+::card{title="VSCode C# Extension" icon=vscode-icons:file-type-csharp to="https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp"}
+This is the base extension for C# development and includes the .NET Install Tool
+::
 ::
 
 ## Setup Guide
 
 ::steps{level=3}
+
 ### Create a new Streamer.bot Project Folder
 
 ::navigate
@@ -58,56 +60,58 @@ Open the `Explorer` view by selecting `View > Explorer` from the menu bar, or us
 
 1. Create a new file by right-clicking in the `Explorer` pane and selecting `New File` from the context menu:
 
-  ![New File option being selected in VS Code's Explorer Pane context menu](assets/vscode-new-file.png)
+![New File option being selected in VS Code's Explorer Pane context menu](assets/vscode-new-file.png)
 
 2. Name the file, ending with `.csproj`
 
-  ![A new file being named StreamerBot.csproj](assets/vscode-naming-new-csproj.png)
+![A new file being named StreamerBot.csproj](assets/vscode-naming-new-csproj.png)
 
   <br>
 
 3. Paste the contents from the code block below into your new `.csproj` file:
 
-  ::code-collapse
-  ```xml [StreamerBot.csproj]
-  <Project Sdk="Microsoft.NET.Sdk">
-    <PropertyGroup>
-      <TargetFramework>net481</TargetFramework>
-      <LangVersion>13.0</LangVersion>
-      <Nullable>enable</Nullable>
-      <UseWPF>true</UseWPF>
-      <DefineConstants>EXTERNAL_EDITOR</DefineConstants>
-      <NoWarn>CS0114</NoWarn>
-
-      <!-- Set the following directory with your Streamer.bot install location -->
-      <StreamerBotPath>C:/path/to/streamer.bot-directory</StreamerBotPath>
-    </PropertyGroup>
-    <ItemGroup>
-      <!-- Automatically include in every CS file -->
-      <Using Include="Streamer.bot.Plugin.Interface" />
-      <Using Include="Streamer.bot.Plugin.Interface.Model" />
-      <Using Include="Streamer.bot.Plugin.Interface.Enums" />
-      <Using Include="Streamer.bot.Common.Events" />
-
-      <!-- Use forward slashes for cross-platform compatibility -->
-      <Reference Include="$(StreamerBotPath)/Streamer.bot.Plugin.Interface.dll" />
-      <Reference Include="$(StreamerBotPath)/Streamer.bot.Common.dll" />
-      <Reference Include="$(StreamerBotPath)/Twitch.Common.dll" />
-
-      <Reference Include="$(StreamerBotPath)/NAudio*.dll" />
-      <Reference Include="$(StreamerBotPath)/Wpf*.dll" />
-      <Reference Include="$(StreamerBotPath)/Newtonsoft.Json.dll" />
-      <Reference Include="$(StreamerBotPath)/System.*.dll" />
-
-      <Reference Include="System.Web" />
-      <Reference Include="System.Net.Http" />
-
-      <!-- Uncomment the following line to reference all DLLs in the streamerbot directory -->
-      <!-- <Reference Include="$(StreamerBotPath)/**/*.dll" /> -->
-    </ItemGroup>
-  </Project>
-  ```
-  ::
+::code-collapse
+
+```xml [StreamerBot.csproj]
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <TargetFramework>net481</TargetFramework>
+    <LangVersion>13.0</LangVersion>
+    <Nullable>enable</Nullable>
+    <UseWPF>true</UseWPF>
+    <DefineConstants>EXTERNAL_EDITOR</DefineConstants>
+    <NoWarn>CS0114</NoWarn>
+
+    <!-- Set the following directory with your Streamer.bot install location -->
+    <StreamerBotPath>C:/path/to/streamer.bot-directory</StreamerBotPath>
+  </PropertyGroup>
+  <ItemGroup>
+    <!-- Automatically include in every CS file -->
+    <Using Include="Streamer.bot.Plugin.Interface" />
+    <Using Include="Streamer.bot.Plugin.Interface.Model" />
+    <Using Include="Streamer.bot.Plugin.Interface.Enums" />
+    <Using Include="Streamer.bot.Common.Events" />
+
+    <!-- Use forward slashes for cross-platform compatibility -->
+    <Reference Include="$(StreamerBotPath)/Streamer.bot.Plugin.Interface.dll" />
+    <Reference Include="$(StreamerBotPath)/Streamer.bot.Common.dll" />
+    <Reference Include="$(StreamerBotPath)/Twitch.Common.dll" />
+
+    <Reference Include="$(StreamerBotPath)/NAudio*.dll" />
+    <Reference Include="$(StreamerBotPath)/Wpf*.dll" />
+    <Reference Include="$(StreamerBotPath)/Newtonsoft.Json.dll" />
+    <Reference Include="$(StreamerBotPath)/System.*.dll" />
+
+    <Reference Include="System.Web" />
+    <Reference Include="System.Net.Http" />
+
+    <!-- Uncomment the following line to reference all DLLs in the streamerbot directory -->
+    <!-- <Reference Include="$(StreamerBotPath)/**/*.dll" /> -->
+  </ItemGroup>
+</Project>
+```
+
+::
 
 <br>
 
@@ -119,10 +123,11 @@ Do not use quotes around your Streamer.bot directory path, even if it contains s
 
 ::note
 **Notes about `StreamerBot.csproj`**
+
 - This file includes the Streamer.bot using statements in every `.cs` file automatically
 - This file configures the project as a `.NET Framework 4.8.1` project
 - To point to your own Streamer.bot DLLs, replace the contents of `<StreamerBotPath>` with the path to your own Streamer.bot directory (containing `Streamer.bot.exe` and `.dll` files)
-::
+  ::
 
 ### Create a .cs File
 
@@ -137,6 +142,7 @@ Create a new file ending with the `.cs` extension. This is the file we will use
 Paste the `C# Code Example` below into your `.cs` file, replacing `UniqueClassName` with your filename
 
 ::code-collapse
+
 ```cs [UniqueClassName.cs]
 using System;
 
@@ -155,6 +161,7 @@ public class CPHInline
     }
 }
 ```
+
 ::
 
 ::read-more{to=#file-template-snippet}
@@ -178,11 +185,12 @@ See the [File Template Snippet](#file-template-snippet) section below for more i
 - You can now type `CPH.` and it will automatically give you the available `CPH` methods
   - This uses the `Streamer.bot.Plugin.Interface.dll` in your Streamer.bot folder
   - The advantage of this is that you will have an up-to-date list of methods, classes, and enums available
-::
+    ::
 
 ![Dropdown of autocomplete options following CPH. in VS Code](assets/vscode-example-autocomplete.png)
 
 ## Debugging
+
 While writing your code, you can check for compilation errors in the `Problems` view.
 
 ::navigate
@@ -193,50 +201,51 @@ Compilation errors will be shown in red, and will prevent your code from compili
 
 ![Example of missing semicolon error which will not compile](assets/vscode-example-error.png)
 
-
 Warnings will be shown in yellow, but will not prevent your code from compiling:
 
 ![Example of compiler warning for an unused variable which will not block compilation](assets/vscode-example-warning.png)
 
-
 ## Copying Code to Streamer.bot
 
 When you code is ready to run in Streamer.bot, you can copy it into an [Execute C# Code](/api/sub-actions/core/csharp/execute-csharp-code) sub-action.
 
 ::steps{level=3}
-  ### Select your Action
 
-  ::navigate
-  In **Streamer.bot**, navigate to the `Actions` panel
-  ::
+### Select your Action
+
+::navigate
+In **Streamer.bot**, navigate to the `Actions` panel
+::
 
-  - Create or select an existing action
-  - Add or select an `Execute C# Code` sub-action
+- Create or select an existing action
+- Add or select an `Execute C# Code` sub-action
 
-  ### Copy your C# Code
-  - You can copy the entirety of your `.cs` file into Streamer.bot's C# code editor.
+### Copy your C# Code
 
-  ::tip
-  The preprocessor directives will ensure the VSCode specific sections are not active inside Streamer.bot.
-  ::
+- You can copy the entirety of your `.cs` file into Streamer.bot's C# code editor.
 
-  - Make sure the code compiles successfully by clicking `Compile`
-  - Click `Save and Compile`
+::tip
+The preprocessor directives will ensure the VSCode specific sections are not active inside Streamer.bot.
+::
 
-  ::note
-  If you see any errors ending with `(are you missing an assembly reference?)`, click `Find Refs`
-  ::
+- Make sure the code compiles successfully by clicking `Compile`
+- Click `Save and Compile`
 
-  ::success
-  Your code has now been added inside an `Execute C# Code` Sub-Action and is ready to run in your Action!
-  ::
+::note
+If you see any errors ending with `(are you missing an assembly reference?)`, click `Find Refs`
+::
+
+::success
+Your code has now been added inside an `Execute C# Code` Sub-Action and is ready to run in your Action!
+::
 ::
 
 ## Additional Steps
 
 These steps are optional, but can help speed up your workflow.
 
 ### File Template Snippet
+
 To make creating new `.cs` files easier, you can create a workplace snippet that will fill in the Streamer.bot C# sub-action template code for you.
 
 ::navigate
@@ -250,38 +259,41 @@ Select the option to create a new snippets file for the current workspace, and e
 ![VS Code Configure Snippets Command with New Snippets file for workspace option selected](assets/vscode-snippets-new-workplace-file.png)
 
 Replace the contents of your new `.code-snippets` file with the code below:
-  ::code-collapse
-  ```json
-  {
-      "Execute C# Sub-Action Template" : {
-      "scope": "csharp",
-          "isFileTemplate": true,
-          "prefix": "streamer.bot-file-template",
-          "description": "New Execute C# Sub-Action for Streamer.bot",
-          "body": [
-              "using System;",
-              "",
-              "/*----- Class name should match FileName -----*/",
-              "#if EXTERNAL_EDITOR",
-              "public class ${TM_FILENAME_BASE} : CPHInlineBase",
-              "#else",
-              "public class CPHInline",
-              "#endif",
-              "/*--------------------------------------------*/",
-              "{",
-              "    public bool Execute()",
-              "    {",
-              "        ${0:// Add your code here}",
-              "        return true;",
-              "    }",
-              "}"
-          ]
-      }
+::code-collapse
+
+```json
+{
+  "Execute C# Sub-Action Template": {
+    "scope": "csharp",
+    "isFileTemplate": true,
+    "prefix": "streamer.bot-file-template",
+    "description": "New Execute C# Sub-Action for Streamer.bot",
+    "body": [
+      "using System;",
+      "",
+      "/*----- Class name should match FileName -----*/",
+      "#if EXTERNAL_EDITOR",
+      "public class ${TM_FILENAME_BASE} : CPHInlineBase",
+      "#else",
+      "public class CPHInline",
+      "#endif",
+      "/*--------------------------------------------*/",
+      "{",
+      "    public bool Execute()",
+      "    {",
+      "        ${0:// Add your code here}",
+      "        return true;",
+      "    }",
+      "}"
+    ]
   }
-  ```
-  ::
+}
+```
+
+::
 
 ::success
 You can use workplace snippets to quickly scaffold new Streamer.bot C# files!
+
 - After creating new .cs files, you can now fill them with the snippet by either typing `sbfile`, and selecting the `streamer.bot-file-template` from the dropdown, or by running `Snippets: Fill File with Snippet` from the Command Palette
-::
+  ::

streamerbot/3.api/3.csharp/3.methods/.navigation.yml

@@ -5,4 +5,5 @@ navigation:
   title: C# Methods
   icon: mdi:code-braces-box
 ogImage:
-  headline: C# Methods
+  props:
+    headline: C# Methods

streamerbot/3.api/3.csharp/4.classes/.navigation.yml

@@ -5,4 +5,5 @@ navigation:
   title: C# Classes
   icon: mdi:code-braces-box
 ogImage:
-  headline: C# Classes
+  props:
+    headline: C# Classes

streamerbot/3.api/3.csharp/5.enums/.navigation.yml

@@ -5,4 +5,5 @@ navigation:
   title: Enums
   icon: mdi:code-braces-box
 ogImage:
-  headline: C# Enums
+  props:
+    headline: C# Enums

streamerbot/3.api/4.websocket/.navigation.yml

@@ -3,4 +3,5 @@ navigation.icon: mdi:api
 title: WebSocket Server
 description: Reference for the Streamer.bot WebSocket Server API
 ogImage:
-  headline: WebSocket Server
+  props:
+    headline: WebSocket Server