gbanyan/blog-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tweak card images, dark mode text, social links, and add right sidebar

Browse Source
This commit is contained in:
gbanyan
2025-11-17 17:19:47 +08:00
parent 78b28a5b7b
commit b89c01c966
9 changed files with 118 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
components/hero.tsx
View File

@@ -14,10 +14,15 @@ export function Hero() {
<h1 className="text-2xl font-bold tracking-tight sm:text-3xl">
{name}
</h1>
<p className="mt-1 max-w-2xl text-sm text-slate-600 dark:text-slate-300">
<p className="mt-1 max-w-2xl text-sm text-slate-700 dark:text-slate-100">
{tagline}
</p>
{(social.github || social.twitter || social.linkedin || social.email) && (
{(social.github ||
social.twitter ||
social.linkedin ||
social.email ||
social.mastodon ||
social.gitea) && (
<div className="mt-2 flex flex-wrap items-center gap-3 text-xs text-slate-500">
{social.github && (
<a
@@ -39,6 +44,26 @@ export function Hero() {
Twitter
</a>
)}
{social.mastodon && (
<a
href={social.mastodon}
target="_blank"
rel="noopener noreferrer"
className="rounded-full bg-white/70 px-3 py-1 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50 dark:bg-slate-900/60 dark:ring-slate-700"
>
Mastodon
</a>
)}
{social.gitea && (
<a
href={social.gitea}
target="_blank"
rel="noopener noreferrer"
className="rounded-full bg-white/70 px-3 py-1 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50 dark:bg-slate-900/60 dark:ring-slate-700"
>
Gitea
</a>
)}
{social.linkedin && (
<a
href={social.linkedin}
@@ -64,4 +89,3 @@ export function Hero() {
</section>
);
}