ref(global) clean project

app/globals.css

@@ -1,80 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    :root {
-        --background: 0 0% 100%;
-        --foreground: 222.2 84% 4.9%;
-
-        --card: 0 0% 100%;
-        --card-foreground: 222.2 84% 4.9%;
-
-        --popover: 0 0% 100%;
-        --popover-foreground: 222.2 84% 4.9%;
-
-        --primary: 222.2 47.4% 11.2%;
-        --primary-foreground: 210 40% 98%;
-
-        --secondary: 210 40% 96.1%;
-        --secondary-foreground: 222.2 47.4% 11.2%;
-
-        --muted: 210 40% 96.1%;
-        --muted-foreground: 215.4 16.3% 46.9%;
-
-        --accent: 210 40% 96.1%;
-        --accent-foreground: 222.2 47.4% 11.2%;
-
-        --destructive: 0 84.2% 60.2%;
-        --destructive-foreground: 210 40% 98%;
-
-        --border: 214.3 31.8% 91.4%;
-        --input: 214.3 31.8% 91.4%;
-        --ring: 222.2 84% 4.9%;
-
-        --radius: 0.5rem;
-    }
-
-    .dark {
-        --background: radial-gradient(circle at center bottom, rgb(2, 35, 96) 0%, rgb(14, 26, 91) 25%, rgba(2, 0, 36, 1) 61%);
-        background: var(--background);
-        background-attachment: fixed;
-
-        --foreground: 210 40% 98%;
-
-        --card: 222.2 84% 4.9%;
-        --card-foreground: 210 40% 98%;
-
-        --popover: 222.2 84% 4.9%;
-        --popover-foreground: 210 40% 98%;
-
-        --primary: 210 40% 98%;
-        --primary-foreground: 222.2 47.4% 11.2%;
-
-        --secondary: 217.2 32.6% 17.5%;
-        --secondary-foreground: 210 40% 98%;
-
-        --muted: 217.2 32.6% 17.5%;
-        --muted-foreground: 215 20.2% 65.1%;
-
-        --accent: 217.2 32.6% 17.5%;
-        --accent-foreground: 210 40% 98%;
-
-        --destructive: 0 62.8% 30.6%;
-        --destructive-foreground: 210 40% 98%;
-
-        --border: 217.2 32.6% 17.5%;
-        --input: 217.2 32.6% 17.5%;
-        --ring: 212.7 26.8% 83.9%;
-    }
-}
-
-@layer base {
-    * {
-        @apply border-border;
-    }
-
-    body {
-        @apply bg-background text-foreground;
-    }
-}

app/layout.tsx

@@ -1,49 +1,22 @@
-import type { Metadata } from 'next';
+import type { Metadata } from "next";
-import './globals.css';
+import { Inter } from "next/font/google";
+import "./globals.css";
 
-import { Inter as FontSans } from 'next/font/google';
+const inter = Inter({ subsets: ["latin"] });
-import { cn } from '@/lib/utils';
-import React from 'react';
-import { ThemeProvider } from '@/components/theme-provider';
-import Navbar from '@/app/navbar';
-import Footer from '@/app/footer';
 
-
-const fontSans = FontSans({
-    subsets: [ 'latin' ],
-    variable: '--font-sans'
-});
 export const metadata: Metadata = {
-    title: 'Lumither\'s blog',
+  title: "Lumither's site",
-    description: 'a little blog site...'
+  description: "a small corner on internet",
 };
 
 export default function RootLayout({
-    children
+  children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
     <html lang="en">
-        <body className={ cn(
+      <body className={inter.className}>{children}</body>
-            'min-h-screen bg-background font-sans antialiased',
-            fontSans.variable
-        ) }>
-        <ThemeProvider
-            attribute="class"
-            defaultTheme="dark"
-            enableSystem
-            disableTransitionOnChange
-        >
-            <Navbar />
-            <div className={ 'h-screen' }>
-                <div className={ 'mt-20 overflow-scroll' }>
-                    { children }
-                </div>
-                <Footer />
-            </div>
-        </ThemeProvider>
-        </body>
     </html>
   );
 }

app/page.tsx

@@ -1,12 +1,7 @@
 export default function Home() {
-    let info = new Array(200).fill(<p> test </p>);
     return (
         <main>
-            <ul>
+
-                { info.map((item, id) => (
-                    <li key={ id }> { item } </li>
-                )) }
-            </ul>
         </main>
     );
 }

tailwind.config.ts

@@ -1,97 +1,20 @@
-import type { Config } from 'tailwindcss';
+import type { Config } from "tailwindcss";
-import { fontFamily } from 'tailwindcss/defaultTheme';
 
-const config = {
+const config: Config = {
-    darkMode: [ 'class' ],
   content: [
-        './pages/**/*.{ts,tsx}',
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-        './components/**/*.{ts,tsx}',
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-        './app/**/*.{ts,tsx}',
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-        './src/**/*.{ts,tsx}'
   ],
-    prefix: '',
   theme: {
-        fontFamily: {
-            sans: [ 'var(--font-sans)', ...fontFamily.sans ]
-        },
-        container:  {
-            center: true,
-            padding: '2rem',
-            screens: {
-                '2xl': '1400px'
-            }
-        },
     extend: {
-            colors: {
+      backgroundImage: {
-                'resolution-blue': {
+        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-                    '50': '#e5f4ff',
+        "gradient-conic":
-                    '100': '#d0ebff',
+          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-                    '200': '#abd8ff',
-                    '300': '#79bcff',
-                    '400': '#458fff',
-                    '500': '#1c61ff',
-                    '600': '#003fff',
-                    '700': '#0042ff',
-                    '800': '#0039dd',
-                    '900': '#042cab',
-                    '950': '#042086'
       },
-                border: 'hsl(var(--border))',
-                input: 'hsl(var(--input))',
-                ring: 'hsl(var(--ring))',
-                background: 'hsl(var(--background))',
-                foreground: 'hsl(var(--foreground))',
-                primary: {
-                    DEFAULT: 'hsl(var(--primary))',
-                    foreground: 'hsl(var(--primary-foreground))'
     },
-                secondary: {
-                    DEFAULT: 'hsl(var(--secondary))',
-                    foreground: 'hsl(var(--secondary-foreground))'
   },
-                destructive: {
+  plugins: [],
-                    DEFAULT: 'hsl(var(--destructive))',
+};
-                    foreground: 'hsl(var(--destructive-foreground))'
-                },
-                muted: {
-                    DEFAULT: 'hsl(var(--muted))',
-                    foreground: 'hsl(var(--muted-foreground))'
-                },
-                accent: {
-                    DEFAULT: 'hsl(var(--accent))',
-                    foreground: 'hsl(var(--accent-foreground))'
-                },
-                popover: {
-                    DEFAULT: 'hsl(var(--popover))',
-                    foreground: 'hsl(var(--popover-foreground))'
-                },
-                card: {
-                    DEFAULT: 'hsl(var(--card))',
-                    foreground: 'hsl(var(--card-foreground))'
-                }
-            },
-            borderRadius: {
-                lg: 'var(--radius)',
-                md: 'calc(var(--radius) - 2px)',
-                sm: 'calc(var(--radius) - 4px)'
-            },
-            keyframes: {
-                'accordion-down': {
-                    from: { height: '0' },
-                    to: { height: 'var(--radix-accordion-content-height)' }
-                },
-                'accordion-up': {
-                    from: { height: 'var(--radix-accordion-content-height)' },
-                    to: { height: '0' }
-                }
-            },
-            animation: {
-                'accordion-down': 'accordion-down 0.2s ease-out',
-                'accordion-up': 'accordion-up 0.2s ease-out'
-            }
-        }
-    },
-    plugins: [ require('tailwindcss-animate') ]
-} satisfies Config;
-
 export default config;