web: add additional icon variants

icons/Squidlr/Squidlr.metrop

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<IconProject Version="2.0" Name="Squidlr" PUAEnable="true" BasicLatinEnable="false">
+  <Icon Name="Octopus" HasCharacterMap="false" IsDirty="true" FontName="Octopus" IsDuplicate="false" ASCIIValue="" AlphaNumericValue="" FiValue="" GroupName="Wildlife" ExportCommand="MetroGraphicsPackage.IconCommand" Data="M14.098166,17.345885C14.098166,17.345885,15.594171,20.236866,17.986179,17.545883z M19.083182,11.563923C18.48518,11.563923 17.887178,12.06292 17.887178,12.759915 17.887178,13.358912 18.38518,13.956907 19.083182,13.956907 19.681184,13.956907 20.279186,13.457911 20.279186,12.759915 20.279186,12.06292 19.781185,11.563923 19.083182,11.563923z M13.002162,11.065927C12.30416,11.065927 11.706158,11.663923 11.706158,12.361918 11.706158,13.059914 12.30416,13.657909 13.002162,13.657909 13.700164,13.657909 14.298166,13.059914 14.298166,12.361918 14.298166,11.663923 13.700164,11.065927 13.002162,11.065927z M15.993172,1.3959908C14.796168,1.3959908 9.7121506,1.7939882 8.9151478,7.57695 8.9151478,7.5769498 9.2141495,7.8759478 9.4131498,7.4769505 9.4131498,7.4769505 11.507157,2.7909818 16.192173,1.8939877 16.192173,1.8939877 16.391173,1.4949903 16.192173,1.3959908z M16.192173,0C19.681184,0,22.772194,1.6949887,24.167199,4.2869716L24.2672,4.5859699C24.865201,5.7819617,26.261206,9.2709386,23.071196,13.856908L22.772194,14.155906 22.772194,14.255906C22.273193,15.950894 22.173193,18.242879 25.164203,19.239872 25.164203,19.239872 27.756211,19.738869 28.952215,17.246885 28.952215,17.246885 30.049219,15.252899 28.055212,13.457911 28.055212,13.457911 26.460207,11.862921 28.853215,11.463924 28.853215,11.463924 31.345223,12.361918 31.943225,15.351898 31.943225,15.351898 32.741228,19.937868 28.354213,22.031854 28.354213,22.031854 26.061205,23.227846 23.071196,22.529851 23.071196,22.529851 25.762205,26.517824 28.653214,25.819828 28.653214,25.819828 30.14922,25.420832 30.248219,26.816822 30.248219,26.816822 30.049219,29.109806 25.862205,28.411812 25.862205,28.411812 21.47619,27.21582 18.186179,22.928848 18.186179,22.928848 17.089175,21.632856 15.59417,21.732856L15.49417,21.732856 15.39417,21.732856C14.497167,22.031854 13.799165,22.828848 13.799165,22.828848 10.510154,27.21582 6.1231394,28.311811 6.1231394,28.311811 1.9361248,29.009808 1.7371235,26.716824 1.7371235,26.716824 1.8361244,25.321833 3.3321295,25.71983 3.3321295,25.71983 6.2231388,26.417824 8.9151478,22.430851 8.9151478,22.430851 6.023139,23.028847 3.6311302,21.931854 3.6311302,21.931854 -0.65588379,19.937868 0.042118073,15.351898 0.042118073,15.351898 0.64012146,12.261919 3.1321287,11.463924 3.1321287,11.463924 5.4251366,11.763922 3.8301315,13.457911 3.8301315,13.457911 1.8361244,15.1529 2.9331284,17.246885 2.9331284,17.246885 4.1291323,19.738869 6.7211409,19.239872 6.7211409,19.239872 10.011152,18.14388 9.6121502,15.451898 8.9151478,13.756909L8.8151484,13.55791 8.8151484,13.457911C8.6151476,13.158913,8.4161463,12.660916,8.2171459,12.261919L8.2171459,12.16192 8.2171459,12.06292C7.4191437,10.168933,6.7211409,7.5769498,7.8181448,5.0839664L7.8181448,4.9849669 7.8181448,4.8849679C9.1141491,2.093986,12.40416,0,16.192173,0z" DataFont="M564.6,400.2C489.8,316.1,443.1,406.4,443.1,406.4L564.6,400.2z M636.2,549.8C636.2,528 617.5,512.4 598.8,512.4 577,512.4 561.4,531.1 561.4,549.8 561.4,571.6 580.1,587.2 598.8,587.2 620.7,587.1 636.2,571.5 636.2,549.8z M449.3,562.2C449.3,540.4 430.6,521.7 408.8,521.7 387,521.7 368.3,540.4 368.3,562.2 368.3,584 387,602.7 408.8,602.7 430.6,602.7 449.3,584 449.3,562.2z M508.5,904.9C514.7,901.8 508.5,889.3 508.5,889.3 362.1,861.3 296.7,714.8 296.7,714.8 290.5,702.3 281.1,711.7 281.1,711.7 306,892.4 464.9,904.9 502.3,904.9L508.5,904.9z M246.8,795.8L246.8,792.7 246.8,789.6C212.5,711.7,234.3,630.7,259.3,571.5L259.3,568.4 259.3,565.3C265.5,552.8,271.7,537.3,278,527.9L278,524.8 281.1,518.6C302.9,465.6 315.4,381.5 212.5,347.3 212.5,347.3 131.5,331.7 94.1,409.6 94.1,409.6 59.8,475 122.1,528 122.1,528 171.9,580.9 100.3,590.3 100.3,590.3 22.4,565.4 3.70000000000003,468.8 3.70000000000003,468.8 -18.1,325.5 115.9,263.2 115.9,263.2 190.7,228.9 281,247.6 281,247.6 196.9,123 106.5,144.8 106.5,144.8 59.7,157.2 56.7,113.6 56.7,113.6 62.9,41.8999999999997 193.8,63.7999999999997 193.8,63.7999999999997 330.9,97.9999999999997 433.7,235.1 433.7,235.1 455.5,260 483.5,269.3L486.6,269.3 489.7,269.3C536.4,272.4 570.7,231.9 570.7,231.9 673.6,98 810.7,60.6 810.7,60.6 941.5,38.8 947.8,110.4 947.8,110.4 944.7,154 898,141.6 898,141.6 807.7,119.8 723.6,244.4 723.6,244.4 817,222.6 888.7,260 888.7,260 1025.8,325.4 1000.9,468.7 1000.9,468.7 982.2,562.1 904.3,590.2 904.3,590.2 829.5,577.7 879.4,527.9 879.4,527.9 941.7,471.8 907.4,409.5 907.4,409.5 870,331.6 789,347.2 789,347.2 695.4,378.4 698.5,450 714.1,503L714.1,506.1 723.4,515.4C823.1,658.7,779.5,767.7,760.8,805.1L757.7,814.4C714.1,895.4 617.5,948.4 508.5,948.4 390.1,948.5 287.3,883.1 246.8,795.8z">
+    <Settings MainWidth="1024" MainHeight="1024" FlipX="1" FlipY="1" CustomSize="256" IconShape="FillCircle" BackgroundBrush="#FFFFF7F7" ContentWidth="772" ContentHeight="772" Angle="0" IsRect="true" SizeIndex="7" CustomWidth="1024" CustomHeight="1024" IsLinked="true" Padding="126" MaximumPadding="314" SldierValueChanged="MetroGraphicsPackage.IconCommand" IconBrush="#FF4C25D2" FontFamily="Webdings" Character="&gt;" FlipCommand="MetroGraphicsPackage.IconCommand" IsBackgroundVisible="true" />
+  </Icon>
+  <PreferenceInfo ClassPrefix="sf-icon-" ClassPostfix="" CSSSelector="Attribute" CSSClassName="sf-icon" />
+</IconProject>

src/Squidlr.Web/Pages/Index.razor

@@ -11,13 +11,13 @@
     <meta name="og:type" content="website" />
     <meta name="og:site_name" content="@SeoProperties.Domain" />
     <meta name="og:url" content="@(NavigationManager.BaseUri)" />
-    <meta name="og:image" content="@(NavigationManager.BaseUri)social-header.png" />
+    <meta name="og:image" content="@(NavigationManager.BaseUri)images/social-header.png" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="@SeoProperties.Title" />
     <meta name="twitter:description" content="@SeoProperties.Description" />
     <meta name="twitter:creator" content="@@SquidlrBot" />
     <meta name="twitter:site" content="@@SquidlrBot" />
-    <meta name="twitter:image:src" content="@(NavigationManager.BaseUri)social-header.png" />
+    <meta name="twitter:image:src" content="@(NavigationManager.BaseUri)images/social-header.png" />
     <meta name="twitter:domain" content="@SeoProperties.Domain">
     <link rel="sitemap" type="application/xml" title="Sitemap" href="@(NavigationManager.BaseUri)sitemap.xml" />
 </HeadContent>

src/Squidlr.Web/Pages/_Host.cshtml

@@ -12,11 +12,16 @@
     <meta name="content-language" content="en" />
     <meta name="description" content="@SeoProperties.Description" />
     <meta name="keywords" content="@SeoProperties.Keywords" />
-    <base href="~/" />
-    <link rel="icon" type="image/png" href="favicon-32-bg.png" />
+    <meta name="apple-mobile-web-app-title" content="@SeoProperties.AppName">
+    <link rel="icon" href="favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32-bg.png" />
+    <link rel="icon" type="image/png" sizes="256x256" href="images/favicon-256-bg.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="images/favicon-512-bg.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
     <link href="css/custom-bootstrap.css" rel="stylesheet" />
     <link href="css/site.css" rel="stylesheet" />
     <link href="Squidlr.Web.styles.css" rel="stylesheet" />
+    <base href="~/" />
     <component type="typeof(HeadOutlet)" render-mode="Server" />
 </head>
 <body>

src/Squidlr.Web/Seo/SeoProperties.cs

@@ -2,6 +2,8 @@
 
 public static class SeoProperties
 {
+    public const string AppName = "Squidlr";
+
     public const string Title = "X / Twitter Video Downloader - Squidlr";
 
     public const string Keywords = "x twitter instagram video downloader";