2023-07-02 11:02:11 +00:00
|
|
|
import Image from "next/image";
|
2023-07-02 13:50:03 +00:00
|
|
|
import Config from "../../config/config.json";
|
2023-07-01 21:08:39 +00:00
|
|
|
|
2023-07-01 20:43:53 +00:00
|
|
|
export default function Home() {
|
|
|
|
return (
|
2023-07-01 21:08:39 +00:00
|
|
|
<main className="flex flex-col items-center justify-center w-screen h-screen bg-neutral-900 text-white">
|
|
|
|
<div className="bg-neutral-800 rounded text-center">
|
|
|
|
<div className="m-5">
|
2023-07-02 11:02:11 +00:00
|
|
|
<div className="flex flex-col items-center justify-center">
|
|
|
|
<Image
|
|
|
|
src={Config.avatar}
|
|
|
|
alt="Avatar"
|
|
|
|
width={120}
|
|
|
|
height={120}
|
|
|
|
className="rounded-full"
|
|
|
|
/>
|
|
|
|
<div className="mb-3"></div>
|
|
|
|
<h1 className="text-4xl font-bold">{Config.name}</h1>
|
|
|
|
</div>
|
2023-07-01 21:08:39 +00:00
|
|
|
|
|
|
|
<p className="mt-4 text-lg max-w-lg">{Config.description}</p>
|
2023-07-01 20:43:53 +00:00
|
|
|
|
2023-07-01 21:08:39 +00:00
|
|
|
<div className="flex flex-col items-center">
|
|
|
|
{Config.links.map((link, index) => {
|
|
|
|
return (
|
2023-07-02 11:02:39 +00:00
|
|
|
<a
|
|
|
|
key={index}
|
|
|
|
href={link.url}
|
|
|
|
target="_blank"
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
>
|
|
|
|
<div
|
2023-07-01 21:08:39 +00:00
|
|
|
key={index}
|
|
|
|
className={`mt-4 px-4 w-60 py-2 rounded ${link.color.normal} hover:${link.color.hover}`}
|
|
|
|
>
|
2023-07-02 11:02:39 +00:00
|
|
|
{link.title}
|
|
|
|
</div>
|
|
|
|
</a>
|
2023-07-01 21:08:39 +00:00
|
|
|
);
|
|
|
|
})}
|
|
|
|
</div>
|
2023-07-01 21:30:23 +00:00
|
|
|
|
2023-07-02 13:42:34 +00:00
|
|
|
{Config.options.showSourceLink && (
|
|
|
|
<h1 className="mt-5 text-blue-300">
|
|
|
|
<a
|
|
|
|
href="https://git.fascinated.cc/Fascinated/simple-links"
|
|
|
|
target="_blank"
|
|
|
|
>
|
|
|
|
View the website source here
|
|
|
|
</a>
|
|
|
|
</h1>
|
|
|
|
)}
|
2023-07-01 21:08:39 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2023-07-01 20:43:53 +00:00
|
|
|
</main>
|
|
|
|
);
|
|
|
|
}
|