Merge pull request #857 from ishanjalan/develop

Change pufferchick web icons to SVG

7 files changed, 9 insertions, 4 deletions

diff --git a/.gitignore b/.gitignore
index 527ac6bb..a89ccd21 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,6 @@ appsettings.Development.json
 # Azure generated files
 src/SMAPI.Web/Properties/PublishProfiles/*.pubxml
 src/SMAPI.Web/Properties/ServiceDependencies/* - Web Deploy/
+
+# macOS
+.DS_Store
diff --git a/src/SMAPI.Web/Views/Index/Index.cshtml b/src/SMAPI.Web/Views/Index/Index.cshtml
index acb8df78..d6472fcb 100644
--- a/src/SMAPI.Web/Views/Index/Index.cshtml
+++ b/src/SMAPI.Web/Views/Index/Index.cshtml
@@ -10,12 +10,12 @@
 @section Head {
     <link rel="stylesheet" href="~/Content/css/index.css" />
     <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1" crossorigin="anonymous"></script>
-    <script src="~/Content/js/index.js"></script>
+    <script src="~/Content/js/index.js?r=20220708"></script>
 }
 
 <h1>
     SMAPI
-    <img id="pufferchick" src="Content/images/pufferchick.png" />
+    <img id="pufferchick" src="Content/images/pufferchick.svg" />
 </h1>
 <div id="blurb">
     <p>The mod loader for Stardew Valley.</p>
diff --git a/src/SMAPI.Web/wwwroot/Content/images/pufferchick-cool.png b/src/SMAPI.Web/wwwroot/Content/images/pufferchick-cool.png
deleted file mode 100644
index f359146c..00000000
--- a/src/SMAPI.Web/wwwroot/Content/images/pufferchick-cool.png
+++ /dev/null
diff --git a/src/SMAPI.Web/wwwroot/Content/images/pufferchick-cool.svg b/src/SMAPI.Web/wwwroot/Content/images/pufferchick-cool.svg
new file mode 100644
index 00000000..28b03976
--- /dev/null
+++ b/src/SMAPI.Web/wwwroot/Content/images/pufferchick-cool.svg
@@ -0,0 +1 @@
+<svg width="57" height="57" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 18h3v9H0v-9Zm30 33h3v6h-3v-6ZM19 30h3v6h-3v-6Zm17 21h3v6h-3v-6ZM3 15h6v3H3v-3Zm6 3h6v3H9v-3Zm0 24h6v3H9v-3ZM24 6h6v3h-6V6Z" fill="#6B3407"/><path d="M15 42h6v3h-6v-3Zm30 0h6v3h-6v-3ZM33 24h6v3h-6v-3Z" fill="#8F4039"/><path d="M27 3h6v3h-6V3Z" fill="#FF4D1E"/><path d="M33 9h6v3h-6V9Z" fill="#8F4039"/><path d="M24 48h15v3H24v-3Zm-2-12h12v3H22v-3ZM21 0h12v3H21V0Zm0 3h3v3h-3V3Zm12 0h3v3h-3V3Zm3 3h3v3h-3V6ZM3 27h3v3H3v-3Z" fill="#6B3407"/><path d="M3 24h3v3H3v-3Zm3 3h3v3H6v-3Zm-3 6h3v3H3v-3Zm6 6h3v3H9v-3Zm10-3h3v3h-3v-3Zm15-3h3v3h-3v-3Z" fill="#9A4E0F"/><path d="M6 39h3v3H6v-3Zm16-9h3v3h-3v-3Z" fill="#6B3407"/><path d="M18 45h3v3h-3v-3Zm6 0h3v3h-3v-3Zm21 0h3v3h-3v-3Zm6-6h3v3h-3v-3Zm-3-3h3v3h-3v-3Zm6-9h3v3h-3v-3Zm-3-3h3v3h-3v-3ZM27 9h3v3h-3V9Z" fill="#8F4039"/><path d="M24 3h3v3h-3V3Zm9 3h3v3h-3V6Z" fill="#C31E1E"/><path d="M30 6h3v3h-3V6Z" fill="#FF4D1E"/><path d="M24 12h3v3h-3v-3Z" fill="#8F4039"/><path d="M3 18h3v3H3v-3Z" fill="#FFE2AF"/><path d="M6 18h3v3H6v-3Zm-3 3h3v3H3v-3Zm9 0h3v3h-3v-3Zm13 9h3v3h-3v-3Zm9 0h3v3h-3v-3Zm0 6h3v3h-3v-3ZM9 27h3v6H9v-6Zm-6 3h3v3H3v-3Zm12 6h3v3h-3v-3Z" fill="#DEA159"/><path d="M15 39h3v3h-3v-3Zm6 3h3v3h-3v-3Zm24-9h3v3h-3v-3Zm0-6h3v3h-3v-3Zm-18 0h15v3H27v-3Zm0 12h6v3h-6v-3Zm6 3h9v3h-9v-3Zm3-3h9v3h-9v-3Zm3-3h9v3h-9v-3Zm0-12h9v3h-9v-3Zm-3-9h9v3h-9v-3Zm-12 0h9v3h-9v-3Zm0 9h9v3h-9v-3Zm6-6h12v6H30v-6Zm7 15h5v3h-5v-3Zm0-3h14v3H37v-3ZM27 12h9v3h-9v-3Z" fill="#FCD100"/><path d="M21 45h3v3h-3v-3Z" fill="#DF8900"/><path d="M21 45h3v3h-3v-3Zm21-3h3v3h-3v-3Zm3-3h3v3h-3v-3Zm3-6h3v3h-3v-3Zm-6 0h3v3h-3v-3Zm3-15h3v3h-3v-3Zm-9-6h3v3h-3v-3Zm-15 3h3v3h-3v-3Zm-3 3h3v3h-3v-3Zm6 9h3v3h-3v-3Zm9 12h3v3h-3v-3Zm15-15h3v6h-3v-6ZM19 39h8v3h-8v-3Zm5 3h9v3h-9v-3Zm3 3h12v3H27v-3Zm-9-15h1v12h-1V30Zm-3 3h3v3h-3v-3Zm0-9h3v3h-3v-3Zm0 3h3v3h-3v-3Zm3 0h3v3h-3v-3Z" fill="#DF8900"/><path d="M42 45h3v3h-3v-3Zm6-6h3v3h-3v-3Zm-33-9h3v3h-3v-3Zm6-6h3v6h-3v-6Zm0-12h3v3h-3v-3Zm0 6h3v3h-3v-3Zm-3 3h3v6h-3v-6Zm33 6h3v3h-3v-3Zm-6-6h3v3h-3v-3Zm-21-3h3v6h-3v-6Z" fill="#FCD100"/><path d="M9 36h3v3H9v-3Zm-3-3h3v6H6v-6Zm6-3h3v12h-3V30Z" fill="#DEA159"/><path d="M6 30h3v3H6v-3Zm3 3h3v3H9v-3Zm13 0h12v3H22v-3Zm6-3h6v3h-6v-3ZM6 21h6v6H6v-6Zm6 3h3v6h-3v-6Z" fill="#FFE2AF"/><path d="M21 9h3v3h-3V9Zm18 3h3v3h-3v-3Z" fill="#8F4039"/><path d="M42 18h3v3h-3v-3Z" fill="#2F2000"/><path d="M42 21h3v3h-3v-3Z" fill="#F4F7AC"/><path d="M27 18h3v3h-3v-3Z" fill="#2F2000"/><path d="M27 21h3v3h-3v-3Z" fill="#F4F7AC"/><path d="M21 21h3v3h-3v-3Zm9-12h3v3h-3V9Zm3 6h3v3h-3v-3Zm9-3h3v3h-3v-3Zm0 15h3v3h-3v-3Zm-5 9h2v3h-2v-3Z" fill="#FFFF0C"/><path d="M42 9h3v3h-3V9Zm9 21h3v6h-3v-6Zm-3-12h3v6h-3v-6Zm-3-6h3v6h-3v-6Zm-27 0h3v6h-3v-6Zm-3 6h3v6h-3v-6Zm24 27h3v3h-3v-3Zm3 3h3v3h-3v-3Z" fill="#8F4039"/><path d="M3 36h3v3H3v-3Zm-3-6h3v6H0v-6Z" fill="#6B3407"/><path d="M15.097 17v1.548h2.29v1.549h1.549v1.548h1.548v1.549h1.548v1.548h7.29v-1.549h1.549v-1.548h1.548v-1.548h5.097v1.548h1.549v1.549h1.583v1.546H47v-1.546h1.903v-1.549h1.549v-1.548H52V17H15.097Z" fill="#000"/><path d="M20 18.548v1.549h1.548v-1.549H20Zm1.548 1.549v1.548h1.549v-1.548h-1.549Zm1.549 0h1.548v-1.549h-1.549l.001 1.549Zm1.548 0v1.548h1.548v-1.548h-1.548Zm13.936-1.549h1.548v1.549h1.548v-1.549h1.549v1.549h1.548v1.548h-1.548v-1.548h-1.549l-.001 1.548h-1.548l.001-1.548H38.58l.001-1.549Z" fill="#436173"/><path d="M20.484 18.548v1.549h1.548v-1.549h-1.548Zm1.548 1.549v1.548h1.549v-1.548h-1.55Zm1.549 0h1.548v-1.549h-1.55l.002 1.549Zm1.548 0v1.548h1.548v-1.548h-1.548Zm13.936-1.549h1.548v1.549h1.548v-1.549h1.549v1.549h1.548v1.548H43.71v-1.548h-1.55v1.548h-1.548v-1.548h-1.548v-1.549Z" fill="#667575"/></svg>
\ No newline at end of file
diff --git a/src/SMAPI.Web/wwwroot/Content/images/pufferchick.png b/src/SMAPI.Web/wwwroot/Content/images/pufferchick.png
deleted file mode 100644
index 1de9cf47..00000000
--- a/src/SMAPI.Web/wwwroot/Content/images/pufferchick.png
+++ /dev/null
diff --git a/src/SMAPI.Web/wwwroot/Content/images/pufferchick.svg b/src/SMAPI.Web/wwwroot/Content/images/pufferchick.svg
new file mode 100644
index 00000000..5e77e493
--- /dev/null
+++ b/src/SMAPI.Web/wwwroot/Content/images/pufferchick.svg
@@ -0,0 +1 @@
+<svg width="56" height="56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 17.684h2.947v8.842H0v-8.842Zm29.474 32.421h2.947V56h-2.947v-5.895ZM18.667 29.474h2.947v5.894h-2.947v-5.894Zm16.701 20.631h2.948V56h-2.948v-5.895ZM2.947 14.737h5.895v2.947H2.947v-2.947Zm5.895 2.947h5.895v2.948H8.842v-2.948Zm0 23.579h5.895v2.948H8.842v-2.948ZM23.579 5.895h5.895v2.947h-5.895V5.895Z" fill="#6B3407"/><path d="M14.737 41.263h5.895v2.948h-5.895v-2.948Zm29.473 0h5.895v2.948h-5.894v-2.948ZM32.421 23.579h5.895v2.947H32.42V23.58Z" fill="#8F4039"/><path d="M26.526 2.947h5.895v2.948h-5.895V2.947Z" fill="#FF4D1E"/><path d="M32.421 8.842h5.895v2.947H32.42V8.843Z" fill="#8F4039"/><path d="M23.579 47.158h14.737v2.947H23.579v-2.947Zm-1.965-11.79h11.79v2.948h-11.79v-2.948ZM20.632 0h11.79v2.947h-11.79V0Zm0 2.947h2.947v2.948h-2.947V2.947Zm11.789 0h2.947v2.948h-2.947V2.947Zm2.947 2.948h2.948v2.947h-2.948V5.895ZM2.947 26.526h2.948v2.948H2.947v-2.948Z" fill="#6B3407"/><path d="M2.947 23.579h2.948v2.947H2.947V23.58Zm2.948 2.947h2.947v2.948H5.895v-2.948Zm-2.948 5.895h2.948v2.947H2.947v-2.947Zm5.895 5.895h2.947v2.947H8.843v-2.947Zm9.825-2.948h2.947v2.948h-2.947v-2.948Zm14.737-2.947h2.947v2.947h-2.947v-2.947Z" fill="#9A4E0F"/><path d="M5.895 38.316h2.947v2.947H5.895v-2.947Zm15.719-8.842h2.947v2.947h-2.947v-2.947Z" fill="#6B3407"/><path d="M17.684 44.21h2.948v2.948h-2.948V44.21Zm5.895 0h2.947v2.948H23.58V44.21Zm20.631 0h2.948v2.948H44.21V44.21Zm5.895-5.894h2.948v2.947h-2.948v-2.947Zm-2.947-2.948h2.947v2.948h-2.947v-2.948Zm5.895-8.842H56v2.948h-2.947v-2.948Zm-2.948-2.947h2.948v2.947h-2.948V23.58ZM26.526 8.842h2.948v2.947h-2.948V8.843Z" fill="#8F4039"/><path d="M23.579 2.947h2.947v2.948H23.58V2.947Zm8.842 2.948h2.947v2.947h-2.947V5.895Z" fill="#C31E1E"/><path d="M29.474 5.895h2.947v2.947h-2.947V5.895Z" fill="#FF4D1E"/><path d="M23.579 11.79h2.947v2.947H23.58V11.79Z" fill="#8F4039"/><path d="M2.947 17.684h2.948v2.948H2.947v-2.948Z" fill="#FFE2AF"/><path d="M5.895 17.684h2.947v2.948H5.895v-2.948Zm-2.948 2.948h2.948v2.947H2.947v-2.947Zm8.843 0h2.947v2.947H11.79v-2.947Zm12.771 8.842h2.948v2.947H24.56v-2.947Zm8.843 0h2.947v2.947h-2.947v-2.947Zm0 5.894h2.947v2.948h-2.947v-2.948ZM8.842 26.526h2.947v5.895H8.843v-5.895Zm-5.895 2.948h2.948v2.947H2.947v-2.947Zm11.79 5.894h2.947v2.948h-2.947v-2.948Z" fill="#DEA159"/><path d="M14.737 38.316h2.947v2.947h-2.947v-2.947Zm5.895 2.947h2.947v2.948h-2.947v-2.948Zm23.578-8.842h2.948v2.947H44.21v-2.947Zm0-5.895h2.948v2.948H44.21v-2.948Zm-17.684 0h14.737v2.948H26.526v-2.948Zm0 11.79h5.895v2.947h-5.895v-2.947Zm5.895 2.947h8.842v2.948h-8.842v-2.948Z" fill="#FCD100"/><path d="M35.368 38.316h8.843v2.947h-8.843v-2.947Zm2.948-2.948h8.842v2.948h-8.842v-2.948Zm0-11.789h8.842v2.947h-8.842V23.58Zm-2.948-8.842h8.843v2.947h-8.843v-2.947Zm-11.789 0h8.842v2.947H23.58v-2.947Zm0 8.842h8.842v2.947H23.58V23.58Zm5.895-5.895h11.79v5.895h-11.79v-5.895Zm6.876 14.737h4.913v2.947h-4.912v-2.947Zm0-2.947h13.755v2.947H36.351v-2.947ZM26.526 11.79h8.842v2.947h-8.842V11.79Z" fill="#FCD100"/><path d="M20.632 44.21h2.947v2.948h-2.947V44.21Z" fill="#DF8900"/><path d="M20.632 44.21h2.947v2.948h-2.947V44.21Zm20.631-2.947h2.948v2.948h-2.948v-2.948Z" fill="#DF8900"/><path d="M44.21 38.316h2.948v2.947H44.21v-2.947Zm2.948-5.895h2.947v2.947h-2.947v-2.947Zm-5.895 0h2.948v2.947h-2.948v-2.947Zm2.947-14.737h2.948v2.948H44.21v-2.948Zm-8.842-5.894h2.948v2.947h-2.948V11.79Zm-14.736 2.947h2.947v2.947h-2.947v-2.947Zm-2.948 2.947h2.948v2.948h-2.948v-2.948Zm5.895 8.842h2.947v2.948H23.58v-2.948Zm8.842 11.79h2.947v2.947h-2.947v-2.947Zm14.737-14.737h2.947v5.895h-2.947v-5.895ZM18.667 38.316h7.86v2.947h-7.86v-2.947Z" fill="#DF8900"/><path d="M23.579 41.263h8.842v2.948H23.58v-2.948Z" fill="#DF8900"/><path d="M26.526 44.21h11.79v2.948h-11.79V44.21Zm-8.842-14.736h.983v11.79h-.983v-11.79Zm-2.947 2.947h2.947v2.947h-2.947v-2.947Zm0-8.842h2.947v2.947h-2.947V23.58Zm0 2.947h2.947v2.948h-2.947v-2.948Z" fill="#DF8900"/><path d="M17.684 26.526h2.948v2.948h-2.948v-2.948Z" fill="#DF8900"/><path d="M41.263 44.21h2.948v2.948h-2.948V44.21Zm5.895-5.894h2.947v2.947h-2.947v-2.947Zm-32.421-8.842h2.947v2.947h-2.947v-2.947Zm5.895-5.895h2.947v5.895h-2.947v-5.895Zm0-11.789h2.947v2.947h-2.947V11.79Zm0 5.894h2.947v2.948h-2.947v-2.948Zm-2.948 2.948h2.948v5.894h-2.948v-5.894Zm32.421 5.894h2.948v2.948h-2.948v-2.948Zm-5.895-5.894h2.948v2.947H44.21v-2.947Zm-20.631-2.948h2.947v5.895H23.58v-5.895Z" fill="#FCD100"/><path d="M8.842 35.368h2.947v2.948H8.843v-2.948Zm-2.947-2.947h2.947v5.895H5.895V32.42Zm5.895-2.947h2.947v11.79H11.79v-11.79Z" fill="#DEA159"/><path d="M5.895 29.474h2.947v2.947H5.895v-2.947Zm2.947 2.947h2.947v2.947H8.843v-2.947Zm12.772 0h11.79v2.947h-11.79v-2.947Zm5.895-2.947h5.895v2.947h-5.895v-2.947ZM5.895 20.632h5.895v5.894H5.895v-5.894Zm5.895 2.947h2.947v5.895H11.79v-5.895Z" fill="#FFE2AF"/><path d="M20.632 8.842h2.947v2.947h-2.947V8.843Zm17.684 2.948h2.947v2.947h-2.947V11.79Z" fill="#8F4039"/><path d="M41.263 17.684h2.948v2.948h-2.948v-2.948Z" fill="#2F2000"/><path d="M41.263 20.632h2.948v2.947h-2.948v-2.947Z" fill="#F4F7AC"/><path d="M26.526 17.684h2.948v2.948h-2.948v-2.948Z" fill="#2F2000"/><path d="M26.526 20.632h2.948v2.947h-2.948v-2.947Z" fill="#F4F7AC"/><path d="M20.632 20.632h2.947v2.947h-2.947v-2.947Zm8.842-11.79h2.947v2.947h-2.947V8.843Zm2.947 5.895h2.947v2.947h-2.947v-2.947Zm8.842-2.947h2.948v2.947h-2.948V11.79Zm0 14.736h2.948v2.948h-2.948v-2.948Zm-4.913 8.842h1.966v2.948H36.35v-2.948Z" fill="#FFFF0C"/><path d="M41.263 8.842h2.948v2.947h-2.948V8.843Zm8.842 20.632h2.948v5.894h-2.948v-5.894Zm-2.947-11.79h2.947v5.895h-2.947v-5.895ZM44.21 11.79h2.948v5.894H44.21V11.79Zm-26.526 0h2.948v5.894h-2.948V11.79Zm-2.947 5.894h2.947v5.895h-2.947v-5.895ZM38.316 44.21h2.947v2.948h-2.947V44.21Zm2.947 2.948h2.948v2.947h-2.948v-2.947Z" fill="#8F4039"/><path d="M2.947 35.368h2.948v2.948H2.947v-2.948ZM0 29.474h2.947v5.894H0v-5.894Z" fill="#6B3407"/></svg>
\ No newline at end of file
diff --git a/src/SMAPI.Web/wwwroot/Content/js/index.js b/src/SMAPI.Web/wwwroot/Content/js/index.js
index d0734b02..04db5c2f 100644
--- a/src/SMAPI.Web/wwwroot/Content/js/index.js
+++ b/src/SMAPI.Web/wwwroot/Content/js/index.js
@@ -3,10 +3,10 @@ $(document).ready(function () {
     var pufferchick = $("#pufferchick");
     $(".cta-dropdown").hover(
         function () {
-            pufferchick.attr("src", "Content/images/pufferchick-cool.png");
+            pufferchick.attr("src", "Content/images/pufferchick-cool.svg");
         },
         function () {
-            pufferchick.attr("src", "Content/images/pufferchick.png");
+            pufferchick.attr("src", "Content/images/pufferchick.svg");
         }
     );