updated look
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 2m15s
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 2m15s
This commit is contained in:
@@ -1,11 +1,23 @@
|
||||
export function Footer() {
|
||||
return (
|
||||
<footer className="w-full py-8 text-center text-xs text-zinc-400 dark:text-zinc-600 font-mono border-t border-zinc-200/50 dark:border-zinc-800/50 mt-auto">
|
||||
<div className="max-w-4xl mx-auto px-6 flex flex-col sm:flex-row justify-between items-center gap-4">
|
||||
|
||||
<div className="flex gap-4">
|
||||
<a href="https://x.com/thekolliakshay" className="hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors">Twitter</a>
|
||||
<a href="https://github.com/akkolli" className="hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors">GitHub</a>
|
||||
<footer className="mt-auto border-t border-line">
|
||||
<div className="mx-auto flex max-w-[72rem] flex-col gap-3 px-5 py-6 sm:flex-row sm:items-center sm:justify-between sm:px-6">
|
||||
<p className="text-[0.82rem] leading-6 text-muted">
|
||||
Research, writing, and software.
|
||||
</p>
|
||||
<div className="flex flex-wrap gap-4 text-[0.82rem] text-ink">
|
||||
<a href="mailto:akshaykolli@hotmail.com" className="transition-colors hover:text-accent">
|
||||
Email
|
||||
</a>
|
||||
<a href="https://github.com/akkolli" target="_blank" rel="noopener noreferrer" className="transition-colors hover:text-accent">
|
||||
GitHub
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/akshay-kolli-/" target="_blank" rel="noopener noreferrer" className="transition-colors hover:text-accent">
|
||||
LinkedIn
|
||||
</a>
|
||||
<a href="https://x.com/thekolliakshay" target="_blank" rel="noopener noreferrer" className="transition-colors hover:text-accent">
|
||||
X
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user