feature: Home page graphics

DeepDrftManager/Components/Pages/Home.razor

@@ -9,8 +9,7 @@
     </Authorized>
     <NotAuthorized>
         <MudStack AlignItems="AlignItems.Center" Spacing="4" Class="my-8">
-            <MudImage Fluid="true" Src="img/cms-hero.png" Alt="Deep Drft" />
+            <MudImage Fluid="true" Src="img/cms-hero.webp" Alt="Deep Drft" />
-            <MudText Typo="Typo.h2" Align="Align.Center">Deep Drft</MudText>
             <MudText Typo="Typo.subtitle1" Align="Align.Center" Class="text-uppercase mud-text-secondary">
                 Catalogue Management
             </MudText>

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)

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;