From 243882d48920d297493996ff96c97a6fef831212 Mon Sep 17 00:00:00 2001 From: Rainnny7 Date: Mon, 16 Sep 2024 14:08:41 -0400 Subject: [PATCH] Landing page changes --- package.json | 9 +++++-- src/app/(pages)/layout.tsx | 20 +++++++------- src/app/(pages)/page.tsx | 4 +-- src/app/(pages)/status/[slug]/page.tsx | 6 +++++ src/app/{style => styles}/globals.css | 37 +++++++++++++++++--------- src/components/landing/greeting.tsx | 8 +++--- tailwind.config.ts | 7 ++++- 7 files changed, 60 insertions(+), 31 deletions(-) create mode 100644 src/app/(pages)/status/[slug]/page.tsx rename src/app/{style => styles}/globals.css (82%) diff --git a/package.json b/package.json index f906e7a..ba9c479 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,11 @@ { - "name": "pulseapp", - "version": "0.1.0", + "name": "pulse-www", + "version": "1.0.0", + "author": { + "name": "Braydon (Rainnny)", + "url": "https://rainnny.club", + "email": "braydonrainnny@gmail.com" + }, "private": true, "scripts": { "dev": "next dev", diff --git a/src/app/(pages)/layout.tsx b/src/app/(pages)/layout.tsx index fb1d54f..f402f57 100644 --- a/src/app/(pages)/layout.tsx +++ b/src/app/(pages)/layout.tsx @@ -1,6 +1,6 @@ import type { Metadata, Viewport } from "next"; import { Inter } from "next/font/google"; -import "../style/globals.css"; +import "@/app/styles/globals.css"; import { ReactElement, ReactNode } from "react"; import { cn } from "@/lib/utils"; import { NextFont } from "next/dist/compiled/@next/font"; @@ -41,14 +41,16 @@ const RootLayout = ({ children: ReactNode; }>): ReactElement => ( - - - {children} + + +
+ {children} +
diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx index e32a542..935ea88 100644 --- a/src/app/(pages)/page.tsx +++ b/src/app/(pages)/page.tsx @@ -1,8 +1,8 @@ -import { ReactElement } from "react"; import Greeting from "@/components/landing/greeting"; +import { ReactElement } from "react"; const LandingPage = (): ReactElement => ( -
+
); diff --git a/src/app/(pages)/status/[slug]/page.tsx b/src/app/(pages)/status/[slug]/page.tsx new file mode 100644 index 0000000..0632eb2 --- /dev/null +++ b/src/app/(pages)/status/[slug]/page.tsx @@ -0,0 +1,6 @@ +import { ReactElement } from "react"; + +const StatusPage = ({ params }: { params: { slug: string } }): ReactElement => { + return
{params.slug}
; +}; +export default StatusPage; diff --git a/src/app/style/globals.css b/src/app/styles/globals.css similarity index 82% rename from src/app/style/globals.css rename to src/app/styles/globals.css index f20e5ca..fe695a0 100644 --- a/src/app/style/globals.css +++ b/src/app/styles/globals.css @@ -2,18 +2,6 @@ @tailwind components; @tailwind utilities; -:root { - --background: #ffffff; - --foreground: #171717; -} - -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} - body { color: var(--foreground); background: var(--background); @@ -86,9 +74,32 @@ body { @layer base { * { @apply border-border; + + /* Scrollbar (Firefox) */ + scrollbar-color: hsl(var(--accent)) hsl(var(--background)); + scrollbar-width: thin; } body { @apply bg-background text-foreground; } -} \ No newline at end of file +} + +/* Scrollbar (Chrome & Safari) */ +@layer base { + ::-webkit-scrollbar { + @apply w-1.5; + } + + ::-webkit-scrollbar-track { + @apply bg-inherit; + } + + ::-webkit-scrollbar-thumb { + @apply bg-accent rounded-3xl; + } + + ::-webkit-scrollbar-thumb:hover { + @apply bg-opacity-80; + } +} diff --git a/src/components/landing/greeting.tsx b/src/components/landing/greeting.tsx index 49c4706..3c544db 100644 --- a/src/components/landing/greeting.tsx +++ b/src/components/landing/greeting.tsx @@ -1,10 +1,10 @@ -import { ReactElement } from "react"; +import { Button } from "@/components/ui/button"; import Image from "next/image"; import Link from "next/link"; -import { Button } from "@/components/ui/button"; +import { ReactElement } from "react"; const Greeting = (): ReactElement => ( -
+
{/* Logo */} ( {/* GitHub */}