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

modified PostCarousel to use grid, among other things

Browse Source
This commit is contained in:
Wyatt J. Miller
2024-12-10 14:08:03 -05:00
parent 637f0b47dd
commit addb2e55d9
5 changed files with 41 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/components/Footer.tsx
View File

@ -1,3 +1,5 @@
import * as hi from "jsr:@preact-icons/hi2";
export default function Footer() {
return (
<footer class="bg-[#313244] text-[#cdd6f4] py-8">
@ -7,51 +9,59 @@ export default function Footer() {
<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="/posts.rss"
href={`${Deno.env.get("BASE_URI_API")}/posts/rss`}
>
RSS
<div class="flex items-center gap-2">
<hi.HiOutlineRss />
RSS
</div>
</a>
<br />
<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.xml"
>
Sitemap
<div class="flex items-center gap-2">
<hi.HiOutlineMap />
Sitemap
</div>
</a>
</div>
<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]">
Resume
<div class="flex items-center gap-2">
<hi.HiOutlineBriefcase />
Resume
</div>
</a>
<br />
<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"
>
Email me
<div class="flex items-center gap-2">
<hi.HiOutlineEnvelope />
Email me
</div>
</a>
<br />
<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="https://x.com/wymillerlinux"
>
X
<div class="flex items-center gap-2">X (Twitter)</div>
</a>
<br />
<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="https://github.com/wymillerlinux"
>
GitHub
<div class="flex items-center gap-2">GitHub</div>
</a>
</div>
</div>
<div class="border-t border-gray-700 mt-8 pt-4 text-center">
<p class="text-sm text-gray-400">
© {new Date().getFullYear()}{" "}
Miller Web Solutions. All Rights Reserved. Hosted by Akamai.
© {new Date().getFullYear()} Miller Web Solutions. All Rights
Reserved. Hosted by Akamai.
</p>
</div>
</div>