- 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>

View File

@ -18,6 +18,7 @@ const Wrapper = ({ children }) => {
return (
<>
<Helmet>
<html lang="en" />
<title>Reactive Resume</title>
<meta
name="description"

View File

@ -68,9 +68,9 @@ const Home = () => {
</div>
<div className="my-24">
<h4 className="text-xl uppercase font-bold mb-8">
<div className="text-xl uppercase font-bold mb-8">
Links of Interest
</h4>
</div>
<div className="grid grid-cols-3 md:grid-cols-4 gap-8">
<Link to="/faq">Frequently Asked Questions</Link>
<a
@ -115,7 +115,7 @@ const Home = () => {
const Feature = ({ title, children }) => {
return (
<div className="mt-16">
<h3 className="text-3xl">{title}</h3>
<div className="text-3xl">{title}</div>
<p className="mt-6 text-lg leading-loose">{children}</p>
</div>
);