mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-15 17:21:35 +10:00
- make the app faster, better accesibility
This commit is contained in:
@ -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>
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -18,6 +18,7 @@ const Wrapper = ({ children }) => {
|
||||
return (
|
||||
<>
|
||||
<Helmet>
|
||||
<html lang="en" />
|
||||
<title>Reactive Resume</title>
|
||||
<meta
|
||||
name="description"
|
||||
|
||||
@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user