diff --git a/docs/app/favicon.ico b/docs/app/favicon.ico new file mode 100644 index 0000000..718d6fe Binary files /dev/null and b/docs/app/favicon.ico differ diff --git a/docs/app/fonts/GeistMonoVF.woff b/docs/app/fonts/GeistMonoVF.woff new file mode 100644 index 0000000..f2ae185 Binary files /dev/null and b/docs/app/fonts/GeistMonoVF.woff differ diff --git a/docs/app/fonts/GeistVF.woff b/docs/app/fonts/GeistVF.woff new file mode 100644 index 0000000..1b62daa Binary files /dev/null and b/docs/app/fonts/GeistVF.woff differ diff --git a/docs/app/globals.css b/docs/app/globals.css new file mode 100644 index 0000000..dbcbd8b --- /dev/null +++ b/docs/app/globals.css @@ -0,0 +1,87 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +html { + scroll-behavior: smooth; +} + +body { + font-family: Arial, Helvetica, sans-serif; +} + +@layer utilities { + .text-balance { + text-wrap: balance; + } +} + +@layer base { + :root { + --background: 0 0% 100%; + --foreground: 240 10% 3.9%; + --card: 0 0% 100%; + --card-foreground: 240 10% 3.9%; + --popover: 0 0% 100%; + --popover-foreground: 240 10% 3.9%; + --primary: 240 5.9% 10%; + --primary-foreground: 0 0% 98%; + --secondary: 240 4.8% 95.9%; + --secondary-foreground: 240 5.9% 10%; + --muted: 240 4.8% 95.9%; + --muted-foreground: 240 3.8% 46.1%; + --accent: 240 4.8% 95.9%; + --accent-foreground: 240 5.9% 10%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 0 0% 98%; + --border: 240 5.9% 90%; + --input: 240 5.9% 90%; + --ring: 240 10% 3.9%; + --chart-1: 12 76% 61%; + --chart-2: 173 58% 39%; + --chart-3: 197 37% 24%; + --chart-4: 43 74% 66%; + --chart-5: 27 87% 67%; + --radius: 0.5rem; + } + .dark { + --background: 240 10% 3.9%; + --foreground: 0 0% 98%; + --card: 240 10% 3.9%; + --card-foreground: 0 0% 98%; + --popover: 240 10% 3.9%; + --popover-foreground: 0 0% 98%; + --primary: 0 0% 98%; + --primary-foreground: 240 5.9% 10%; + --secondary: 240 3.7% 15.9%; + --secondary-foreground: 0 0% 98%; + --muted: 240 3.7% 15.9%; + --muted-foreground: 240 5% 64.9%; + --accent: 240 3.7% 15.9%; + --accent-foreground: 0 0% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 0 0% 98%; + --border: 240 3.7% 15.9%; + --input: 240 3.7% 15.9%; + --ring: 240 4.9% 83.9%; + --chart-1: 220 70% 50%; + --chart-2: 160 60% 45%; + --chart-3: 30 80% 55%; + --chart-4: 280 65% 60%; + --chart-5: 340 75% 55%; + } +} + +@layer base { + * { + @apply border-border; + } + body { + @apply bg-background text-foreground; + } + html, + body { + background-color: black; + height: 100%; + } +} diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx new file mode 100644 index 0000000..a36cde0 --- /dev/null +++ b/docs/app/layout.tsx @@ -0,0 +1,35 @@ +import type { Metadata } from "next"; +import localFont from "next/font/local"; +import "./globals.css"; + +const geistSans = localFont({ + src: "./fonts/GeistVF.woff", + variable: "--font-geist-sans", + weight: "100 900", +}); +const geistMono = localFont({ + src: "./fonts/GeistMonoVF.woff", + variable: "--font-geist-mono", + weight: "100 900", +}); + +export const metadata: Metadata = { + title: "Create Next App", + description: "Generated by create next app", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + {children} + + + ); +} diff --git a/docs/app/page.tsx b/docs/app/page.tsx new file mode 100644 index 0000000..d26ec88 --- /dev/null +++ b/docs/app/page.tsx @@ -0,0 +1,5 @@ +import { Home } from "@/components/home" + +export default function Page() { + return +} diff --git a/docs/assets/hime.png b/docs/assets/hime.png new file mode 100644 index 0000000..e79017c Binary files /dev/null and b/docs/assets/hime.png differ diff --git a/docs/bun.lockb b/docs/bun.lockb new file mode 100755 index 0000000..8931bd5 Binary files /dev/null and b/docs/bun.lockb differ diff --git a/docs/components.json b/docs/components.json new file mode 100644 index 0000000..032221d --- /dev/null +++ b/docs/components.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://ui.shadcn.com/schema.json", + "style": "default", + "rsc": true, + "tsx": true, + "tailwind": { + "config": "tailwind.config.ts", + "css": "app/globals.css", + "baseColor": "zinc", + "cssVariables": true, + "prefix": "" + }, + "aliases": { + "components": "@/components", + "utils": "@/lib/utils", + "ui": "@/components/ui", + "lib": "@/lib", + "hooks": "@/hooks" + }, + "iconLibrary": "lucide" +} \ No newline at end of file diff --git a/docs/components/comentario.tsx b/docs/components/comentario.tsx new file mode 100644 index 0000000..308acb3 --- /dev/null +++ b/docs/components/comentario.tsx @@ -0,0 +1,8 @@ +// components/ComentarioComments.tsx +import { useEffect, useRef } from "react" + +export function ComentarioComments() { + const elementRef = useRef(null) + + return +} diff --git a/docs/components/comment.tsx b/docs/components/comment.tsx new file mode 100644 index 0000000..b1f1b31 --- /dev/null +++ b/docs/components/comment.tsx @@ -0,0 +1,19 @@ +import Script from "next/script" +import { useEffect, useState } from "react" + +export function Comments() { + const [isMounted, setIsMounted] = useState(false) + + useEffect(() => { + setIsMounted(true) + console.log("mounted") + }, []) + + return ( + <> + {isMounted && ( +