initial react rewrite

Author: BobDotCom

.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

.idea/.gitignore

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

.idea/NoPixel-MiniGames-4.0.iml

@@ -0,0 +1,81 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+    /*background: radial-gradient(circle, rgba(25, 37, 78, 0.97), rgba(21, 27, 48, 0.97))*/
+    background: linear-gradient(rgba(21, 27, 48, 0.97), rgba(21, 27, 48, 0.97)), url(/bg.png);
+    background-size: cover;
+}
+
+a {
+    color: rgb(84, 255, 164);
+    text-decoration: none;
+}
+
+a:link,
+a:visited {
+    color: rgb(84, 255, 164);
+}
+
+a:hover {
+    color: rgb(127, 255, 191);
+}
+
+.overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0; /* The overlay is initially hidden */
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    transition: .5s ease;
+    background-color: rgba(0, 0, 0, 0.5);
+}
+
+.flex-item:hover .overlay {
+    opacity: 1;
+}
+
+.overlay h2{
+    color: white;
+    font-size: 2rem;
+    text-align: center;
+    margin: 0;
+}
+
+.overlay p {
+    color: white;
+    font-size: 0.75rem;
+    text-align: center;
+    max-width: 80%;
+}
+
+.highscores {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    margin: 0 auto;
+    margin-top: 10px;
+    padding: 20px 50px;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
+    border-radius: 10px;
+    width: 35%;
+}
+
+.highscores h2 {
+    color: white;
+    font-size: 50px;
+    margin: 0;
+}
+
+.highscores p {
+    margin-top: 5px;
+    color: white;
+    font-size: 20px;
+    text-align: center;
+}

.idea/discord.xml

@@ -0,0 +1,40 @@
+import type { Metadata } from "next";
+import localFont from 'next/font/local'
+import "./globals.css";
+
+const gilroy = localFont({
+  src: [
+    {
+      path: '../fonts/Gilroy-Regular.ttf',
+      weight: '400',
+      style: 'normal',
+    },
+  ]
+});
+
+
+
+export const metadata: Metadata = {
+  title: "NoPixel Hacking Simulator",
+  description: "NoPixel Hacking Simulator is a collection of minigames that simulate the hacking mechanics of NoPixel 4.0. Play Laundromat, LockPick, RepairKit, RoofRunning, SmokeCrack minigames completely for free.",
+  keywords: ["NoPixel", "NoPixel 4.0", "NoPixel Hacking Simulator", "Laundromat", "LockPick", "RepairKit", "RoofRunning", "SmokeCrack", "Minigames", "Hacking", "Simulator", "GTA V", "GTA 5", "Grand Theft Auto V", "Grand Theft Auto 5", "RP", "Roleplay", "GTA RP", "NoPixel RP", "NoPixel 4.0 RP", "NoPixel 4.0 Hacking Simulator", "FiveM"],
+  verification: {
+    google: "S-FJQGrin5Z7C-YheOScSZRfMpd2wcrPb4pWS3L2zf0",
+  },
+  other: {
+    // TODO: Probably remove this? If it's not in the default values, it probably isn't supported
+    title: "NoPixel Hacking Simulator: Laundromat, LockPick, RepairKit, RoofRunning, SmokeCrack, Play NoPixel 4.0 Minigames",
+  }
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={gilroy.className}>{children}</body>
+    </html>
+  );
+}