From cde5bdc9641af12c941fe41f3de4d802146399ac Mon Sep 17 00:00:00 2001
From: Dysk0 <javiroldan98@gmail.com>
Date: Tue, 16 Apr 2024 04:09:36 +0200
Subject: [PATCH] Homepage created
---
README.txt | 8 ++++++--
src/pages/index.tsx | 31 +++++++++++++++++++++++++++++++
src/styles/Home.module.css | 32 ++++++++++++++++++++++++++++++++
3 files changed, 69 insertions(+), 2 deletions(-)
create mode 100644 src/pages/index.tsx
create mode 100644 src/styles/Home.module.css
diff --git a/README.txt b/README.txt
index 9758f39..3c148f1 100644
--- a/README.txt
+++ b/README.txt
@@ -1,2 +1,6 @@
-This is a test alpha version for a simple website using Payload CMS -a headless CMS- and built entirely using next.js, using only typescript.
-Initially the project will focus only on the front-end, html, css and whatnot; following by the testing on Docker of the combination with Payload and finally deploying the website.
+This is a test alpha version for a simple website using Payload CMS -a headless CMS- and built entirely using next.js, using only typescript, Tailwind CSS and HTML.
+
+As of 16.04.2024:
+-Homepage is into development.
+-The github repository is created and the .json config files and next.js is set up sucessfully.
+-Docker container is not yet created nor tested.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..a8058e1
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,31 @@
+// src/pages/index.tsx
+
+import Head from 'next/head';
+import styles from '../styles/Home.module.css';
+
+const Home: React.FC = () => {
+ return (
+ <div className={styles.container}>
+ <Head>
+ <title>Home Page</title>
+ <meta name="description" content="Welcome to my Next.js website!" />
+ <link rel="icon" href="/favicon.ico" />
+ </Head>
+ <main className={styles.main}>
+ <h1 className={styles.title}>
+ Hello World UwU
+ </h1>
+ <p className={styles.description}>
+ Yay wassup maniggis!
+ <code className={styles.code}>src/pages/index.tsx</code>
+ </p>
+ </main>
+ <footer className={styles.footer}>
+ {/* add footer here! */}
+ </footer>
+ </div>
+ );
+
+};
+
+export default Home;
\ No newline at end of file
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
new file mode 100644
index 0000000..c7d294a
--- /dev/null
+++ b/src/styles/Home.module.css
@@ -0,0 +1,32 @@
+/* styles/Home.module.css */
+
+.container {
+ padding: 0 2rem;
+}
+
+.main {
+ min-height: auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: baseline;
+}
+
+.title {
+ margin: 0;
+ line-height: 1.15;
+ font-size: 4rem;
+}
+
+.description {
+ text-align: center;
+ line-height: 1.15;
+ font-size: 1.5rem;
+}
+
+.code {
+ background: #fafafa;
+ border-radius: 5px;
+ padding: 0.75rem;
+ font-family: monospace;
+}
\ No newline at end of file
--
GitLab