Added logout button on home screen and home link

Author: isaacrlevin

Source/Services/RPSLS.Web/Pages/Index.razor

@@ -45,7 +45,12 @@
                 else
                 {
                     <div class="subtitle-container">
-                        <h2 class="subtitle" @onclick="Logout">HELLO, @Username.ToUpperInvariant()</h2>
+                        <h2 class="subtitle">HELLO, @Username.ToUpperInvariant()</h2> <span @onclick="Logout">LOGOUT</span>
+                    </div>
+                    <div class="leaderboard-link">
+                        <div class="leaderboard-link-info">
+                            <a href="/leaderboard">LOGOUT</a>
+                        </div>
                     </div>
                 }
 
@@ -120,7 +125,7 @@
     {
         if (!string.IsNullOrWhiteSpace(Username))
         {
-
+            UserName = string.Empty;
         }
 
         NavigationManager.NavigateTo("/", true);

Source/Services/RPSLS.Web/Shared/ConsoleLayout.razor

@@ -3,33 +3,39 @@
 @inject SvgHelper svgHelper
 @inject IOptions<MultiplayerSettings> MultiplayerSettings
 
-    <div class="game-content">
-        <div class="header-layout">
-            <div class="header-layout-item"></div>
-            <div class="header-layout-item header-layout-item--large">
-                <RPSLS.Web.Components.MainTitle Title="@Title" ShowHelp="@ShowHelp"></RPSLS.Web.Components.MainTitle>
-            </div>            
-            <div class="header-layout-item">
-                @if (ShowLeaderboardLink)
-                {
-                    <RPSLS.Web.Components.LeaderboardLink MultiplayerSettings="MultiplayerSettings.Value" />
-                }
-            </div>
-        </div>
-        <div class="console">
-            <div class="console-content">
-                <div class="console-controls">
-                    @svgHelper.GetImage($"/assets/images/svg/controls_left.svg")
-                </div>
-                <CascadingValue Value="this">
-                    @Body
-                </CascadingValue>
-                <div class="console-controls">
-                    @svgHelper.GetImage($"/assets/images/svg/controls_right.svg")
+<div class="game-content">
+    <div class="header-layout">
+        <div class="header-layout-item">
+                <div class="home-link">
+                    <div class="home-link-info">
+                        <a href="/index">HOME</a>
+                    </div>
                 </div>
+        </div>
+        <div class="header-layout-item header-layout-item--large">
+            <RPSLS.Web.Components.MainTitle Title="@Title" ShowHelp="@ShowHelp"></RPSLS.Web.Components.MainTitle>
+        </div>
+        <div class="header-layout-item">
+            @if (ShowLeaderboardLink)
+            {
+                <RPSLS.Web.Components.LeaderboardLink MultiplayerSettings="MultiplayerSettings.Value" />
+            }
+        </div>
+    </div>
+    <div class="console">
+        <div class="console-content">
+            <div class="console-controls">
+                @svgHelper.GetImage($"/assets/images/svg/controls_left.svg")
+            </div>
+            <CascadingValue Value="this">
+                @Body
+            </CascadingValue>
+            <div class="console-controls">
+                @svgHelper.GetImage($"/assets/images/svg/controls_right.svg")
             </div>
         </div>
     </div>
+</div>
 
 @if (ShowGithub)
 {