From 2552b92e5de1da572a650f7eeda828a11d19f9dd Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Tue, 16 Jan 2024 15:38:28 +0100
Subject: [PATCH] Improved user dashboard

---
 Moonlight/Shared/Views/Index.razor       | 52 ++++++++++++++++--------
 Moonlight/wwwroot/svg/manageServices.svg |  1 +
 Moonlight/wwwroot/svg/news.svg           |  1 +
 Moonlight/wwwroot/svg/userSettings.svg   |  1 +
 4 files changed, 37 insertions(+), 18 deletions(-)
 create mode 100644 Moonlight/wwwroot/svg/manageServices.svg
 create mode 100644 Moonlight/wwwroot/svg/news.svg
 create mode 100644 Moonlight/wwwroot/svg/userSettings.svg

diff --git a/Moonlight/Shared/Views/Index.razor b/Moonlight/Shared/Views/Index.razor
index 11f04b9..4444fe7 100644
--- a/Moonlight/Shared/Views/Index.razor
+++ b/Moonlight/Shared/Views/Index.razor
@@ -11,28 +11,44 @@
 </div>
 
 <div class="mt-5 row">
-    <div class="col-md-3 col-12">
-        <div href="#" class="card card-body text-center fs-6">
-            <div class="mb-5">
-                Do you want to order new services? Are you searching for our service specifications and prices?
+    <div class="col-md-3 col-12 mb-3">
+        <a href="/store" class="card border-hover-primary border-2 h-100">
+            <img class="card-img-top p-5" src="/svg/shopping.svg" alt="Shopping" style="max-height: 20vh"/>
+            <div class="card-body text-center fs-5">
+                <div class="mb-5">
+                    Do you want to order new services? Are you searching for our service specifications and prices?
+                </div>
             </div>
-            <a href="/store" class="btn btn-primary">Go to store</a>
-        </div>
+        </a>
     </div>
-    <div class="col-md-3 col-12">
-        <div href="#" class="card card-body text-center fs-6">
-            <div class="mb-5">
-                Do you want to order new services? Are you searching for our service specifications and prices?
+    <div class="col-md-3 col-12 mb-3">
+        <a href="/services" class="card border-hover-primary border-2 h-100">
+            <img class="card-img-top p-5" src="/svg/manageServices.svg" alt="Manage services" style="max-height: 20vh"/>
+            <div class="card-body text-center fs-5">
+                <div class="mb-5">
+                    You want to see your services? Do you want to renew them? Or just take a quick look?
+                </div>
             </div>
-            <a href="/store" class="btn btn-primary">Go to store</a>
-        </div>
+        </a>
     </div>
-    <div class="col-md-3 col-12">
-        <div href="#" class="card card-body text-center fs-6">
-            <div class="mb-5">
-                Do you want to order new services? Are you searching for our service specifications and prices?
+    <div class="col-md-3 col-12 mb-3">
+        <a href="/community" class="card border-hover-primary border-2 h-100">
+            <img class="card-img-top p-5" src="/svg/news.svg" alt="News" style="max-height: 20vh"/>
+            <div class="card-body text-center fs-5">
+                <div class="mb-5">
+                    You want to see the latest news? Do you want to join our events? Having a project to share with the community?
+                </div>
             </div>
-            <a href="/store" class="btn btn-primary">Go to store</a>
-        </div>
+        </a>
+    </div>
+    <div class="col-md-3 col-12 mb-3">
+        <a href="/account" class="card border-hover-primary border-2 h-100">
+            <img class="card-img-top p-5" src="/svg/userSettings.svg" alt="User settings" style="max-height: 20vh"/>
+            <div class="card-body text-center fs-5">
+                <div class="mb-5">
+                    Searching for you settings? Want to add balance to your account? Do you want to change your profile picture?
+                </div>
+            </div>
+        </a>
     </div>
 </div>
\ No newline at end of file
diff --git a/Moonlight/wwwroot/svg/manageServices.svg b/Moonlight/wwwroot/svg/manageServices.svg
new file mode 100644
index 0000000..4ad8993
--- /dev/null
+++ b/Moonlight/wwwroot/svg/manageServices.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="876" height="554" viewBox="0 0 876 554" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M516,429H179a17.01909,17.01909,0,0,1-17-17V223a17.01909,17.01909,0,0,1,17-17H516a17.01917,17.01917,0,0,1,17,17V412A17.01917,17.01917,0,0,1,516,429ZM179,208a15.017,15.017,0,0,0-15,15V412a15.017,15.017,0,0,0,15,15H516a15.017,15.017,0,0,0,15-15V223a15.017,15.017,0,0,0-15-15Z" transform="translate(-162 -173)" fill="#e6e6e6"/><path d="M430.60039,281.313h-65a4.5,4.5,0,1,0,0,9h65a4.5,4.5,0,0,0,0-9Z" transform="translate(-162 -173)" fill="#e6e6e6"/><path d="M493.96026,309.813H364.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H493.96026c2.01025,0,3.64013-2.02,3.64013-4.5S495.97051,309.813,493.96026,309.813Z" transform="translate(-162 -173)" fill="#e6e6e6"/><path d="M493.96026,339H364.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H493.96026c2.01025,0,3.64013-2.02,3.64013-4.5S495.97051,339,493.96026,339Z" transform="translate(-162 -173)" fill="#e6e6e6"/><path d="M316,387.5H204A10.512,10.512,0,0,1,193.5,377V252A10.512,10.512,0,0,1,204,241.5H316A10.512,10.512,0,0,1,326.5,252V377A10.512,10.512,0,0,1,316,387.5Z" transform="translate(-162 -173)" fill="#e6e6e6"/><circle cx="362" cy="36" r="36" fill="#e6e6e6"/><path d="M994,429H657a17.01909,17.01909,0,0,1-17-17V223a17.01909,17.01909,0,0,1,17-17H994a17.01917,17.01917,0,0,1,17,17V412A17.01917,17.01917,0,0,1,994,429ZM657,208a15.017,15.017,0,0,0-15,15V412a15.017,15.017,0,0,0,15,15H994a15.017,15.017,0,0,0,15-15V223a15.017,15.017,0,0,0-15-15Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M908.60039,281.313h-65a4.5,4.5,0,0,0,0,9h65a4.5,4.5,0,0,0,0-9Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M971.96026,309.813H842.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H971.96026c2.01025,0,3.64013-2.02,3.64013-4.5S973.97051,309.813,971.96026,309.813Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M971.96026,339H842.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H971.96026c2.01025,0,3.64013-2.02,3.64013-4.5S973.97051,339,971.96026,339Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M794,387.5H682A10.512,10.512,0,0,1,671.5,377V252A10.512,10.512,0,0,1,682,241.5H794A10.512,10.512,0,0,1,804.5,252V377A10.512,10.512,0,0,1,794,387.5Z" transform="translate(-162 -173)" fill="#6c63ff"/><circle cx="840" cy="36" r="36" fill="#6c63ff"/><path d="M999.97633,223.57325a4.525,4.525,0,0,1-2.72269-.9044l-.04869-.03656-10.25352-7.85045a4.55541,4.55541,0,1,1,5.5412-7.232l6.64144,5.09257,15.6948-20.4683a4.55524,4.55524,0,0,1,6.38686-.84309l-.09759.13249.10012-.13056a4.56053,4.56053,0,0,1,.8431,6.3869l-18.46083,24.07562A4.55725,4.55725,0,0,1,999.97633,223.57325Z" transform="translate(-162 -173)" fill="#fff"/><path d="M516,727H179a17.01909,17.01909,0,0,1-17-17V521a17.01909,17.01909,0,0,1,17-17H516a17.01917,17.01917,0,0,1,17,17V710A17.01917,17.01917,0,0,1,516,727ZM179,506a15.017,15.017,0,0,0-15,15V710a15.017,15.017,0,0,0,15,15H516a15.017,15.017,0,0,0,15-15V521a15.017,15.017,0,0,0-15-15Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M430.60039,579.313h-65a4.5,4.5,0,1,0,0,9h65a4.5,4.5,0,0,0,0-9Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M493.96026,607.813H364.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H493.96026c2.01025,0,3.64013-2.02,3.64013-4.5S495.97051,607.813,493.96026,607.813Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M493.96026,637H364.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H493.96026c2.01025,0,3.64013-2.02,3.64013-4.5S495.97051,637,493.96026,637Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M316,685.5H204A10.512,10.512,0,0,1,193.5,675V550A10.512,10.512,0,0,1,204,539.5H316A10.512,10.512,0,0,1,326.5,550V675A10.512,10.512,0,0,1,316,685.5Z" transform="translate(-162 -173)" fill="#6c63ff"/><circle cx="362" cy="334" r="36" fill="#6c63ff"/><path d="M521.97633,521.57325a4.525,4.525,0,0,1-2.72269-.9044l-.04869-.03656-10.25352-7.85045a4.55541,4.55541,0,1,1,5.5412-7.232l6.64144,5.09257,15.6948-20.4683a4.55524,4.55524,0,0,1,6.38686-.84309l-.09759.13249.10012-.13056a4.56053,4.56053,0,0,1,.8431,6.3869l-18.46083,24.07562A4.55725,4.55725,0,0,1,521.97633,521.57325Z" transform="translate(-162 -173)" fill="#fff"/><path d="M994,727H657a17.01909,17.01909,0,0,1-17-17V521a17.01909,17.01909,0,0,1,17-17H994a17.01917,17.01917,0,0,1,17,17V710A17.01917,17.01917,0,0,1,994,727ZM657,506a15.017,15.017,0,0,0-15,15V710a15.017,15.017,0,0,0,15,15H994a15.017,15.017,0,0,0,15-15V521a15.017,15.017,0,0,0-15-15Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M908.60039,579.313h-65a4.5,4.5,0,0,0,0,9h65a4.5,4.5,0,0,0,0-9Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M971.96026,607.813H842.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H971.96026c2.01025,0,3.64013-2.02,3.64013-4.5S973.97051,607.813,971.96026,607.813Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M971.96026,637H842.74053c-2.01025,0-3.64014,2.02-3.64014,4.5s1.62989,4.5,3.64014,4.5H971.96026c2.01025,0,3.64013-2.02,3.64013-4.5S973.97051,637,971.96026,637Z" transform="translate(-162 -173)" fill="#3f3d56"/><path d="M794,685.5H682A10.512,10.512,0,0,1,671.5,675V550A10.512,10.512,0,0,1,682,539.5H794A10.512,10.512,0,0,1,804.5,550V675A10.512,10.512,0,0,1,794,685.5Z" transform="translate(-162 -173)" fill="#6c63ff"/><circle cx="840" cy="334" r="36" fill="#6c63ff"/><path d="M999.97633,521.57325a4.525,4.525,0,0,1-2.72269-.9044l-.04869-.03656-10.25352-7.85045a4.55541,4.55541,0,1,1,5.5412-7.232l6.64144,5.09257,15.6948-20.4683a4.55524,4.55524,0,0,1,6.38686-.84309l-.09759.13249.10012-.13056a4.56053,4.56053,0,0,1,.8431,6.3869l-18.46083,24.07562A4.55725,4.55725,0,0,1,999.97633,521.57325Z" transform="translate(-162 -173)" fill="#fff"/><path d="M741.703,362.663c-2.52223-.0704-5.66128-.15867-8.07809-1.92421a6.20435,6.20435,0,0,1-2.44122-4.6325,4.17317,4.17317,0,0,1,1.41914-3.42716,5.38456,5.38456,0,0,1,5.09437-.73341l-2.05906-15.0477,1.51151-.20709,2.42073,17.69042-1.26214-.5792c-1.46346-.67121-3.47223-1.0124-4.72058.04209a2.68021,2.68021,0,0,0-.87923,2.208,4.689,4.689,0,0,0,1.81638,3.45435c1.88082,1.37444,4.38294,1.55174,7.221,1.63145Z" transform="translate(-162 -173)" fill="#fff"/><rect x="557.94609" y="165.19571" width="8.21703" height="1.52567" fill="#fff"/><rect x="583.88241" y="165.19571" width="8.21703" height="1.52567" fill="#fff"/><path d="M705.67028,317.1281c-6.617-.75455-11.74169-7.09452-12.30456-13.52729-.66963-7.65283,3.78715-14.92126,9.90151-19.21569,6.39421-4.491,14.36079-6.36642,22.0688-6.77927a60.65248,60.65248,0,0,1,41.45854,13.66509c5.77574,4.797,11.1699,10.90764,13.21432,18.28848,1.7755,6.41.33069,13.67159-4.82471,18.16093a12.18718,12.18718,0,0,1-9.3523,2.87948c-4.00021-.41536-7.69106-2.5187-10.88593-4.84162-6.21468-4.51858-11.31663-10.81338-18.88811-13.17464-5.55168-1.73135-12.75608-.20737-16.14872,4.81309a9.13816,9.13816,0,0,0-1.459,3.8284,1.185,1.185,0,0,0,.79919,1.40756,1.15136,1.15136,0,0,0,1.40757-.79918c.89066-6.32342,8.66589-8.683,14.122-7.2389,7.95524,2.10552,13.29551,9.20442,19.82247,13.71462a24.08826,24.08826,0,0,0,11.54351,4.60751,14.33428,14.33428,0,0,0,10.0719-3.09412c5.576-4.403,7.7084-11.976,6.47541-18.79425-1.42782-7.89562-6.7421-14.66264-12.573-19.90172a62.89317,62.89317,0,0,0-42.981-15.87789c-8.06588.18527-16.48184,1.85037-23.43056,6.11351-6.74021,4.13523-11.94982,11.05346-12.63072,19.09519-.59932,7.07828,3.19831,14.48179,9.71729,17.58279a15.2175,15.2175,0,0,0,4.87614,1.37642c1.46078.16658,1.44888-2.12328,0-2.2885Z" transform="translate(-162 -173)" fill="#fff"/><path d="M741.703,656.663c-2.52223-.0704-5.66128-.15867-8.07809-1.92421a6.20435,6.20435,0,0,1-2.44122-4.6325,4.17317,4.17317,0,0,1,1.41914-3.42716,5.38456,5.38456,0,0,1,5.09437-.73341l-2.05906-15.0477,1.51151-.20709,2.42073,17.69042-1.26214-.5792c-1.46346-.67121-3.47223-1.0124-4.72058.04209a2.68021,2.68021,0,0,0-.87923,2.208,4.689,4.689,0,0,0,1.81638,3.45435c1.88082,1.37444,4.38294,1.55174,7.221,1.63145Z" transform="translate(-162 -173)" fill="#fff"/><rect x="557.94609" y="459.19571" width="8.21703" height="1.52567" fill="#fff"/><rect x="583.88241" y="459.19571" width="8.21703" height="1.52567" fill="#fff"/><path d="M705.67028,611.1281c-6.617-.75455-11.74169-7.09452-12.30456-13.52729-.66963-7.65283,3.78715-14.92126,9.90151-19.21569,6.39421-4.491,14.36079-6.36642,22.0688-6.77927a60.65248,60.65248,0,0,1,41.45854,13.66509c5.77574,4.797,11.1699,10.90764,13.21432,18.28848,1.7755,6.40995.33069,13.67159-4.82471,18.16093a12.18718,12.18718,0,0,1-9.3523,2.87948c-4.00021-.41536-7.69106-2.5187-10.88593-4.84162-6.21468-4.51858-11.31663-10.81338-18.88811-13.17464-5.55168-1.73135-12.75608-.20737-16.14872,4.81309a9.13816,9.13816,0,0,0-1.459,3.8284,1.185,1.185,0,0,0,.79919,1.40756,1.15136,1.15136,0,0,0,1.40757-.79918c.89066-6.32342,8.66589-8.683,14.122-7.2389,7.95524,2.10552,13.29551,9.20442,19.82247,13.71462a24.08826,24.08826,0,0,0,11.54351,4.60751,14.33428,14.33428,0,0,0,10.0719-3.09412c5.576-4.403,7.7084-11.976,6.47541-18.79425-1.42782-7.89562-6.7421-14.66264-12.573-19.90172a62.89317,62.89317,0,0,0-42.981-15.87789c-8.06588.18527-16.48184,1.85037-23.43056,6.11351-6.74021,4.13523-11.94982,11.05346-12.63072,19.09519-.59932,7.07828,3.19831,14.48179,9.71729,17.58279a15.2175,15.2175,0,0,0,4.87614,1.37642c1.46078.16658,1.44888-2.12328,0-2.2885Z" transform="translate(-162 -173)" fill="#fff"/><path d="M258.703,656.663c-2.52223-.0704-5.66128-.15867-8.07809-1.92421a6.20435,6.20435,0,0,1-2.44122-4.6325,4.17317,4.17317,0,0,1,1.41914-3.42716,5.38456,5.38456,0,0,1,5.09437-.73341l-2.05906-15.0477,1.51151-.20709,2.42073,17.69042-1.26214-.5792c-1.46346-.67121-3.47223-1.0124-4.72058.04209a2.68021,2.68021,0,0,0-.87923,2.208,4.689,4.689,0,0,0,1.81638,3.45435c1.88082,1.37444,4.38294,1.55174,7.221,1.63145Z" transform="translate(-162 -173)" fill="#fff"/><rect x="74.94609" y="459.19571" width="8.21703" height="1.52567" fill="#fff"/><rect x="100.88241" y="459.19571" width="8.21703" height="1.52567" fill="#fff"/><path d="M222.67028,611.1281c-6.617-.75455-11.74169-7.09452-12.30456-13.52729-.66963-7.65283,3.78715-14.92126,9.90151-19.21569,6.39421-4.491,14.36079-6.36642,22.0688-6.77927a60.65248,60.65248,0,0,1,41.45854,13.66509c5.77574,4.797,11.1699,10.90764,13.21432,18.28848,1.7755,6.40995.33069,13.67159-4.82471,18.16093a12.18718,12.18718,0,0,1-9.3523,2.87948c-4.00021-.41536-7.69106-2.5187-10.88593-4.84162-6.21468-4.51858-11.31663-10.81338-18.88811-13.17464-5.55168-1.73135-12.75608-.20737-16.14872,4.81309a9.13816,9.13816,0,0,0-1.459,3.8284,1.185,1.185,0,0,0,.79919,1.40756,1.15136,1.15136,0,0,0,1.40757-.79918c.89066-6.32342,8.66589-8.683,14.122-7.2389,7.95524,2.10552,13.29551,9.20442,19.82247,13.71462a24.08826,24.08826,0,0,0,11.54351,4.60751,14.33428,14.33428,0,0,0,10.0719-3.09412c5.576-4.403,7.7084-11.976,6.47541-18.79425-1.42782-7.89562-6.7421-14.66264-12.573-19.90172a62.89317,62.89317,0,0,0-42.981-15.87789c-8.06588.18527-16.48184,1.85037-23.43056,6.11351-6.74021,4.13523-11.94982,11.05346-12.63072,19.09519-.59932,7.07828,3.19831,14.48179,9.71729,17.58279a15.2175,15.2175,0,0,0,4.87614,1.37642c1.46078.16658,1.44888-2.12328,0-2.2885Z" transform="translate(-162 -173)" fill="#fff"/><path d="M258.703,364.663c-2.52223-.0704-5.66128-.15867-8.07809-1.92421a6.20435,6.20435,0,0,1-2.44122-4.6325,4.17317,4.17317,0,0,1,1.41914-3.42716,5.38456,5.38456,0,0,1,5.09437-.73341l-2.05906-15.0477,1.51151-.20709,2.42073,17.69042-1.26214-.5792c-1.46346-.67121-3.47223-1.0124-4.72058.04209a2.68021,2.68021,0,0,0-.87923,2.208,4.689,4.689,0,0,0,1.81638,3.45435c1.88082,1.37444,4.38294,1.55174,7.221,1.63145Z" transform="translate(-162 -173)" fill="#3f3d56"/><rect x="74.94609" y="167.19571" width="8.21703" height="1.52567" fill="#3f3d56"/><rect x="100.88241" y="167.19571" width="8.21703" height="1.52567" fill="#3f3d56"/><path d="M222.67028,319.1281c-6.617-.75455-11.74169-7.09452-12.30456-13.52729-.66963-7.65283,3.78715-14.92126,9.90151-19.21569,6.39421-4.491,14.36079-6.36642,22.0688-6.77927a60.65248,60.65248,0,0,1,41.45854,13.66509c5.77574,4.797,11.1699,10.90764,13.21432,18.28848,1.7755,6.41.33069,13.67159-4.82471,18.16093a12.18718,12.18718,0,0,1-9.3523,2.87948c-4.00021-.41536-7.69106-2.5187-10.88593-4.84162-6.21468-4.51858-11.31663-10.81338-18.88811-13.17464-5.55168-1.73135-12.75608-.20737-16.14872,4.81309a9.13816,9.13816,0,0,0-1.459,3.8284,1.185,1.185,0,0,0,.79919,1.40756,1.15136,1.15136,0,0,0,1.40757-.79918c.89066-6.32342,8.66589-8.683,14.122-7.2389,7.95524,2.10552,13.29551,9.20442,19.82247,13.71462a24.08826,24.08826,0,0,0,11.54351,4.60751,14.33428,14.33428,0,0,0,10.0719-3.09412c5.576-4.403,7.7084-11.976,6.47541-18.79425-1.42782-7.89562-6.7421-14.66264-12.573-19.90172a62.89317,62.89317,0,0,0-42.981-15.87789c-8.06588.18527-16.48184,1.85037-23.43056,6.11351-6.74021,4.13523-11.94982,11.05346-12.63072,19.09519-.59932,7.07828,3.19831,14.48179,9.71729,17.58279a15.2175,15.2175,0,0,0,4.87614,1.37642c1.46078.16658,1.44888-2.12328,0-2.2885Z" transform="translate(-162 -173)" fill="#3f3d56"/></svg>
\ No newline at end of file
diff --git a/Moonlight/wwwroot/svg/news.svg b/Moonlight/wwwroot/svg/news.svg
new file mode 100644
index 0000000..cf7c2eb
--- /dev/null
+++ b/Moonlight/wwwroot/svg/news.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="760.55351" height="493.87026" viewBox="0 0 760.55351 493.87026" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M980.27676,434.93513a77.99644,77.99644,0,0,1-72,77.77c-.66016.05-1.33008.1-2,.13v-74.03a4.95928,4.95928,0,0,0-1.83985-3.86,1.2473,1.2473,0,0,0-.22021-.18,1.86108,1.86108,0,0,0-.23-.16,5.00053,5.00053,0,0,0-4.77-.35l-.83008-1.82a7.00682,7.00682,0,0,1,2.89014-.63l-56.96-49.07c.43994-.5.8999-.99,1.35986-1.48a78.00688,78.00688,0,0,1,134.6001,53.68Z" transform="translate(-219.72324 -203.06487)" fill="#f2f2f2"/><path d="M239.50094,488.121a10.08716,10.08716,0,0,1,9.73047-12.02335l44.96213-53.52339,11.225,14.35185-45.82271,49.8125a10.14185,10.14185,0,0,1-20.09484,1.38239Z" transform="translate(-219.72324 -203.06487)" fill="#ffb8b8"/><path d="M453.01,422.24334a10.52678,10.52678,0,0,0-.83241,1.43331l-49.09421,7.01769-7.45492-9.4646-15.75426,9.38387,14.809,23.08909,59.87528-17.65021A10.49579,10.49579,0,1,0,453.01,422.24334Z" transform="translate(-219.72324 -203.06487)" fill="#ffb8b8"/><polygon points="149.426 398.009 158.114 406.659 195.614 377.267 182.792 364.5 149.426 398.009" fill="#ffb8b8"/><path d="M358.89408,608.16256h38.53071a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H373.781a14.8869,14.8869,0,0,1-14.8869-14.8869v0A0,0,0,0,1,358.89408,608.16256Z" transform="translate(-7.95298 1115.59869) rotate(-135.12316)" fill="#2f2e41"/><polygon points="103.246 480.98 115.506 480.98 121.338 433.692 103.244 433.692 103.246 480.98" fill="#ffb8b8"/><path d="M320.34206,680.54149h38.53072a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H335.22894a14.88688,14.88688,0,0,1-14.88688-14.88688v0A0,0,0,0,1,320.34206,680.54149Z" transform="translate(459.52299 1172.88947) rotate(179.99738)" fill="#2f2e41"/><path d="M320.30408,647.52195l-13.96447-102.9868a128.9498,128.9498,0,0,1,2.00122-46.71645c2.86561-12.31181,6.73692-20.84015,11.50674-25.34671a4.71831,4.71831,0,0,1,2.74314-1.25267l46.10641-4.80292a4.70612,4.70612,0,0,1,4.51012,2.25379l1.51568,2.52571a4.698,4.698,0,0,1,.44225.97362l9.74817,30.2199a3.61643,3.61643,0,0,0,1.80848,2.12649c15.348,7.8358,65.20326,34.28751,62.35013,45.7-2.68077,10.72306-27.77924,28.10971-35.40779,33.18252a4.66064,4.66064,0,0,1-5.24009-.03972L395.7609,574.695a4.69345,4.69345,0,0,1-.13367-7.65147l8.73254-6.43445a3.65083,3.65083,0,0,0-.95682-6.38353l-46.89849-16.4558a3.64989,3.64989,0,0,0-4.84646,3.14695l-8.64724,105.68767a4.70514,4.70514,0,0,1-4.4429,4.30389l-13.37939.66911c-.08147.00407-.16218.00611-.24289.00611A4.66262,4.66262,0,0,1,320.30408,647.52195Z" transform="translate(-219.72324 -203.06487)" fill="#2f2e41"/><circle cx="121.72635" cy="153.52379" r="24.56103" fill="#ffb8b8"/><path d="M318.477,468.26486l-18.07918-65.9648.3096-.20877c.38828-.26174,39.3565-25.99342,84.98043-5.25715l.82722.47459L375.8022,465.77581a6.78561,6.78561,0,0,1-6.44437,5.77654L325.275,473.248c-.08886.003-.17746.00509-.26555.00509A6.7513,6.7513,0,0,1,318.477,468.26486Z" transform="translate(-219.72324 -203.06487)" fill="#ccc"/><path d="M299.70988,445.24424l-15.05725-17.31536a4.68627,4.68627,0,0,1-.10643-6.03217l15.74062-19.4449,12.08343,3.29564,6.40618,22.42178-11.68064,16.687a4.66526,4.66526,0,0,1-3.59888,1.99511c-.08427.00407-.168.00611-.2518.00611A4.66009,4.66009,0,0,1,299.70988,445.24424Z" transform="translate(-219.72324 -203.06487)" fill="#ccc"/><path d="M382.97476,441.637a4.6652,4.6652,0,0,1-3.59888-1.99511l-11.68064-16.687,5.61837-23.60242,11.12547-3.03437,2.076.99066,15.41039,19.37362a4.68626,4.68626,0,0,1-.10643,6.03216l-15.05725,17.31537a4.66011,4.66011,0,0,1-3.53523,1.61319C383.14305,441.64307,383.05878,441.641,382.97476,441.637Z" transform="translate(-219.72324 -203.06487)" fill="#ccc"/><path d="M906.27676,433.9051a.9803.9803,0,0,1-.24024.68006.99982.99982,0,0,1-1.40967.11l-3.35009-2.89-56.96-49.07L684.557,245.08516a5.01961,5.01961,0,0,0-6.54.01l-215.14014,186.91-1.93994,1.68a.96621.96621,0,0,1-.25.16,1,1,0,0,1-.51025.08,1.02484,1.02484,0,0,1-.6499-.33.99744.99744,0,0,1,.08984-1.41l.27-.24,216.82031-188.36a7.0466,7.0466,0,0,1,9.15967-.02l159.81006,137.69,60.25,51.92A1.01574,1.01574,0,0,1,906.27676,433.9051Z" transform="translate(-219.72324 -203.06487)" fill="#3f3d56"/><path d="M784.807,463.43513l-2.63037-7.24-9.06006-25-19.52-53.83-21.81982-60.17-39.3501-108.53a8.51614,8.51614,0,0,0-10.89014-5.09l-227.50976,82.49a8.51217,8.51217,0,0,0-5.08985,10.89l55.79,153.86.94971,2.63,58.56006,26.54,16.46,7.46,2.66992,1.21,69.69043,31.59,2.69971-.98,45.71-16.57,68.95019-25,9.29-3.37A8.51789,8.51789,0,0,0,784.807,463.43513Z" transform="translate(-219.72324 -203.06487)" fill="#e6e6e6"/><path d="M689.40664,335.27516a12.52171,12.52171,0,0,0-16.02-7.49005l-90.02,32.65-43.46973,15.76a12.49841,12.49841,0,1,0,8.52,23.5l34.94971-12.67,98.55029-35.73A12.52158,12.52158,0,0,0,689.40664,335.27516Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M705.25674,378.99513a12.52187,12.52187,0,0,0-16.02-7.49l-15.25,5.53-90.62012,32.86-27.61963,10.01a12.50311,12.50311,0,0,0,8.52,23.51l19.09961-6.93,114.40039-41.48c.25977-.09.50977-.2.75977-.31A12.49821,12.49821,0,0,0,705.25674,378.99513Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M721.27676,423.17512a12.5107,12.5107,0,0,0-16.00977-7.49l-42.77,15.51-33.11035,12.01-46.02,16.68-11.59961,4.21a12.52729,12.52729,0,0,0-8.13037,13.42,12.3647,12.3647,0,0,0,.6001,2.47l16.46,7.46,2.66992-.97h.02l83.51025-30.28,46.88965-17a12.51132,12.51132,0,0,0,7.49024-16.02Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M627.54678,292.29512a12.52192,12.52192,0,0,0-16.02-7.49l-51.7002,18.74a12.50311,12.50311,0,0,0,8.52,23.51l16.36035-5.93,10.82959-3.93,24.52051-8.89A12.51107,12.51107,0,0,0,627.54678,292.29512Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M833.8666,317.19514h-242a8.502,8.502,0,0,0-7.15967,3.93,8.4141,8.4141,0,0,0-1.34033,4.57v162.96l69.69043,31.59,9.81982,4.45,15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22,45.24023-20.51,48.90967-22.16v-134.33A8.50539,8.50539,0,0,0,833.8666,317.19514Z" transform="translate(-219.72324 -203.06487)" fill="#6c63ff"/><path d="M783.8666,431.19514h-142a12.4967,12.4967,0,0,0-12.48,12.01,4.01078,4.01078,0,0,0-.02.49,12.51761,12.51761,0,0,0,12.5,12.5h142a12.5,12.5,0,0,0,0-25Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M791.95693,480.67512a12.41094,12.41094,0,0,0-8.09033-2.98h-142a12.5,12.5,0,0,0,0,25H748.2167l45.24023-20.51A12.58317,12.58317,0,0,0,791.95693,480.67512Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M662.87685,524.69514l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M752.10683,377.9051a12.506,12.506,0,0,0-11.74023-8.21h-55a12.50937,12.50937,0,0,0-11.37988,7.34,12.35787,12.35787,0,0,0-1.12012,5.16,12.51761,12.51761,0,0,0,12.5,12.5h55a12.49876,12.49876,0,0,0,11.74023-16.79Z" transform="translate(-219.72324 -203.06487)" fill="#fff"/><path d="M743.3666,502.69514l-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21h-4.8501l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22Zm0,0-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21h-4.8501l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22Zm0,0-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21h-4.8501l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22Zm162.91016-68.79a7.63845,7.63845,0,0,0-1.21-.98,6.96066,6.96066,0,0,0-6.68018-.49l-106.42969,48.24-48.59033,22.02-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21-11.97021-5.43-72.37012-32.79-.02-.00995-19.73-8.95-58.90967-26.7-40.56006-18.38a6.10738,6.10738,0,0,0-1.29-.43,6.70854,6.70854,0,0,0-2.99023-.06,7.017,7.017,0,0,0-5.60986,6.86v251.13a7.00778,7.00778,0,0,0,7,7h440a7.00778,7.00778,0,0,0,7-7v-251.13A6.97174,6.97174,0,0,0,906.27676,433.9051Zm0,256.03a5.002,5.002,0,0,1-5,5h-440a5.002,5.002,0,0,1-5-5v-251.13a5.00087,5.00087,0,0,1,2.29-4.2,5.1681,5.1681,0,0,1,1.60986-.68,4.51064,4.51064,0,0,1,.51025-.08,3.89766,3.89766,0,0,1,.58985-.04,4.96993,4.96993,0,0,1,2.06.45l42.33985,19.19,58.56006,26.54,16.46,7.46,2.66992,1.21,69.69043,31.59,9.81982,4.45,15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22,45.24023-20.51,105.75977-47.93a5.00053,5.00053,0,0,1,4.77.35,1.86108,1.86108,0,0,1,.23.16,1.2473,1.2473,0,0,1,.22021.18,4.95928,4.95928,0,0,1,1.83985,3.86Zm-162.91016-187.24-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21h-4.8501l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22Zm0,0-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21h-4.8501l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22Zm-162.66992-15.25,2.66992,1.21v-2.18Zm162.66992,15.25-48.54,22-11.48975,5.21a5.0163,5.0163,0,0,1-4.12011,0l-11.48975-5.21h-4.8501l15.50977,7.03a7.02024,7.02024,0,0,0,5.78027,0l15.50977-7.03,48.54-22Z" transform="translate(-219.72324 -203.06487)" fill="#3f3d56"/><path d="M395.2492,696.93513h-113a1,1,0,0,1,0-2h113a1,1,0,1,1,0,2Z" transform="translate(-219.72324 -203.06487)" fill="#3f3d56"/><path d="M332.11093,374.55038a10.70173,10.70173,0,0,1,.98975-19.52749c7.4115-2.86009,15.72028,2.97689,23.48923,1.31739,7.74334-1.654,12.22267-10.91139,10.3744-18.61068s-8.57535-13.49851-15.99322-16.26805a34.47953,34.47953,0,0,0-29.74118,2.72614,31.75119,31.75119,0,0,0-14.9446,25.63373,29.43748,29.43748,0,0,0,14.24362,25.79074c1.97455,1.13818,4.27292,2.052,6.49366,1.53951A18.10043,18.10043,0,0,0,332.11093,374.55038Z" transform="translate(-219.72324 -203.06487)" fill="#2f2e41"/><path d="M324.15161,323.58907c-6.53544-8.66841-15.3577-15.78964-25.62357-19.32028s-21.99719-3.24718-31.6387,1.74227-16.8318,14.89868-17.58232,25.72874c-1.24911,18.02472,14.15247,33.34642,15.7331,51.3451a34.52622,34.52622,0,0,1-45.31688,35.77324,36.35,36.35,0,0,0,28.01709,7.95123,33.78616,33.78616,0,0,0,24.04722-16.18126c3.46629-6.02251,4.88959-13.01822,5.44248-19.945a88.618,88.618,0,0,0-3.46772-32.49333c-1.72753-5.74111-4.07041-11.64922-2.97488-17.54367a15.96592,15.96592,0,0,1,12.43543-12.45366c4.95332-.92812,10.01775.58363,14.74742,2.32344s9.49823,3.75319,14.53643,3.86838,10.5258-2.191,12.47287-6.8392Z" transform="translate(-219.72324 -203.06487)" fill="#2f2e41"/></svg>
\ No newline at end of file
diff --git a/Moonlight/wwwroot/svg/userSettings.svg b/Moonlight/wwwroot/svg/userSettings.svg
new file mode 100644
index 0000000..e7477c7
--- /dev/null
+++ b/Moonlight/wwwroot/svg/userSettings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" width="676.65833" height="577.34774" viewBox="0 0 676.65833 577.34774" xmlns:xlink="http://www.w3.org/1999/xlink"><path id="a24dc8e0-63f3-4c57-9da7-8d00cfa1aebe-850" data-name="Path 438" d="M576.714,689.7237a24.21461,24.21461,0,0,0,23.38269-4.11876c8.18977-6.87442,10.758-18.196,12.8467-28.68192l6.17973-31.01657-12.9377,8.90837c-9.30465,6.40641-18.81826,13.01866-25.26011,22.29785s-9.25223,21.94708-4.07792,31.988" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path id="bc8b2ee0-9ec2-4139-a7e3-e0b1b1382397-851" data-name="Path 439" d="M578.7117,729.43427c-1.62839-11.86369-3.30382-23.88079-2.15884-35.87168,1.01467-10.64932,4.26373-21.0488,10.87831-29.57938a49.20606,49.20606,0,0,1,12.62466-11.44038c1.26215-.79648,2.42409,1.20354,1.16733,1.997A46.77942,46.77942,0,0,0,582.7187,676.8654c-4.02857,10.24607-4.67545,21.41582-3.98154,32.3003.41944,6.58218,1.31074,13.12121,2.20588,19.65251a1.19817,1.19817,0,0,1-.808,1.42251,1.16348,1.16348,0,0,1-1.42253-.808Z" transform="translate(-261.67083 -161.32613)" fill="#f2f2f2"/><path id="a6bcb68f-fec1-4497-88cc-56de52c10faf-852" data-name="Path 442" d="M590.43273,710.39781a17.82511,17.82511,0,0,0,15.53141,8.01862c7.8644-.37318,14.41806-5.85972,20.31713-11.07027l17.452-15.4088-11.54987-.5528c-8.30619-.39784-16.82672-.771-24.73813,1.79338s-15.20758,8.72638-16.654,16.9154" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path id="a1650e23-bf32-4c95-848c-aacb59e17a01-853" data-name="Path 443" d="M574.10872,736.254c7.83972-13.87142,16.93234-29.28794,33.1808-34.21551a37.02589,37.02589,0,0,1,13.95545-1.44105c1.48189.128,1.11179,2.41174-.367,2.28454a34.39826,34.39826,0,0,0-22.27164,5.89214c-6.27994,4.27454-11.16975,10.21756-15.30781,16.51907-2.53511,3.86051-4.80576,7.88445-7.07642,11.903C575.49654,738.48066,573.37471,737.55312,574.10872,736.254Z" transform="translate(-261.67083 -161.32613)" fill="#f2f2f2"/><path d="M834.3331,568.1169H261.67083V161.32613H834.3331Z" transform="translate(-261.67083 -161.32613)" fill="#fff"/><path d="M308.319,328.40241a5.57978,5.57978,0,0,0,0,11.15956H501.70843a5.57979,5.57979,0,0,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#6c63ff"/><path d="M308.319,361.88106a5.57979,5.57979,0,1,0-.02353,11.15956H501.85128a5.57978,5.57978,0,1,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#6c63ff"/><path d="M308.319,394.88106a5.57979,5.57979,0,1,0-.02353,11.15956h43.55577a5.57978,5.57978,0,1,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#6c63ff"/><path d="M834.3331,568.1169H261.67083V161.32613H834.3331Zm-563.24864-9.41363h553.835V170.73976h-553.835Z" transform="translate(-261.67083 -161.32613)" fill="#e5e5e5"/><path d="M654.14325,478.73228a10.03692,10.03692,0,0,0-.04234,20.07379h95.83757a10.0369,10.0369,0,1,0,0-20.07379Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M654.14325,357.18463a10.03692,10.03692,0,0,0-.04234,20.07379h95.83757a10.0369,10.0369,0,1,0,0-20.07379Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M308.319,483.38106a5.57979,5.57979,0,1,0-.02353,11.15956H501.85128a5.57978,5.57978,0,1,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M308.319,516.38106a5.57979,5.57979,0,1,0-.02353,11.15956h43.55577a5.57978,5.57978,0,1,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M308.319,449.90241a5.57978,5.57978,0,0,0,0,11.15956H501.70843a5.57979,5.57979,0,0,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M308.319,206.90241a5.57978,5.57978,0,0,0,0,11.15956H501.70843a5.57979,5.57979,0,0,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M308.319,240.38106a5.57979,5.57979,0,1,0-.02353,11.15956H501.85128a5.57978,5.57978,0,1,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M308.319,273.38106a5.57979,5.57979,0,1,0-.02353,11.15956h43.55577a5.57978,5.57978,0,1,0,0-11.15956Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><path d="M654.14325,235.73228a10.03692,10.03692,0,0,0-.04234,20.07379h95.83757a10.0369,10.0369,0,1,0,0-20.07379Z" transform="translate(-261.67083 -161.32613)" fill="#e4e4e4"/><circle cx="412.66227" cy="84.34774" r="18" fill="#cacaca"/><path d="M705.79333,371.574a9.97765,9.97765,0,0,0,10.27632,11.3346l9.55853,20.70035,13.99627-2.74057L725.71538,371.825a10.03173,10.03173,0,0,0-19.92205-.25107Z" transform="translate(-261.67083 -161.32613)" fill="#ffb6b6"/><polygon points="540.954 288.584 501.954 269.293 474.434 222.586 455.198 231.891 480.162 285.848 543.226 322.253 540.954 288.584" fill="#3f3d56"/><polygon points="452.907 564.696 440.647 564.695 434.814 529.347 452.909 529.348 452.907 564.696" fill="#ffb6b6"/><path d="M717.70442,737.9058l-39.53077-.00147v-.5a15.38731,15.38731,0,0,1,15.38648-15.38623h.001l24.144.001Z" transform="translate(-261.67083 -161.32613)" fill="#2f2e41"/><polygon points="575.282 542.21 566.728 550.992 537.336 530.508 549.961 517.546 575.282 542.21" fill="#ffb6b6"/><path d="M847.64779,709.58775l-27.582,28.318-.35819-.34886a15.38729,15.38729,0,0,1-.28711-21.75769l.00068-.0007,16.84623-17.29565Z" transform="translate(-261.67083 -161.32613)" fill="#2f2e41"/><path d="M729.73468,515.65207h-8.47936l0,0a236.91236,236.91236,0,0,0-49.42272,83.37115L661.70318,628.682l36.10213,75.59,22.52779.40187-25.748-80.25184,25.94027-34.4,1.30776,69.15187,83.49213,43.76321,16.71006-24.6851-67.94-37.15,11.57-58.81995s23.2789-19.41188,9.72338-49.76Z" transform="translate(-261.67083 -161.32613)" fill="#2f2e41"/><path d="M841.3331,438.67387,806.09749,423.2416,767.31532,440.427s-10.98222,6.2469-3.98222,22.2469l-42.07778,52.9782s.07778.0218,52.9599,16.86993l47.71093-42.01618a58.74345,58.74345,0,0,0,19.407-51.83192Z" transform="translate(-261.67083 -161.32613)" fill="#3f3d56"/><circle cx="573.74888" cy="236.89892" r="24.56103" fill="#ffb6b6"/><path d="M867.22776,365.63151c-5.63671-4.58572-14.37921-5.587-20.19831-1.23521-10.14917-5.3269-23.86487-2.54823-31.14037,6.30878-2.61816,3.18714-4.47305,7.49893-3.17756,11.41475,1.29549,3.91576,6.8819,6.21772,9.7939,3.29669l-.05192,1.20334a19.49485,19.49485,0,0,1-12.1204,33.19831q12.07284,4.877,24.14539,9.754c3.38659,1.36806,6.88109,2.7578,10.53325,2.73911s7.54514-1.79319,8.96241-5.15925q1.52858,4.6851,3.05687,9.37027a154.226,154.226,0,0,0,14.71518-30.33694c2.43658-6.84569,4.40646-14.00465,4.14333-21.26636C875.62641,377.65739,872.86446,370.21723,867.22776,365.63151Z" transform="translate(-261.67083 -161.32613)" fill="#2f2e41"/><circle cx="412.66227" cy="327.34774" r="18" fill="#cacaca"/><circle cx="468.66227" cy="205.89538" r="18" fill="#6c63ff"/><path d="M730.79333,361.574a9.97765,9.97765,0,0,0,10.27632,11.3346l9.55853,20.70035,13.99627-2.74057L750.71538,361.825a10.03173,10.03173,0,0,0-19.92205-.25107Z" transform="translate(-261.67083 -161.32613)" fill="#ffb6b6"/><polygon points="565.954 278.584 526.954 259.293 499.434 212.586 480.198 221.891 505.162 275.848 568.226 312.253 565.954 278.584" fill="#3f3d56"/><path d="M937.32917,738.67387h-381a1,1,0,0,1,0-2h381a1,1,0,0,1,0,2Z" transform="translate(-261.67083 -161.32613)" fill="#cacaca"/></svg>
\ No newline at end of file