Merge pull request #935 from ishanjalan/WCAGContrast

Replace PNG with SVG for all homepage image assets; minor WCAG compliance fixes

# Conflicts:
#	src/SMAPI.Web/Views/Index/Index.cshtml
This commit is contained in:
Jesse Plamondon-Willard
2024-03-29 20:06:46 -04:00
14 changed files with 16 additions and 10 deletions
+6 -6
View File
@@ -26,9 +26,9 @@
<div class="cta-dropdown">
<a href="@Model!.StableVersion.DownloadUrl" class="main-cta download">Download SMAPI @Model.StableVersion.Version</a><br />
<div class="dropdown-content">
<a href="https://www.nexusmods.com/stardewvalley/mods/2400"><img src="Content/images/nexus-icon.png" /> Download from Nexus</a>
<a href="https://www.curseforge.com/stardewvalley/utility/smapi"><img src="Content/images/curseforge-icon.png" /> Download from CurseForge</a>
<a href="@Model.StableVersion.WebUrl"><img src="Content/images/github-logo.png" /> Download from GitHub</a>
<a href="https://www.nexusmods.com/stardewvalley/mods/2400"><img src="Content/images/nexus-icon.svg" /> Download from Nexus</a>
<a href="https://www.curseforge.com/stardewvalley/utility/smapi"><img src="Content/images/curseforge-icon.svg" /> Download from CurseForge</a>
<a href="@Model.StableVersion.WebUrl"><img src="Content/images/github-logo.svg" /> Download from GitHub</a>
</div>
</div>
<div><a href="https://stardewvalleywiki.com/Modding:Player_Guide" class="secondary-cta">Player guide</a></div>
@@ -66,17 +66,17 @@
<ul id="donate-links">
<li>
<a href="https://www.patreon.com/pathoschild" class="donate-button">
<img src="Content/images/patreon.png" /> Become a patron
<img src="Content/images/patreon.svg" /> Become a patron
</a>
</li>
<li>
<a href="https://ko-fi.com/pathoschild" class="donate-button">
<img src="Content/images/ko-fi.png" /> Buy me a coffee
<img src="Content/images/ko-fi.svg" /> Buy me a coffee
</a>
</li>
<li>
<a href="https://www.paypal.me/pathoschild" class="donate-button">
<img src="Content/images/paypal.png" /> Donate via PayPal
<img src="Content/images/paypal.svg" /> Donate via PayPal
</a>
</li>
</ul>
+4 -4
View File
@@ -29,18 +29,18 @@ h1 {
margin-bottom: 1em;
padding: 6px 24px;
text-decoration: none;
text-shadow: #aade7c 0 1px 0;
text-shadow: #98D760 0 1px 0;
}
#call-to-action a.main-cta {
background: linear-gradient(#77d42a 5%, #5cb811 75%) #77d42a;
font-size: 1.5em;
color: #306108;
color: #214205;
}
#call-to-action a.secondary-cta {
background: #768d87;
border: 1px solid #566963;
background: #5E706B;
border: 1px solid #3C4945;
color: #eee;
text-shadow: #2b665e 0 1px 0;
}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 217 B

@@ -0,0 +1 @@
<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M14.942 7.511s3.828-.603 4.433-2.364h-5.864V3.75H.625l1.587 1.842v1.887s4.006-.208 5.555.967c2.12 1.965-2.385 4.622-2.385 4.622l-.773 2.557c1.208-1.15 3.511-2.639 7.733-2.567-1.607.508-3.222 1.3-4.48 2.567h8.535l-.804-2.557s-6.186-3.647-.65-5.557Z" fill="#000"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg>

After

Width:  |  Height:  |  Size: 457 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

@@ -0,0 +1 @@
<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M10 0c5.525 0 10 4.475 10 10a10.016 10.016 0 0 1-6.813 9.488c-.5.1-.687-.213-.687-.476 0-.337.012-1.412.012-2.75 0-.937-.312-1.537-.675-1.85 2.226-.25 4.563-1.1 4.563-4.937 0-1.1-.387-1.987-1.025-2.688.1-.25.45-1.274-.1-2.65 0 0-.838-.274-2.75 1.026a9.28 9.28 0 0 0-2.5-.338c-.85 0-1.7.112-2.5.337-1.913-1.287-2.75-1.024-2.75-1.024-.55 1.375-.2 2.4-.1 2.65-.638.7-1.025 1.6-1.025 2.687 0 3.825 2.325 4.688 4.55 4.938-.287.25-.55.687-.637 1.337-.575.262-2.013.688-2.913-.825-.188-.3-.75-1.038-1.538-1.025-.837.012-.337.475.013.662.425.238.912 1.126 1.025 1.413.2.563.85 1.638 3.362 1.175 0 .838.013 1.625.013 1.863 0 .262-.188.562-.688.474A9.994 9.994 0 0 1 0 10C0 4.475 4.475 0 10 0Z" fill="#000"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg>

After

Width:  |  Height:  |  Size: 893 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

@@ -0,0 +1 @@
<svg width="92" height="61" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M71.484 34.182a27 27 0 0 1-6.118 0V13.62h4.14a9.2 9.2 0 0 1 9.476 9.614 10.166 10.166 0 0 1-7.498 10.948Zm17.802-14.49a19.964 19.964 0 0 0-8.188-12.88 22.08 22.08 0 0 0-12.512-3.864H5.382A3.312 3.312 0 0 0 2.3 6.214v43.608a9.2 9.2 0 0 0 9.568 8.786h42.688a13.787 13.787 0 0 0 1.932-.23 12.19 12.19 0 0 0 8.602-13.386c15.824.874 27.002-10.304 24.196-25.162" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M68.584.648a24.38 24.38 0 0 1 13.814 4.266l.022.016a22.264 22.264 0 0 1 9.131 14.364c.02.107.03.214.034.32 1.456 8.039-.833 15.236-5.763 20.3-4.45 4.572-10.906 7.263-18.327 7.419a14.49 14.49 0 0 1-10.353 13.25c-.073.022-.147.04-.222.054a16.095 16.095 0 0 1-2.364.271H11.913A11.5 11.5 0 0 1 0 49.822V6.216l.011-.028h-.01A5.612 5.612 0 0 1 5.221.654a2.3 2.3 0 0 1 .16-.006h63.202ZM4.6 6.904v-.673a1.012 1.012 0 0 1 .885-.983h63.101a19.791 19.791 0 0 1 11.201 3.454 17.664 17.664 0 0 1 7.2 11.201c.004.117.017.235.039.354 1.272 6.733-.63 12.473-4.5 16.45-3.895 4-9.965 6.394-17.31 5.989a2.3 2.3 0 0 0-2.403 2.617 9.89 9.89 0 0 1-6.87 10.827 11.5 11.5 0 0 1-1.445.168h-42.63a6.9 6.9 0 0 1-7.268-6.54V6.904Zm67.756 9.506a6.9 6.9 0 0 0-2.779-.491l-.071.001h-1.84v16.124c1.129.035 2.26-.008 3.383-.128a7.866 7.866 0 0 0 5.647-8.428 2.293 2.293 0 0 1-.012-.359 6.9 6.9 0 0 0-4.328-6.72Zm-2.884-5.09a11.5 11.5 0 0 1 11.814 11.838 12.466 12.466 0 0 1-9.212 13.247c-.108.029-.218.05-.33.062a29.304 29.304 0 0 1-6.638 0 2.3 2.3 0 0 1-2.04-2.285V13.62a2.3 2.3 0 0 1 2.3-2.3h4.106Z" fill="#323A47"/><path d="M33.304 47.016a.874.874 0 0 0 1.104 0s10.074-9.2 14.582-14.444a9.661 9.661 0 0 0-2.622-15.686 11.822 11.822 0 0 0-12.604 3.496 11.086 11.086 0 0 0-15.87-1.334 11.179 11.179 0 0 0 .506 13.248c2.254 3.312 12.88 12.788 14.49 14.352l.414.322" fill="#FF5E5B"/></g><defs><clipPath id="a"><path fill="#fff" transform="translate(0 .648)" d="M0 0h92v60.352H0z"/></clipPath></defs></svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 927 B

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

@@ -0,0 +1 @@
<svg width="38" height="42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.975 12.392c0 .312.021.627-.004.937-.03.361-.082.722-.149 1.08a22.563 22.563 0 0 1-.331 1.512 8.59 8.59 0 0 1-.359 1.084c-.313.767-.66 1.518-1.117 2.21-.282.427-.57.849-.864 1.266a4.126 4.126 0 0 1-.37.431c-.225.238-.442.483-.686.695-.358.322-.733.624-1.123.905-.356.25-.756.431-1.12.674-.404.268-.866.384-1.296.587-.384.18-.795.24-1.186.38-.498.18-1.021.222-1.531.331-.544.117-1.097.203-1.643.315-.449.09-.894.198-1.34.298-.254.056-.51.098-.756.173-.304.093-.6.214-.896.324-.201.072-.412.126-.604.219-.28.14-.544.315-.823.464-.457.242-.838.585-1.184.96-.292.32-.546.681-.8 1.036-.418.587-.706 1.244-.964 1.916-.254.657-.487 1.322-.725 1.986-.221.625-.43 1.252-.655 1.875-.199.541-.405 1.08-.618 1.615-.304.771-.68 1.513-1.12 2.215-.331.531-.685 1.049-1.142 1.478-.366.343-.72.704-1.17.944-.446.24-.906.448-1.4.557a6.636 6.636 0 0 1-1.807.129c-.229-.012-.455-.075-.684-.117-.137-.026-.276-.047-.409-.089-.112-.035-.215-.097-.322-.151-.302-.147-.624-.264-.9-.448a8.806 8.806 0 0 1-.96-.776c-.554-.492-.97-1.103-1.342-1.74-.252-.426-.48-.867-.681-1.319-.192-.436-.336-.893-.492-1.345a24.896 24.896 0 0 1-.34-1.063c-.092-.317-.165-.641-.243-.963-.073-.298-.15-.594-.212-.895-.112-.536-.215-1.073-.32-1.609-.047-.226-.09-.453-.133-.68-.06-.34-.114-.681-.171-1.022-.044-.254-.092-.506-.13-.76-.044-.28-.08-.56-.124-.839-.036-.242-.078-.483-.112-.725-.032-.226-.06-.452-.089-.678a70.064 70.064 0 0 1-.094-.73c-.03-.236-.055-.471-.082-.707l-.096-.818c-.011-.098-.023-.193-.03-.291-.034-.401-.068-.804-.1-1.208-.021-.25-.038-.5-.05-.75-.021-.39-.042-.777-.05-1.166-.015-.64-.024-1.28-.026-1.919 0-.378.002-.755.027-1.13.026-.392.08-.784.122-1.176.034-.312.064-.622.105-.934.023-.175.064-.348.1-.52.092-.432.176-.863.281-1.292.076-.31.181-.61.266-.916.157-.571.393-1.11.624-1.653.105-.25.235-.49.367-.725.186-.329.366-.66.576-.97.259-.378.533-.744.823-1.098a12.9 12.9 0 0 1 .873-.965c.24-.24.512-.448.77-.665.254-.212.501-.433.77-.624.412-.296.835-.576 1.263-.849.249-.158.514-.294.774-.434.405-.219.81-.44 1.22-.648.26-.13.527-.244.794-.354.683-.277 1.364-.557 2.055-.816.46-.17.932-.303 1.399-.452.24-.077.475-.161.717-.229.2-.056.402-.086.604-.133.22-.05.434-.119.656-.16.299-.059.603-.1.907-.147.34-.052.679-.105 1.02-.152.139-.019.283-.02.425-.03.47-.026.944-.054 1.414-.077.188-.01.382-.051.565-.019.443.08.889.017 1.332.05.428.03.853.076 1.278.127.306.038.608.103.914.15.268.04.535.065.802.107.215.035.43.081.645.128.46.103.919.196 1.374.317.404.11.797.275 1.204.37.469.113.899.332 1.351.479.462.149.86.424 1.3.608.515.217.96.546 1.418.858.347.238.685.492 1 .77.467.41.92.836 1.356 1.28.258.26.478.564.713.85.38.464.658.993.928 1.523.215.424.393.874.537 1.329.12.373.156.774.245 1.156.098.42.096.844.073 1.27l-.012.008Z" fill="#fff"/></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

@@ -0,0 +1 @@
<svg width="49" height="58" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.146 14.931a2.203 2.203 0 0 1 2.176-1.86h13.799c1.635 0 3.159.107 4.553.331.398.064.785.138 1.162.222a16.869 16.869 0 0 1 1.617.443 12.47 12.47 0 0 1 1.907.805c.691-4.406-.004-7.404-2.387-10.12-2.624-2.989-7.364-4.27-13.428-4.27H9.94c-1.24 0-2.294.902-2.488 2.127L.123 49.09a1.51 1.51 0 0 0 1.493 1.746h10.867l5.663-35.906Z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M43.36 14.872c-.052.336-.11.678-.18 1.031-2.32 11.92-10.263 16.04-20.407 16.04h-5.166a2.51 2.51 0 0 0-2.479 2.126l-3.395 21.525a1.322 1.322 0 0 0 1.306 1.528h9.16a2.203 2.203 0 0 0 2.176-1.86l.09-.466 1.726-10.943.111-.604a2.203 2.203 0 0 1 2.176-1.86h1.37c8.875 0 15.823-3.606 17.854-14.032.848-4.357.41-7.994-1.834-10.55-.678-.774-1.523-1.413-2.508-1.935Z" fill="#E3E3E3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M40.931 13.904a16.869 16.869 0 0 0-1.095-.28 20.05 20.05 0 0 0-1.162-.222c-1.394-.224-2.918-.332-4.553-.332H20.322a2.2 2.2 0 0 0-2.176 1.86l-2.933 18.596-.085.543a2.51 2.51 0 0 1 2.48-2.126h5.165c10.144 0 18.087-4.12 20.407-16.04.07-.353.128-.695.18-1.031a12.47 12.47 0 0 0-1.907-.805 13.967 13.967 0 0 0-.522-.163Z" fill="#F0F0F0"/></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB