feature: Home page graphics

DeepDrftPublic.Client/Layout/DeepDrftMenu.razor

@@ -5,7 +5,21 @@
 @* Desktop Menu *@
 <div class="d-none d-sm-flex">
     <nav class="@NavClass">
-        <a class="dd-nav-brand" href="/">Deep DRFT</a>
+        <MudStack Row AlignItems="AlignItems.Center">
+            <a class="dd-nav-brand" href="/">
+                <MudImage Src="img/deepdrft-logo-l.webp" 
+                          Alt="Deep Drft Ornamental Logo Left"
+                          Width="24"
+                          Height="24 "/>
+                
+                <span class="mx-2">Deep DRFT</span>
+                
+                <MudImage Src="img/deepdrft-logo-r.webp" 
+                          Alt="Deep Drft Ornamental Logo Right"
+                          Width="24"
+                          Height="24 "/>
+            </a>
+        </MudStack>
 
         <ul class="dd-nav-links">
             @foreach (var navPage in Pages.MenuPages)
@@ -27,7 +41,7 @@
         </ul>
 
         <div class="dd-nav-actions">
-            <StreamNowButton ButtonClass="dd-nav-cta" ButtonLabel="Stream Now &#9654;" />
+            <StreamNowButton ButtonClass="dd-nav-cta" ButtonLabel="Stream Now &#9654;"/>
         </div>
     </nav>
 </div>

DeepDrftPublic.Client/Layout/DeepDrftMenu.razor.css

@@ -35,6 +35,8 @@
 
 /* Brand */
 .dd-nav-brand {
+    display: flex;
+    align-items: center;
     font-family: var(--deepdrft-font-mono);
     font-size: 0.75rem;
     letter-spacing: 0.22em;