brandon/uiowaATR
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

design edits to bottom homepage links

Browse Source
This commit is contained in:
Brandon Egger 2023-04-18 23:54:37 -05:00
parent 7ec618d7f5
commit e10f2911d9
1 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/index.tsx
View File

@ -63,27 +63,38 @@ const Home: NextPage = () => {
</div> </div>
</section> </section>
<div className="max-w-5xl mx-auto p-12 mb-12"> <div className="max-w-5xl mx-auto p-4 sm:p-12 mb-12">
<h1 className="font-extrabold text-4xl text-center">Want to learn more?</h1> <h1 className="font-extrabold text-2xl sm:text-4xl text-center">Want to learn more?</h1>
<div className="flex flex-col pt-8 space-y-6"> <div className="flex flex-col pt-8 space-y-6 mx-auto w-fit">
<section className="text-center mx-auto space-x-4"> <section className="space-x-4 flex flex-row justify-between">
<h2 className="align-middle inline-block text-lg"> <h2 className="italic text-md my-auto inline-block sm:text-lg">
Learn more about the project and team Learn more about the project
</h2> </h2>
<span className="hidden sm:block grow border border-dashed border-neutral-400 h-[1px] my-auto" />
<Link href="/about" className="font-semibold align-middle inline-block ease-out duration-200 hover:shadow-md hover:bg-yellow-300 shadow-lg shadow-black/50 px-4 py-2 bg-yellow-200 rounded-md border border-neutral-900"> <Link href="/about" className="font-semibold align-middle inline-block ease-out duration-200 hover:shadow-md hover:bg-yellow-300 shadow-lg shadow-black/50 px-4 py-2 bg-yellow-200 rounded-md border border-neutral-900">
About About
<ArrowUpRightIcon className="inline-block align-middle w-5" /> <ArrowUpRightIcon className="inline-block align-middle w-5" />
</Link> </Link>
</section> </section>
<section className="text-center mx-auto space-x-4"> <section className="space-x-4 flex flex-row justify-between">
<h2 className="align-middle inline-block text-lg"> <h2 className="italic text-md my-auto inline-block sm:text-lg">
Request changes or get in touch Get in touch with the team
</h2> </h2>
<span className="hidden sm:block grow border border-dashed border-neutral-400 h-[1px] my-auto" />
<Link href="/contact" className="font-semibold align-middle inline-block ease-out duration-200 hover:shadow-md hover:bg-yellow-300 shadow-lg shadow-black/50 px-4 py-2 bg-yellow-200 rounded-md border border-neutral-900"> <Link href="/contact" className="font-semibold align-middle inline-block ease-out duration-200 hover:shadow-md hover:bg-yellow-300 shadow-lg shadow-black/50 px-4 py-2 bg-yellow-200 rounded-md border border-neutral-900">
Contact Contact
<ArrowUpRightIcon className="inline-block align-middle w-5" /> <ArrowUpRightIcon className="inline-block align-middle w-5" />
</Link> </Link>
</section> </section>
<section className="space-x-4 flex flex-row justify-between">
<h2 className="italic text-md my-auto inline-block sm:text-lg">
Tell us how we&rsquo;re doing!
</h2>
<a target="_blank" href='https://forms.gle/FD2abgwBuTaipysZ6' className="flex flex-row font-semibold align-middle inline-block ease-out duration-200 hover:shadow-md hover:bg-yellow-300 shadow-lg shadow-black/50 px-4 py-2 bg-yellow-200 rounded-md border border-neutral-900">
Give Feedback
<ArrowUpRightIcon className="inline align-middle w-5" />
</a>
</section>
</div> </div>
</div> </div>
</main> </main>