- make the app faster, better accesibility

This commit is contained in:
Amruth Pillai
2020-07-16 20:30:53 +05:30
parent 0b70d7ebec
commit f8d679993a
8 changed files with 34 additions and 31 deletions

View File

@ -20,6 +20,7 @@ const Hero = () => {
return (
<div className="flex flex-col md:flex-row items-center">
<Link to="/">
<span className="sr-only">Reactive Resume</span>
<Logo className="shadow-lg" size="256px" />
</Link>

View File

@ -71,7 +71,7 @@ const Screenshots = () => {
return (
<div className="mt-24 mb-4">
<h4 className="text-xl uppercase font-bold mb-8">Screenshots</h4>
<div className="text-xl uppercase font-bold mb-8">Screenshots</div>
<div className="flex w-full overflow-x-scroll">
{Object.keys(screenshots).map((x) => (
@ -82,7 +82,11 @@ const Screenshots = () => {
key={screenshots[x].childImageSharp.fluid.src}
href={screenshots[x].childImageSharp.fluid.src}
>
<GatsbyImage fixed={screenshots[x].childImageSharp.fixed} />
<span className="sr-only">Reactive Resume Screenshot</span>
<GatsbyImage
fixed={screenshots[x].childImageSharp.fixed}
alt="Reactive Resume Screenshot"
/>
</a>
))}
</div>