mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove unnecessary aria-label

Browse Source
This commit is contained in:
prototypa
2022-08-10 16:31:52 -04:00
parent e2f7ec9a9f
commit 9c6c5e3fcf
1 changed files with 37 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/components/astro/footers/BasicFooter.astro
View File

@ -1,13 +1,13 @@
--- ---
import { IconTwitter, IconInstagram, IconFacebook, IconArrowRight } from "~/components/astro/icons"; import { IconTwitter, IconInstagram, IconFacebook, IconArrowRight } from "~/components/astro/icons";
const { } = Astro.props; const { } = Astro.props;
--- ---
<footer> <footer>
<div class="max-w-6xl mx-auto px-4 sm:px-6"> <div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="grid sm:grid-cols-12 gap-8 py-8 md:py-12 border-t border-gray-200 dark:border-slate-800"> <div class="grid sm:grid-cols-12 gap-8 py-8 md:py-12 border-t border-gray-200 dark:border-slate-800">
<div class="sm:col-span-12 lg:col-span-3"> <div class="sm:col-span-12 lg:col-span-3">
<div class="mb-2"><a class="inline-block font-bold" aria-label="Tailwind Astro" href="/">AstroWind</a></div> <div class="mb-2"><a class="inline-block font-bold" href="/">AstroWind</a></div>
<div class="text-sm text-gray-600"> <div class="text-sm text-gray-600">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out" <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 hover:underline transition duration-150 ease-in-out"
href="/">Terms</a> · href="/">Terms</a> ·
@ -19,22 +19,27 @@
<div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Products</div> <div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Products</div>
<ul class="text-sm"> <ul class="text-sm">
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Web <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Web
Studio</a> Studio</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">DynamicBox <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">DynamicBox
Flex</a> Flex</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Programming <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Programming
Forms</a> Forms</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Integrations</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Integrations</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Command-line</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Command-line</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -42,20 +47,25 @@
<div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Resources</div> <div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Resources</div>
<ul class="text-sm"> <ul class="text-sm">
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Documentation</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Documentation</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Tutorials &amp; <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Tutorials &amp;
Guides</a> Guides</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Blog</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Blog</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Support Center</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Support Center</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Partners</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Partners</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -63,25 +73,31 @@
<div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Company</div> <div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Company</div>
<ul class="text-sm"> <ul class="text-sm">
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Home</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Home</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">About us</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">About us</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Company values</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Company values</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Pricing</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Pricing</a>
</li> </li>
<li class="mb-2"> <li class="mb-2">
<a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out" href="/">Privacy Policy</a> <a class="text-gray-600 hover:text-gray-700 dark:text-gray-400 transition duration-150 ease-in-out"
href="/">Privacy Policy</a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="sm:col-span-6 md:col-span-3 lg:col-span-3"> <div class="sm:col-span-6 md:col-span-3 lg:col-span-3">
<div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Subscribe</div> <div class="text-gray-800 dark:text-gray-300 font-medium mb-2">Subscribe</div>
<p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Get the latest news and articles to your inbox every month.</p> <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">Get the latest news and articles to your inbox every
month.</p>
<form> <form>
<div class="flex flex-wrap mb-4"> <div class="flex flex-wrap mb-4">
<div class="w-full"> <div class="w-full">
@ -126,7 +142,8 @@
</ul> </ul>
<div class="text-sm text-gray-700 mr-4 dark:text-slate-400"> <div class="text-sm text-gray-700 mr-4 dark:text-slate-400">
Made by <a class="text-blue-600 hover:underline dark:text-gray-200" href="https://onwidget.com/">onWidget</a>. All rights reserved. Made by <a class="text-blue-600 hover:underline dark:text-gray-200" href="https://onwidget.com/">onWidget</a>.
All rights reserved.
</div> </div>
</div> </div>
</div> </div>