initial commit (Under Construction)

Author: builtbyjonas

.eslintignore

@@ -0,0 +1,4 @@
+build
+coverage
+node_modules
+pnpm-lock-yaml

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.prettierignore

@@ -0,0 +1,4 @@
+build
+coverage
+node_modules
+pnpm-lock-yaml

.prettierrc

@@ -0,0 +1 @@
+{}

README.md

@@ -11,11 +11,16 @@
 ## 🛠 Development Server
 
 ```bash
-npm install && npm start dev
+npm/yarn/pnpm install && npm/yarn/pnpm start dev
 ```
 ## 🛠 Production Server
 ```bash
-npm install && npm run build && npm run start
+npm/yarn/pnpm install && npm/yarn/pnpm run build && npm/yarn/pnpm run start
+```
+
+# Format
+```
+npm/yarn/pnpm format
 ```
 
 ### Terms of Use

app/about/page.jsx

@@ -0,0 +1,46 @@
+export default function About() {
+  return (
+    <>
+      <main className="flex flex-row min-h-screen items-center justify-center p-32 mx-auto">
+        <div className="flex flex-col w-2/3 items-start justify-center">
+          <div className="flex flex-row gap-2 items-center justify-start">
+            <div className="bg-primary-500 p-2 rounded-lg">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                fill="none"
+                viewBox="0 0 24 24"
+                strokeWidth={1.5}
+                stroke="currentColor"
+                className="w-6 h-6"
+              >
+                <path
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"
+                />
+              </svg>
+            </div>
+            <h2 className="text-4xl font-bold text-center">
+              About Me<span className="text-primary-500">.</span>
+            </h2>
+          </div>
+          <p className="text-xl mt-2">
+            I'm a full-stack developer with a passion for open-source software
+            and the web. I've been developing for the web for over 6 years and
+            have a strong understanding of web technologies and best practices.
+            I'm also a strong advocate for open-source software and have
+            contributed to many projects over the years.
+          </p>
+        </div>
+        <div className="flex flex-row gap-2 w-1/3 items-center justify-end">
+          <img
+            src="https://avatars.githubusercontent.com/u/81481526?v=4"
+            alt="BinaryBlazer"
+            className="w-64 h-64 rounded-xl border-4 border-primary-500 shadow-lg bg-neutral-800 hover:transform hover:translate-y-[-4px] transition-transform duration-150 ease-in-out"
+            draggable="false"
+          />
+        </div>
+      </main>
+    </>
+  );
+}

app/error.jsx

@@ -0,0 +1,12 @@
+"use client";
+
+export default function Error({ error }) {
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      <h1 className="text-6xl font-bold text-neutral-100">{error}</h1>
+      <p className="text-lg text-neutral-300">
+        An error occurred while trying to load the page.
+      </p>
+    </div>
+  );
+}

app/layout.jsx

@@ -0,0 +1,26 @@
+import { Inter } from "next/font/google";
+import Header from "@/components/Header";
+import Footer from "@/components/Footer";
+import MobileProvider from "providers/mobile";
+import "styles/globals.css";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata = {
+  title: "Home - BinaryBlazer",
+  description: "BinaryBlazer's portfolio and blog",
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body className={inter.className + " select-none"}>
+        <MobileProvider>
+          <Header />
+          {children}
+          <Footer />
+        </MobileProvider>
+      </body>
+    </html>
+  );
+}

app/not-found.jsx

@@ -0,0 +1,20 @@
+import { config } from "@/main.config";
+
+export default function NotFound() {
+  return (
+    <div className="flex flex-col items-center justify-center h-screen">
+      {config.underConstruction && (
+        <div className="flex bg-yellow-500/10 rounded-full p-3 mb-[2.5rem] backdrop-filter backdrop-blur-lg">
+          This page might be under construction.
+        </div>
+      )}
+
+      <h1 className="text-6xl font-bold text-neutral-100 not_found_text_glitch">
+        404
+      </h1>
+      <p className="text-lg text-neutral-300">
+        The page you're looking for doesn't exist.
+      </p>
+    </div>
+  );
+}