Added fancy start page greeting

Moonlight.Client/Styles/additions/animations.css

@@ -0,0 +1,9 @@
+@keyframes shimmer {
+    0% {
+        background-position: 0 0
+    }
+
+    to {
+        background-position: -200% 0
+    }
+}

Moonlight.Client/Styles/style.css

@@ -1,6 +1,7 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 
+@import "additions/animations.css";
 @import "additions/fonts.css";
 @import "additions/buttons.css";
 @import "additions/cards.css";

Moonlight.Client/Styles/tailwind.config.js

@@ -115,6 +115,9 @@ module.exports = {
                     900: '#111721',
                     950: '#0e121c',
                 }
+            },
+            animation: {
+                'shimmer': 'shimmer 2s linear infinite',
             }
         },
     },

Moonlight.Client/UI/Views/Index.razor

@@ -1,5 +1,12 @@
 @page "/"
 
-<h1>Hello, world!</h1>
+@using Moonlight.Client.Services
 
-Welcome to your new app.
+@inject IdentityService IdentityService
+
+<div class="font-medium leading-[1.1] tracking-tight">
+    <div class="animate-shimmer bg-gradient-to-r from-violet-400 via-sky-400 to-purple-400 bg-clip-text font-semibold text-transparent text-3xl" style="animation-duration: 5s; background-size: 200% 100%">
+        Welcome, @(IdentityService.Username)
+    </div>
+    <div class="text-gray-200 text-2xl">What do you want to do today?</div>
+</div>