2023-07-01 21:08:39 +00:00
|
|
|
import Config from "../../config.json";
|
|
|
|
|
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">
|
|
|
|
<h1 className="text-4xl font-bold">{Config.name}</h1>
|
|
|
|
|
|
|
|
<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 (
|
|
|
|
<>
|
|
|
|
<button
|
|
|
|
key={index}
|
|
|
|
className={`mt-4 px-4 w-60 py-2 rounded ${link.color.normal} hover:${link.color.hover}`}
|
|
|
|
>
|
2023-07-01 21:21:09 +00:00
|
|
|
<a href={link.url} target="_blank">
|
|
|
|
{link.title}
|
|
|
|
</a>
|
2023-07-01 21:08:39 +00:00
|
|
|
</button>
|
|
|
|
</>
|
|
|
|
);
|
|
|
|
})}
|
|
|
|
</div>
|
2023-07-01 21:30:23 +00:00
|
|
|
|
|
|
|
<h1 className="mt-5 text-blue-300">
|
|
|
|
<a
|
|
|
|
href="https://git.fascinated.cc/Fascinated/personal-website"
|
|
|
|
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>
|
|
|
|
);
|
|
|
|
}
|