real initial commit

HassyTeam · Jun 7, 2024 · 15e25bb · 15e25bb
1 parent e0868c2
commit 15e25bb
Show file tree

Hide file tree

Showing 21 changed files with 282 additions and 153 deletions.
diff --git a/next.config.mjs b/next.config.mjs
@@ -1,4 +1,13 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+    async rewrites() {
+        return [
+            {
+                source: '/siiga',
+                destination: '/siiga/index.html',
+            },
+        ]
+    },
+};
 
 export default nextConfig;
diff --git a/package.json b/package.json
@@ -3,24 +3,24 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 25569",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"
   },
   "dependencies": {
+    "next": "14.2.3",
     "react": "^18",
-    "react-dom": "^18",
-    "next": "14.2.3"
+    "react-dom": "^18"
   },
   "devDependencies": {
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "eslint": "^8",
+    "eslint-config-next": "14.2.3",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
-    "eslint": "^8",
-    "eslint-config-next": "14.2.3"
+    "typescript": "^5"
   }
 }
diff --git a/public/img/00094888.jpg b/public/img/00094888.jpg
diff --git a/public/img/Screenshot 2023-10-29 103618.png b/public/img/Screenshot 2023-10-29 103618.png
diff --git a/public/img/hassu.png b/public/img/hassu.png
diff --git a/public/img/hassy.png b/public/img/hassy.png
diff --git a/public/next.svg b/public/next.svg
diff --git a/public/siiga/background.png b/public/siiga/background.png
diff --git a/public/siiga/index.html b/public/siiga/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>SIIGA</title>
+        <style>
+            .border th, .border td {
+                border: 1px solid rgb(160 160 160);
+            }
+        </style>
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    </head>
+    <body style="background: repeat url('/siiga/background.png');background-size: 100%;">
+        <div class="d-flex justify-content-center">
+            <pre id="yes" style="text-align: center;max-width: 800px;word-wrap: break-word;white-space: pre-wrap;background-color: white;border: 1px solid black;box-shadow: 7px 10px 10px black;margin: 1rem;">
+                <h1 class="d-flex justify-content-center" style="text-align: center;"><b>SIIGA</b></h1>
+                <br>
+GET YOUR SIIGA NOW!!!!! SIIGA!!!!!!
+                <center>
+                    <h3><b>DOWNLOADS:</b></h3>
+                    <table style="width: 50%;font-size: auto;">
+                        <tbody>
+                            <tr class="border">
+                                <th>Windows</th>
+                                <td><a href="https://firebasestorage.googleapis.com/v0/b/easestorage-4a1f1.appspot.com/o/ninok%2Fsiiga4.zip?alt=media&token=89716bdb-9946-47fa-bb2c-c003b0087f23">Download (EFCDN)</a></td>
+                                <th>v1.1</th>
+                            </tr>
+                            <tr class="border">
+                                <th>Linux</th>
+                                <td><a href="https://firebasestorage.googleapis.com/v0/b/easestorage-4a1f1.appspot.com/o/ninok%2Fsiiga4_linux.zip?alt=media&token=47c96a92-b9a7-4d71-bdfa-6995641ee297">Download (EFCDN)</a></td>
+                                <th>v1.1</th>
+                            </tr>
+                            <tr class="border">
+                                <th>MacOS</th>
+                                <td><a href="https://drive.google.com/uc?export=download&id=10THMUBd4t8osprM0yNTppeLZNNmEgrfH">Download (Drive)</a></td>
+                                <th>v1.0</th>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <h3><b>ABOUT:</b></h3>
+                    <div style="padding-left: 6px;padding-right: 6px;">this website hosts builds for the very cool siiga screensaver made by Dandori Warriors. most of the builds are done by us.</div>
+                    <h3><b>SCREENSHOTS:</b></h3>
+                    <table>
+                        <tbody>
+                            <tr>
+                                <td><a href="/siiga/screenshot3.png"><img src="/siiga/screenshot3.png" width="300" style="border: 1px solid black;" /></a></td>
+                                <td>|
+|
+|
+|
+|
+|</td>
+                                <td><a href="/siiga/screenshot4.png"><img src="/siiga/screenshot4.png" width="300" style="border: 1px solid black;" /></a></td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <hr>
+                    <h3><b>DEMO</b></h3>
+                    <iframe msallowfullscreen="true" width="640" height="380" frameborder="0" allowfullscreen="true" scrolling="no" src="https://html-classic.itch.zone/html/9809521/index.html" allow="autoplay; fullscreen *; geolocation; microphone; camera; midi; monetization; xr-spatial-tracking; gamepad; gyroscope; accelerometer; xr; cross-origin-isolated" allowtransparency="true" webkitallowfullscreen="true" mozallowfullscreen="true" data-ruffle-polyfilled=""></iframe>
+                    <br>
+                    <footer>(C) Hassy Team™ & Dandori Warriors 2024</footer>
+                </center>
+            </pre>
+        </div>
+        <script>
+            const pree = document.getElementById("yes");
+            if (window.innerWidth < 800) {
+                pree.style.width = "100%";
+                pree.style.height = "100%";
+                console.log("AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA")
+            };
+        </script>
+    </body>
+</html>
diff --git a/public/siiga/screenshot3.png b/public/siiga/screenshot3.png
diff --git a/public/siiga/screenshot4.png b/public/siiga/screenshot4.png
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/fun/page.tsx b/src/app/fun/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function Redirect() {
+    redirect("https://hassyteam.github.io/fun")
+}
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -2,32 +2,10 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-}
+.glass {
+    backdrop-filter: blur(12px) saturate(180%);
+    -webkit-backdrop-filter: blur(12px) saturate(180%);
+    background-color: rgba(17, 25, 40, 0.75);
+    border-radius: 12px;
+    border: 2px solid rgba(255, 255, 255, 0.125);
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,11 +1,11 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Outfit } from "next/font/google";
 import "./globals.css";
 
-const inter = Inter({ subsets: ["latin"] });
+const outfit = Outfit({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
+  title: "Hassy Team™",
   description: "Generated by create next app",
 };
 
@@ -16,7 +16,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={outfit.className + " dark"}>{children}</body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,113 +1,52 @@
+"use client"
+
+import Footer from "@/components/footer";
+import Projects from "@/components/projects";
 import Image from "next/image";
+import Link from "next/link";
+import { useState } from 'react';
 
 export default function Home() {
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 w-full max-w-5xl items-center justify-between font-mono text-sm lg:flex">
-        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
-          Get started by editing&nbsp;
-          <code className="font-mono font-bold">src/app/page.tsx</code>
-        </p>
-        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:size-auto lg:bg-none">
-          <a
-            className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
-            href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            By{" "}
-            <Image
-              src="/vercel.svg"
-              alt="Vercel Logo"
-              className="dark:invert"
-              width={100}
-              height={24}
-              priority
-            />
-          </a>
-        </div>
-      </div>
+  const [funnyImage, setFI] = useState(false);
 
-      <div className="relative z-[-1] flex place-items-center before:absolute before:h-[300px] before:w-full before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-full after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 sm:before:w-[480px] sm:after:w-[240px] before:lg:h-[360px]">
-        <Image
-          className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert"
-          src="/next.svg"
-          alt="Next.js Logo"
-          width={180}
-          height={37}
-          priority
-        />
-      </div>
+  function coolButton() {
+    setFI(true)
+  }
 
-      <div className="mb-32 grid text-center lg:mb-0 lg:w-full lg:max-w-5xl lg:grid-cols-4 lg:text-left">
-        <a
-          href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className="mb-3 text-2xl font-semibold">
-            Docs{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className="m-0 max-w-[30ch] text-sm opacity-50">
-            Find in-depth information about Next.js features and API.
-          </p>
-        </a>
+  return (
+    <main className="bg-white dark:bg-gray-800 antialiased">
+      { /* Hero */ }
+      <section className="bg-gradient-to-br from-[#B42ECA] to-[#B29600] min-h-screen grid place-items-center">
+          {funnyImage ? <Image alt="pöö" src="/img/hassy.png" fill /> : ""}
+          <div className="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16 lg:px-12">
+            {
+              /*
 
-        <a
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className="mb-3 text-2xl font-semibold">
-            Learn{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className="m-0 max-w-[30ch] text-sm opacity-50">
-            Learn about Next.js in an interactive course with&nbsp;quizzes!
-          </p>
-        </a>
+              Announcement alert
 
-        <a
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className="mb-3 text-2xl font-semibold">
-            Templates{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className="m-0 max-w-[30ch] text-sm opacity-50">
-            Explore starter templates for Next.js.
-          </p>
-        </a>
+              <a href="#" className="inline-flex justify-between items-center py-1 px-1 pr-4 mb-7 text-sm text-gray-700 bg-gray-100 rounded-full dark:bg-gray-800 dark:text-white hover:bg-gray-200 dark:hover:bg-gray-700" role="alert">
+                  <span className="text-xs bg-primary-600 rounded-full text-white px-4 py-1.5 mr-3">Important</span> <span className="text-sm font-medium">SOME SHIT HAPPENED</span> 
+                  <svg className="ml-2 w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
+              </a>
+              */
+            }
+              <h1 className="mb-4 text-6xl font-extrabold tracking-tight leading-none md:text-7xl lg:text-8xl text-white">We are Hassy Team™</h1>
+              <p className="mb-8 text-xl font-normal lg:text-2xl sm:px-16 xl:px-48 text-gray-300">A (very cool) small development team from finland</p>
+              <div className="flex flex-col mb-8 lg:mb-16 space-y-4 sm:flex-row sm:justify-center sm:space-y-0 sm:space-x-4">
+                  <Link href="/callmemaybe" className="inline-flex justify-center items-center py-3 px-5 text-lg font-medium text-center text-white rounded-lg bg-primary-700 hover:bg-primary-800 hover:shadow-md hover:shadow-primary-800">
+                    <svg className="mr-2 -ml-1 w-5 h-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.978 4a2.553 2.553 0 0 0-1.926.877C4.233 6.7 3.699 8.751 4.153 10.814c.44 1.995 1.778 3.893 3.456 5.572 1.68 1.679 3.577 3.018 5.57 3.459 2.062.456 4.115-.073 5.94-1.885a2.556 2.556 0 0 0 .001-3.861l-1.21-1.21a2.689 2.689 0 0 0-3.802 0l-.617.618a.806.806 0 0 1-1.14 0l-1.854-1.855a.807.807 0 0 1 0-1.14l.618-.62a2.692 2.692 0 0 0 0-3.803l-1.21-1.211A2.555 2.555 0 0 0 7.978 4Z" clip-rule="evenodd"></path></svg>
+                      Contact us
+                  </Link>
+                  <a onClick={coolButton} href="#" className="inline-flex justify-center items-center py-3 px-5 text-lg font-medium text-center text-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-900 dark:hover:text-white dark:border-gray-700 dark:hover:bg-gray-700 hover:shadow-md">
+                      super cool button plz press me
+                  </a>  
+              </div>
+          </div>
+      </section>
 
-        <a
-          href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app"
-          className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <h2 className="mb-3 text-2xl font-semibold">
-            Deploy{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className="m-0 max-w-[30ch] text-balance text-sm opacity-50">
-            Instantly deploy your Next.js site to a shareable URL with Vercel.
-          </p>
-        </a>
-      </div>
+      <Projects />
+      <hr />
+      <Footer />
     </main>
   );
 }
diff --git a/src/components/about.tsx b/src/components/about.tsx
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -0,0 +1,27 @@
+import Image from "next/image"
+
+export default function Footer() {
+    return (
+        <footer className="p-4 bg-gray-100 md:p-8 lg:p-10 dark:bg-gray-900">
+            <div className="mx-auto max-w-screen-xl text-center">
+                <a href="" className="flex justify-center items-center text-2xl font-semibold text-gray-900 dark:text-white">
+                    <Image className="mr-2 h-8" alt="" src="/img/hassy.png" width={32} height={32}/>
+                    Hassy Team™
+                </a>
+                <p className="my-6 text-gray-500 dark:text-gray-400">i guess i could write something here, wait. THIS COULD BE A MOTD</p>
+                <ul className="flex flex-wrap justify-center items-center mb-6 text-gray-900 dark:text-white">
+                    <li>
+                        <a href="#" className="mr-4 hover:underline md:mr-6 ">some shit</a>
+                    </li>
+                    <li>
+                        <a href="#" className="mr-4 hover:underline md:mr-6">some shit</a>
+                    </li>
+                    <li>
+                        <a href="#" className="mr-4 hover:underline md:mr-6 ">some shit</a>
+                    </li>
+                </ul>
+                <span className="text-sm text-gray-500 sm:text-center dark:text-gray-400">Made with ❤️ by Hassunaama & xilliam</span>
+            </div>
+        </footer>
+    )
+}