Added Highlight

Author: EngstromJimmy

StageCoderWeb/StageCoderWeb/Pages/VisualStudio.razor

@@ -2,6 +2,8 @@
 <PageTitle>StageCoder - Visual Studio</PageTitle>
     <Article>
     <h1>Visual Studio</h1>
+    This extension is a collection of functions that makes your presentation more streamlined and easier to watch.
+    <h2>Snippets</h2>
     This extension makes it possible to type out a snippet, character by character, by pressing any button. <br />
     This is the perfect extension for people showing code on stage, in a classroom, or a workshop.<br />
     <br /><br />
@@ -19,7 +21,7 @@
 
     The snippets are saved in a " Snippets" folder in the solution folder.<br />
 
-    <h2>Commands</h2>
+    <h3>Commands</h3>
     CTRL + TAB + TAB is the default key combination. However, you can remap it in Tools | Options | Keyboard.<br />
     In some cases, you need to remap it to make it work.
     <br /><br />
@@ -32,7 +34,7 @@
     It will enable you to press any button (except TAB) to type one character at a time taken from the snippet.
     <br />
 
-    <h2>Stream Deck</h2>
+    <h3>Stream Deck</h3>
     While presenting, we can also use a Stream Deck by using the "Visual Studio"-plugin by Nicollas R.<br />
     Adding the commands above can trigger the different commands by pressing the Stream Deck button.<br /><br />
     To configure the type command, do the following:<br />
@@ -47,7 +49,14 @@
 
 
     <br /><br /><br />
+    <h2>Highlighting code</h2>
+    The second function makes it possible to highlight code by blurring the rest of the code.
+    This is perfect for focusing on a specific part of the code while presenting.<br /><br />
+    <img class="demo" src="Highlight.gif" /><br /><br />
+    Almost everytime I use this function, someone comes up to me and asks what I am using. 
 
-    </Article>
+
+
+</Article>
 
 

StageCoderWeb/StageCoderWeb/Program.cs

@@ -1,8 +1,8 @@
-using Microsoft.AspNetCore.Builder;
-using Microsoft.AspNetCore.Components.Web;
+using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
-using Microsoft.AspNetCore.StaticFiles;
 using StageCoderWeb;
+using Microsoft.AspNetCore.StaticFiles;
+using Microsoft.AspNetCore.Builder;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 builder.RootComponents.Add<App>("#app");

StageCoderWeb/StageCoderWeb/StageCoderWeb.csproj

@@ -17,6 +17,7 @@
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.8" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.8" PrivateAssets="all" />
     <PackageReference Include="Markdig" Version="0.37.0" />
+    <PackageReference Include="Microsoft.AspNetCore.StaticFiles" Version="2.3.0" />
   </ItemGroup>
 
   <ItemGroup>