imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Better Github Sponsors && HotKey && Scroll Hash

Browse source
This commit is contained in:
암냥 2025-03-02 01:13:52 +09:00
commit c4ed0b3e94
No known key found for this signature in database
GPG key ID: C96C0327210DD61A
3 changed files with 170 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

124
src/components/Home/Contact.tsx
View file

@ -1,45 +1,91 @@
import { Github, Instagram, Rss } from "lucide-react";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
import { Button } from "../ui/button";
export default function Contact() {
return (
<div className="w-full h-screen flex items-center justify-center">
<div className="w-full md:w-[50%] p-4 flex items-center justify-center flex-col gap-4">
<div className="flex items-center justify-center gap-4 flex-row">
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<a href="https://github.com/imnyang" target="_blank" rel="noreferrer" className="flex flex-row gap-4"><Github /></a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">Github</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<a href="https://x.com/imnya_ng" target="_blank" rel="noreferrer" className="flex flex-row gap-4 text-3xl">𝕏</a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">𝕏</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<a href="https://instagram.com/loopback.ip" target="_blank" rel="noreferrer" className="flex flex-row gap-4"><Instagram /></a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">Instagram</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<a href="https://blog.imnya.ng" target="_blank" rel="noreferrer" className="flex flex-row gap-4"><Rss /></a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">Blog</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<iframe src="https://github.com/sponsors/imnyang/card" title="Sponsor imnyang" height="117" width="600" className="rounded-2xl" />
</div>
return (
<div className="w-full h-screen flex items-center justify-center">
<div className="w-full md:w-[50%] p-4 flex items-center justify-center flex-col gap-4">
<div className="flex items-center justify-center gap-4 flex-row">
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<a
href="https://github.com/imnyang"
target="_blank"
rel="noreferrer"
className="flex flex-row gap-4"
>
<Github />
</a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">
Github
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<a
href="https://x.com/imnya_ng"
target="_blank"
rel="noreferrer"
className="flex flex-row gap-4 text-3xl"
>
𝕏
</a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">𝕏</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<a
href="https://instagram.com/loopback.ip"
target="_blank"
rel="noreferrer"
className="flex flex-row gap-4"
>
<Instagram />
</a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">
Instagram
</TooltipContent>
</Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<a
href="https://blog.imnya.ng"
target="_blank"
rel="noreferrer"
className="flex flex-row gap-4"
>
<Rss />
</a>
</TooltipTrigger>
<TooltipContent className="px-2 py-1 text-xs">
Blog
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
);
<div className="flex flex-row gap-3 items-center justify-center">
<p>Github</p>
<Button
variant="secondary"
size="sm"
>
<a href="https://github.com/sponsors/imnyang" target="_blank" rel="noreferrer" className="flex items-center justify-center gap-2">
<span>💕</span>
<span>Sponsor</span>
</a>
</Button>
</div>
</div>
</div>
);
}