first revision

2025-09-24 12:28:39 -04:00
parent b0d9e9eff1
commit 638f8746a0
21 changed files with 9059 additions and 1 deletions
@@ -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;
+}
@@ -0,0 +1,34 @@
+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">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
@@ -0,0 +1,27 @@
+"use client"
+import useSound from 'use-sound';
+
+export default function Home() {
+  const [playBoyYouPlay] = useSound("/boyyouplay.m4a");
+  const [playEatItUp] = useSound("/eatitup.m4a");
+  const [playGangbusters] = useSound("/gangbusters.m4a");
+  const [playHusky] = useSound("/husky.m4a");
+  const [playPrettyFlags] = useSound("/prettyflags.m4a");
+
+  const getButton = (title: string, play: () => void) => {
+    return <button className="border-2 rounded-lg p-4 text-center text-xl font-medium cursor-pointer hover:bg-gray-200" onClick={() => play()}>{title}</button>
+  }
+
+  return (
+    <div className="flex flex-col items-center justify-center py-16 gap-16">
+      <h1 className="text-4xl font-bold">Doyle Gammill Soundboard</h1>
+      <div className="grid grid-cols-2 gap-8">
+        {getButton("Boy you play!", playBoyYouPlay)}
+        {getButton("Eat It Up!", playEatItUp)}
+        {getButton("Gangbusters", playGangbusters)}
+        {getButton("Husky", playHusky)}
+        {getButton("Pretty Flags", playPrettyFlags)}
+      </div>
+    </div>
+  );
+}