update page and add config

This commit is contained in:
Lee 2023-07-01 22:08:39 +01:00
parent 5d5febee6f
commit 94173422c1
3 changed files with 69 additions and 16 deletions

42
config.json Normal file
View File

@ -0,0 +1,42 @@
{
"name": "Lee",
"description": "I'm a 20-year-old software engineer from the UK, and my true passion lies in creating and exploring the endless possibilities within my homelab.",
"metadata": {
"title": "fascinated.cc",
"description": "I'm a 20-year-old software engineer from the UK"
},
"links": [
{
"title": "Git",
"url": "https://git-scm.com/",
"color": {
"normal": "bg-neutral-700",
"hover": "bg-neutral-100"
}
},
{
"title": "Discord",
"url": "https://discord.gg/yjj2U3ctEG",
"color": {
"normal": "bg-neutral-700",
"hover": "bg-neutral-600"
}
},
{
"title": "Twitch",
"url": "https://twitch.tv/fascinated_",
"color": {
"normal": "bg-neutral-700",
"hover": "bg-neutral-600"
}
},
{
"title": "Documentation",
"url": "https://docs.fascinated.cc",
"color": {
"normal": "bg-neutral-700",
"hover": "bg-neutral-600"
}
}
]
}

View File

@ -1,12 +1,11 @@
import { Inter } from "next/font/google";
import "./globals.css";
import Config from "../../config.json";
const inter = Inter({ subsets: ["latin"] });
export const metadata = {
title: "fascinated.cc",
description: "I'm a 20-year-old software engineer from the UK",
};
export const metadata = Config.metadata;
export default function RootLayout({
children,

View File

@ -1,18 +1,30 @@
import Config from "../../config.json";
export default function Home() {
return (
<main className="flex flex-col items-center justify-center w-screen h-screen">
<h1 className="text-4xl font-bold">Hello, world!</h1>
<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">
This is a template for Next.js 13 with Tailwind CSS.
</p>
<p className="mt-4 text-lg text-blue-500">
Created by{" "}
<a href="https://git.fascinated.cc/Fascinated/nextjs-13-template-with-tailwindcss">
Fascinated
</a>
.
</p>
<p className="mt-4 text-lg max-w-lg">{Config.description}</p>
<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}`}
>
<a href={link.url}>{link.title}</a>
</button>
</>
);
})}
</div>
</div>
</div>
</main>
);
}