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 ( return (
<footer class="bg-[#313244] text-[#cdd6f4] py-8 mt-auto"> <footer class="bg-[#313244] text-[#cdd6f4] py-8 mt-auto">
<div class="container mx-auto px-4"> <div class="container mx-auto px-4">
{/* Grid layout that switches from 2 to 1 column on small screens */} {/* 2x2 grid on mobile, horizontal row on desktop - all centered */}
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div class="grid grid-cols-2 place-items-center md:flex md:flex-row items-center justify-center md:gap-8">
<div class="space-y-2"> <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]"
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"
href="/rss" >
> <div class="flex items-center gap-2">
<div class="flex items-center gap-2"> <hi.HiOutlineRss />
<hi.HiOutlineRss /> RSS
RSS </div>
</div> </a>
</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>
<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]"
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"
href="/resume.pdf" >
> <div class="flex items-center gap-2">
<div class="flex items-center gap-2"> <hi.HiOutlineMap />
<hi.HiOutlineBriefcase /> Sitemap
Resume </div>
</div> </a>
</a>
<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]" 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" href="/resume.pdf"
> >
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<hi.HiOutlineEnvelope /> <hi.HiOutlineBriefcase />
Email me Resume
</div> </div>
</a> </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="mailto:wjmiller2016@gmail.com"
>
<div class="flex items-center gap-2">
<hi.HiOutlineEnvelope />
Email me
</div>
</a>
</div> </div>
<div class="border-t border-gray-700 mt-8 pt-4 text-center"> <div class="border-t border-gray-700 mt-8 pt-4 text-center">

4
frontend/components/Header.tsx
View File

@@ -35,14 +35,14 @@ export default function Header() {
return ( return (
<header> <header>
<nav> <nav>
<div class="bg-[#313244] flex flex-wrap justify-center space-x-6 p-4"> <div class="grid grid-cols-2 mt-4 place-items-center md:flex md:flex-row items-center justify-center md:gap-8">
{headerLinks.map((l) => { {headerLinks.map((l) => {
const newTab = l.newTab ? "_blank" : "_self"; const newTab = l.newTab ? "_blank" : "_self";
return ( return (
<a <a
href={l.linkTo} href={l.linkTo}
target={newTab} target={newTab}
class="text-[#cdd6f4] text-lg font-medium 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" class="text-[#cdd6f4] text-md sm:text-lg font-medium 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"
> >
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
{l.icon} {l.name} {l.icon} {l.name}