wymiller/my-website-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjusted the header, footer
Some checks failed
Build and Release Docker Images / build-and-push (./backend, public/Dockerfile, my-website-v2_public) (push) Failing after 26m3s
Details
Build and Release Docker Images / build-and-push (./backend, task/Dockerfile, my-website-v2_task) (push) Failing after 26m40s
Details
Build and Release Docker Images / build-and-push (./frontend, Dockerfile, my-website-v2_frontend) (push) Failing after 17m6s
Details
Build and Release Docker Images / create-release (push) Has been skipped
Details

Browse Source
This commit is contained in:
Wyatt J. Miller
2025-07-27 00:35:01 -04:00
parent 4762a28cc2
commit a48396f1bc
2 changed files with 42 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
frontend/components/Footer.tsx
View File

@@ -4,49 +4,47 @@ export default function Footer() {
return (
<footer class="bg-[#313244] text-[#cdd6f4] py-8 mt-auto">
<div class="container mx-auto px-4">
{/* Grid layout that switches from 2 to 1 column on small screens */}
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="space-y-2">
<a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/rss"
>
<div class="flex items-center gap-2">
<hi.HiOutlineRss />
RSS
</div>
</a>
<a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/sitemap"
>
<div class="flex items-center gap-2">
<hi.HiOutlineMap />
Sitemap
</div>
</a>
</div>
{/* 2x2 grid on mobile, horizontal row on desktop - all centered */}
<div class="grid grid-cols-2 place-items-center md:flex md:flex-row items-center justify-center md:gap-8">
<a
class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/rss"
>
<div class="flex items-center gap-2">
<hi.HiOutlineRss />
RSS
</div>
</a>
<div>
<a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/resume.pdf"
>
<div class="flex items-center gap-2">
<hi.HiOutlineBriefcase />
Resume
</div>
</a>
<a
class="mb-8 text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="mailto:wjmiller2016@gmail.com"
>
<div class="flex items-center gap-2">
<hi.HiOutlineEnvelope />
Email me
</div>
</a>
</div>
<a
class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/sitemap"
>
<div class="flex items-center gap-2">
<hi.HiOutlineMap />
Sitemap
</div>
</a>
<a
class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="/resume.pdf"
>
<div class="flex items-center gap-2">
<hi.HiOutlineBriefcase />
Resume
</div>
</a>
<a
class="text-[#cdd6f4] transition-all duration-300 ease-in-out hover:text-[#cba6f7] hover:drop-shadow-[0_0_20px_rgba(96,165,250,0.7)] hover:scale-110 cursor-pointer visited:text-[#bac2de]"
href="mailto:wjmiller2016@gmail.com"
>
<div class="flex items-center gap-2">
<hi.HiOutlineEnvelope />
Email me
</div>
</a>
</div>
<div class="border-t border-gray-700 mt-8 pt-4 text-center">