From 3ef45245db7f208f830d29e7dcd8b790ddabdb05 Mon Sep 17 00:00:00 2001
From: Tobias Wohlleben <tobias@wohlleben.dev>
Date: Tue, 17 Sep 2024 15:49:10 +0200
Subject: [PATCH] icon and splash screen styling

---
 RBLNews.Maui/RBLNews.Maui.csproj             |  4 +--
 RBLNews.Maui/Resources/AppIcon/appicon.svg   |  2 +-
 RBLNews.Maui/Resources/AppIcon/appiconfg.svg | 38 +++++++++++++++++---
 RBLNews.Maui/Resources/Splash/splash.svg     | 38 +++++++++++++++++---
 RBLNews.Shared/wwwroot/css/app.css           |  6 +++-
 5 files changed, 74 insertions(+), 14 deletions(-)

diff --git a/RBLNews.Maui/RBLNews.Maui.csproj b/RBLNews.Maui/RBLNews.Maui.csproj
index e7ab409..4170a74 100644
--- a/RBLNews.Maui/RBLNews.Maui.csproj
+++ b/RBLNews.Maui/RBLNews.Maui.csproj
@@ -52,10 +52,10 @@
 
     <ItemGroup>
         <!-- App Icon -->
-        <MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />
+        <MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Resize="false" Color="#000" />
 
         <!-- Splash Screen -->
-        <MauiSplashScreen Include="Resources\Splash\splash.svg" Color="#512BD4" BaseSize="128,128" />
+        <MauiSplashScreen Include="Resources\Splash\splash.svg" Resize="false" Color="#000" />
 
         <!-- Images -->
         <MauiImage Include="Resources\Images\*" />
diff --git a/RBLNews.Maui/Resources/AppIcon/appicon.svg b/RBLNews.Maui/Resources/AppIcon/appicon.svg
index 9d63b65..ccfcf47 100644
--- a/RBLNews.Maui/Resources/AppIcon/appicon.svg
+++ b/RBLNews.Maui/Resources/AppIcon/appicon.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0" y="0" width="456" height="456" fill="#512BD4" />
+    <rect x="0" y="0" width="456" height="456" fill="#DD0741" />
 </svg>
\ No newline at end of file
diff --git a/RBLNews.Maui/Resources/AppIcon/appiconfg.svg b/RBLNews.Maui/Resources/AppIcon/appiconfg.svg
index 21dfb25..de4a253 100644
--- a/RBLNews.Maui/Resources/AppIcon/appiconfg.svg
+++ b/RBLNews.Maui/Resources/AppIcon/appiconfg.svg
@@ -1,8 +1,36 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+<svg width="456" height="456" viewBox="266 180 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<g transform="translate(0.000000,1024.000000) scale(0.100000,-0.10000)"
+   fill="#DD0741" stroke="none">
+<path d="M4810 8374 c-424 -43 -906 -240 -1245 -510 -132 -105 -326 -297 -416
+-414 -241 -311 -404 -668 -478 -1045 -107 -548 -47 -1033 189 -1536 164 -347
+346 -590 620 -825 334 -286 717 -479 1110 -559 504 -103 890 -77 1420 95 266
+87 560 249 770 427 104 87 122 106 260 263 51 58 98 109 106 113 8 4 21 22 31
+40 9 18 41 67 72 110 78 108 220 377 262 496 10 29 27 67 38 85 25 41 97 314
+115 441 39 262 41 343 17 542 -48 395 -110 610 -262 914 -71 142 -205 352
+-311 486 -201 255 -489 485 -793 633 -272 132 -535 214 -789 245 -150 19 -532
+18 -716 -1z m1748 -900 l212 -6 0 -108 0 -109 -47 -8 c-59 -10 -3077 -10
+-3115 0 -24 6 -28 13 -28 45 -1 20 -7 69 -14 107 -8 39 -12 72 -9 75 13 14
+2516 17 3001 4z m-2508 -653 c109 -34 222 -127 285 -234 73 -126 72 -331 -3
+-485 -51 -105 -175 -216 -256 -229 -20 -3 -36 -11 -36 -18 0 -7 88 -186 195
+-398 107 -212 195 -388 195 -391 0 -3 -65 -6 -143 -6 -125 0 -146 2 -159 18
+-15 18 -117 199 -160 287 -97 196 -243 471 -252 476 -6 4 -41 9 -77 11 l-67 4
+6 -398 5 -398 -146 0 -147 0 0 890 0 890 288 3 c346 4 395 2 472 -22z m1361
+19 c373 -71 522 -555 248 -804 -34 -31 -60 -57 -58 -59 2 -2 27 -18 56 -36
+114 -72 169 -166 183 -314 7 -72 6 -107 -6 -162 -32 -143 -149 -298 -264 -349
+-110 -49 -167 -56 -516 -56 l-321 0 -7 41 c-4 22 -6 422 -6 889 l1 849 107 4
+c263 7 534 6 583 -3z m1057 -740 l2 -745 306 -1 306 -1 -1 -144 c-1 -79 -3
+-144 -4 -146 -2 -1 -204 -3 -450 -5 l-447 -3 0 896 0 897 143 -2 142 -1 3
+-745z m-604 -1450 c483 -5 880 -10 882 -12 1 -2 0 -54 -3 -116 l-6 -112 -1206
+1 c-663 1 -1368 4 -1566 8 l-360 6 -5 112 -5 113 440 3 c242 1 555 3 695 4
+140 1 650 -2 1134 -7z" />
+<path d="M3580 6356 l0 -213 46 -7 c26 -3 106 -6 178 -6 127 0 133 1 183 30
+43 25 57 40 83 94 28 56 31 70 24 112 -9 67 -18 86 -56 129 -58 66 -89 75
+-285 75 l-173 0 0 -214z" />
+<path d="M5020 6361 c0 -116 -1 -214 -2 -218 -2 -5 62 -9 141 -11 165 -3 224
+9 283 58 100 83 82 271 -34 348 -41 26 -45 27 -215 30 l-173 4 0 -211z" />
+<path d="M5020 5598 l0 -248 163 0 c158 0 164 1 223 29 85 40 144 129 144 216
+0 59 -41 147 -84 180 -67 51 -101 59 -279 65 l-167 5 0 -247z" />
+    </g>
 </svg>
\ No newline at end of file
diff --git a/RBLNews.Maui/Resources/Splash/splash.svg b/RBLNews.Maui/Resources/Splash/splash.svg
index 21dfb25..de4a253 100644
--- a/RBLNews.Maui/Resources/Splash/splash.svg
+++ b/RBLNews.Maui/Resources/Splash/splash.svg
@@ -1,8 +1,36 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="456" height="456" viewBox="0 0 456 456" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="m 105.50037,281.60863 c -2.70293,0 -5.00091,-0.90042 -6.893127,-2.70209 -1.892214,-1.84778 -2.837901,-4.04181 -2.837901,-6.58209 0,-2.58722 0.945687,-4.80389 2.837901,-6.65167 1.892217,-1.84778 4.190197,-2.77167 6.893127,-2.77167 2.74819,0 5.06798,0.92389 6.96019,2.77167 1.93749,1.84778 2.90581,4.06445 2.90581,6.65167 0,2.54028 -0.96832,4.73431 -2.90581,6.58209 -1.89221,1.80167 -4.212,2.70209 -6.96019,2.70209 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 213.56111,280.08446 H 195.99044 L 149.69953,207.0544 c -1.17121,-1.84778 -2.14037,-3.76515 -2.90581,-5.75126 h -0.40578 c 0.36051,2.12528 0.54076,6.67515 0.54076,13.6496 v 65.13172 h -15.54349 v -99.36009 h 18.71925 l 44.7374,71.29798 c 1.89222,2.95695 3.1087,4.98917 3.64945,6.09751 h 0.26996 c -0.45021,-2.6325 -0.67573,-7.09015 -0.67573,-13.37293 v -64.02256 h 15.47557 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="m 289.25134,280.08446 h -54.40052 v -99.36009 h 52.23835 v 13.99669 h -36.15411 v 28.13085 h 33.31621 v 13.9271 h -33.31621 v 29.37835 h 38.31628 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
-    <path d="M 366.56466,194.72106 H 338.7222 v 85.3634 h -16.08423 v -85.3634 h -27.77455 v -13.99669 h 71.70124 z" style="fill:#ffffff;fill-rule:nonzero;stroke-width:0.838376" />
+<svg width="456" height="456" viewBox="266 180 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+<g transform="translate(0.000000,1024.000000) scale(0.100000,-0.10000)"
+   fill="#DD0741" stroke="none">
+<path d="M4810 8374 c-424 -43 -906 -240 -1245 -510 -132 -105 -326 -297 -416
+-414 -241 -311 -404 -668 -478 -1045 -107 -548 -47 -1033 189 -1536 164 -347
+346 -590 620 -825 334 -286 717 -479 1110 -559 504 -103 890 -77 1420 95 266
+87 560 249 770 427 104 87 122 106 260 263 51 58 98 109 106 113 8 4 21 22 31
+40 9 18 41 67 72 110 78 108 220 377 262 496 10 29 27 67 38 85 25 41 97 314
+115 441 39 262 41 343 17 542 -48 395 -110 610 -262 914 -71 142 -205 352
+-311 486 -201 255 -489 485 -793 633 -272 132 -535 214 -789 245 -150 19 -532
+18 -716 -1z m1748 -900 l212 -6 0 -108 0 -109 -47 -8 c-59 -10 -3077 -10
+-3115 0 -24 6 -28 13 -28 45 -1 20 -7 69 -14 107 -8 39 -12 72 -9 75 13 14
+2516 17 3001 4z m-2508 -653 c109 -34 222 -127 285 -234 73 -126 72 -331 -3
+-485 -51 -105 -175 -216 -256 -229 -20 -3 -36 -11 -36 -18 0 -7 88 -186 195
+-398 107 -212 195 -388 195 -391 0 -3 -65 -6 -143 -6 -125 0 -146 2 -159 18
+-15 18 -117 199 -160 287 -97 196 -243 471 -252 476 -6 4 -41 9 -77 11 l-67 4
+6 -398 5 -398 -146 0 -147 0 0 890 0 890 288 3 c346 4 395 2 472 -22z m1361
+19 c373 -71 522 -555 248 -804 -34 -31 -60 -57 -58 -59 2 -2 27 -18 56 -36
+114 -72 169 -166 183 -314 7 -72 6 -107 -6 -162 -32 -143 -149 -298 -264 -349
+-110 -49 -167 -56 -516 -56 l-321 0 -7 41 c-4 22 -6 422 -6 889 l1 849 107 4
+c263 7 534 6 583 -3z m1057 -740 l2 -745 306 -1 306 -1 -1 -144 c-1 -79 -3
+-144 -4 -146 -2 -1 -204 -3 -450 -5 l-447 -3 0 896 0 897 143 -2 142 -1 3
+-745z m-604 -1450 c483 -5 880 -10 882 -12 1 -2 0 -54 -3 -116 l-6 -112 -1206
+1 c-663 1 -1368 4 -1566 8 l-360 6 -5 112 -5 113 440 3 c242 1 555 3 695 4
+140 1 650 -2 1134 -7z" />
+<path d="M3580 6356 l0 -213 46 -7 c26 -3 106 -6 178 -6 127 0 133 1 183 30
+43 25 57 40 83 94 28 56 31 70 24 112 -9 67 -18 86 -56 129 -58 66 -89 75
+-285 75 l-173 0 0 -214z" />
+<path d="M5020 6361 c0 -116 -1 -214 -2 -218 -2 -5 62 -9 141 -11 165 -3 224
+9 283 58 100 83 82 271 -34 348 -41 26 -45 27 -215 30 l-173 4 0 -211z" />
+<path d="M5020 5598 l0 -248 163 0 c158 0 164 1 223 29 85 40 144 129 144 216
+0 59 -41 147 -84 180 -67 51 -101 59 -279 65 l-167 5 0 -247z" />
+    </g>
 </svg>
\ No newline at end of file
diff --git a/RBLNews.Shared/wwwroot/css/app.css b/RBLNews.Shared/wwwroot/css/app.css
index 2523f04..f465b47 100644
--- a/RBLNews.Shared/wwwroot/css/app.css
+++ b/RBLNews.Shared/wwwroot/css/app.css
@@ -1,4 +1,8 @@
-@font-face {
+/**
+rot: #DD0741
+*/
+
+@font-face {
     font-family: "Nanum Myeongjo", serif !important;
     font-weight: 400;
     font-style: normal;