-

2026-04-29 21:10:53 +02:00
commit d073c4e1a5
29 changed files with 9793 additions and 0 deletions
--- a/my-app/app/favicon.ico
+++ b/my-app/app/favicon.ico
--- a/my-app/app/globals.css
+++ b/my-app/app/globals.css
@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
--- a/my-app/app/layout.tsx
+++ b/my-app/app/layout.tsx
@@ -0,0 +1,33 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html
+      lang="en"
+      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col">{children}</body>
+    </html>
+  );
+}
--- a/my-app/app/page.tsx
+++ b/my-app/app/page.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+export default function Home() {
+  return (
+    <main className="min-h-screen w-full bg-black">
+      {/* 
+          Pagina Home vuota. 
+          I componenti sono ora raggiungibili separatamente su:
+          /terminal
+          /text
+      */}
+    </main>
+  );
+}
--- a/my-app/app/plasma/page.tsx
+++ b/my-app/app/plasma/page.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+// 1. Definiamo l'interfaccia delle props
+interface PlasmaProps {
+  color?: string;
+  speed?: number;
+  direction?: "forward" | "backward";
+  scale?: number;
+  opacity?: number;
+  mouseInteractive?: boolean;
+}
+
+// 2. Passiamo l'interfaccia al generic di dynamic
+const PlasmaCanvas = dynamic<PlasmaProps>(
+  () => import("../../src/components/Plasma"), 
+  {
+    ssr: false,
+    loading: () => <div style={{ background: "black", width: "100vw", height: "100vh" }} />,
+  }
+);
+
+export default function PlasmaPage() {
+  return (
+    <div style={{ width: "100%", height: "600px", position: "relative" }}>
+      <PlasmaCanvas 
+        color="#5f0000" 
+        speed={0.6} 
+        direction="forward" 
+        scale={1.1} 
+        opacity={0.8} 
+        mouseInteractive={true} 
+      />
+    </div>
+  );
+}