From 8af1497695077c119501c59b0e995c44f2b2722b Mon Sep 17 00:00:00 2001
From: Max Holleman <max.holleman@hotmail.nl>
Date: Fri, 26 May 2023 14:43:10 +0200
Subject: [PATCH] Fanciefied UI

---
 WebSharpRSS/MainLayout.razor       |  5 +++--
 WebSharpRSS/Models/FeedItemData.cs | 13 ++++++++++++-
 WebSharpRSS/Pages/Read.razor       | 26 ++++++++++++++------------
 3 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/WebSharpRSS/MainLayout.razor b/WebSharpRSS/MainLayout.razor
index 580c5e7..c0ee7ee 100644
--- a/WebSharpRSS/MainLayout.razor
+++ b/WebSharpRSS/MainLayout.razor
@@ -5,8 +5,9 @@
 <MudSnackbarProvider/>
 
 
-<MudLayout>
-    <MudAppBar>
+<MudLayout style="background-image: url('http://s1.picswalls.com/wallpapers/2016/06/10/best-4k-wallpaper_065236736_309.jpg'); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;">
+    <!-- Glassmorphism(backdrop-filter: blur(16px) saturate(180%);) added -->
+    <MudAppBar Color="Color.Transparent" Style="backdrop-filter: blur(16px) saturate(180%);">
         <MudIconButton Icon="@Icons.Material.Filled.Menu" Color="Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
         <MudText Typo="Typo.h6">SharpRSS</MudText>
     </MudAppBar>
diff --git a/WebSharpRSS/Models/FeedItemData.cs b/WebSharpRSS/Models/FeedItemData.cs
index 282b13e..a1234ee 100644
--- a/WebSharpRSS/Models/FeedItemData.cs
+++ b/WebSharpRSS/Models/FeedItemData.cs
@@ -9,9 +9,20 @@ namespace WebSharpRSS.Models
         public FeedItemData()
         {
             if (Link == null) return;
+            //FaviconUrl = new Uri(Link).AbsoluteUri;
             //FaviconUrl = string.Format(Caretaker.Settings["Paths"].GetString("FaviconResolveUrl"), Link.Remove(Link.IndexOf("http", StringComparison.Ordinal), Link.IndexOf("://", StringComparison.Ordinal) + 3));
         }
         public static FeedItemData? FromModel(FeedItemModel model) => Utilities.ConvertFrom<FeedItemData, FeedItemModel>(model);
-        public string FaviconUrl { get; set; } = string.Empty;
+        public string? FaviconUrl
+        {
+            get
+            {
+                if (Link == null) return null;
+                Uri uri = new Uri(Link);
+                return string.Format(Caretaker.Settings["Paths"].GetString("FaviconResolveUrl"), uri.Host);
+            }
+        }
+
+        public string? Icon { get; set; }
     }
 }
diff --git a/WebSharpRSS/Pages/Read.razor b/WebSharpRSS/Pages/Read.razor
index 61849fb..0b56627 100644
--- a/WebSharpRSS/Pages/Read.razor
+++ b/WebSharpRSS/Pages/Read.razor
@@ -23,21 +23,23 @@
     {
         foreach (var feedItemData in items)
         {
-            <MudItem>
-                <MudCard>
+            <MudItem Style="backdrop-filter: blur(16px) saturate(180%);">
+                <MudCard Style=" background: rgba(0,0,0,0.5);">
                     <MudCardContent>
                         <div style="justify-self: start;" class="d-flex align-center">
-                            @*@if (feedItemData.Icon != null)
-                    {
-                    <MudIcon Icon="@feedItemData.Icon" Style="@($"color:{feedItemData.CategoryColorHex}")" />
-                    }
-                    @if (feedItemData.FaviconUrl != null)
-                    {
-                    <MudImage Src="@feedItemData" ObjectFit="ObjectFit.Contain" />
-                    }*@
-                            <MudText Class="d-inline pa-2 align-center">@feedItemData.Title</MudText>
+                            @if (feedItemData.FaviconUrl != null)
+                            {
+                                <MudImage Src="@feedItemData.FaviconUrl" ObjectFit="ObjectFit.Contain" />
+                            }
+                            <div class="d-inline pa-2 align-center" style="font-size: 16px;">
+                                @((MarkupString)feedItemData.Title)
+                            </div>
+                            @*<MudText Class="d-inline pa-2 align-center">@feedItemData.Title</MudText>*@
                         </div>
-                        <MudText Typo="Typo.body2">@feedItemData.Description</MudText>
+                        <div>
+                            @((MarkupString)feedItemData.Description)
+                        </div>
+                        @*<MudText Typo="Typo.body2">@feedItemData.Description</MudText>*@
                         <MudText Typo="Typo.overline">@feedItemData.PublishingDate.ToString()</MudText>
                     </MudCardContent>
                 </MudCard>