-
+
- Get started by editing
- pages/index.tsx
-
-
- By{' '}
-
-
+
+
LinksHub
+
+
- frontend
+
-
-
-
-
+
backend
+
-
-
- )
+ );
}
+
+const data:dataList[] = [
+ {
+ name: 'Lorem Ipsum-1',
+ description: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero odit excepturi.',
+ url: 'https://resource.link'
+ },
+ {
+ name: 'Lorem Ipsum-2',
+ description: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero odit excepturi.',
+ url: 'https://resource.link'
+ },
+ {
+ name: 'Lorem Ipsum-3',
+ description: 'Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vero odit excepturi.',
+ url: 'https://resource.link'
+ }
+]
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 000000000..33ad091d2
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/styles/globals.css b/styles/globals.css
index d4f491e15..bd6213e1d 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -1,107 +1,3 @@
-:root {
- --max-width: 1100px;
- --border-radius: 12px;
- --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
- 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
- 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
-
- --foreground-rgb: 0, 0, 0;
- --background-start-rgb: 214, 219, 220;
- --background-end-rgb: 255, 255, 255;
-
- --primary-glow: conic-gradient(
- from 180deg at 50% 50%,
- #16abff33 0deg,
- #0885ff33 55deg,
- #54d6ff33 120deg,
- #0071ff33 160deg,
- transparent 360deg
- );
- --secondary-glow: radial-gradient(
- rgba(255, 255, 255, 1),
- rgba(255, 255, 255, 0)
- );
-
- --tile-start-rgb: 239, 245, 249;
- --tile-end-rgb: 228, 232, 233;
- --tile-border: conic-gradient(
- #00000080,
- #00000040,
- #00000030,
- #00000020,
- #00000010,
- #00000010,
- #00000080
- );
-
- --callout-rgb: 238, 240, 241;
- --callout-border-rgb: 172, 175, 176;
- --card-rgb: 180, 185, 188;
- --card-border-rgb: 131, 134, 135;
-}
-
-@media (prefers-color-scheme: dark) {
- :root {
- --foreground-rgb: 255, 255, 255;
- --background-start-rgb: 0, 0, 0;
- --background-end-rgb: 0, 0, 0;
-
- --primary-glow: radial-gradient(rgba(1, 65, 255, 0.4), rgba(1, 65, 255, 0));
- --secondary-glow: linear-gradient(
- to bottom right,
- rgba(1, 65, 255, 0),
- rgba(1, 65, 255, 0),
- rgba(1, 65, 255, 0.3)
- );
-
- --tile-start-rgb: 2, 13, 46;
- --tile-end-rgb: 2, 5, 19;
- --tile-border: conic-gradient(
- #ffffff80,
- #ffffff40,
- #ffffff30,
- #ffffff20,
- #ffffff10,
- #ffffff10,
- #ffffff80
- );
-
- --callout-rgb: 20, 20, 20;
- --callout-border-rgb: 108, 108, 108;
- --card-rgb: 100, 100, 100;
- --card-border-rgb: 200, 200, 200;
- }
-}
-
-* {
- box-sizing: border-box;
- padding: 0;
- margin: 0;
-}
-
-html,
-body {
- max-width: 100vw;
- overflow-x: hidden;
-}
-
-body {
- color: rgb(var(--foreground-rgb));
- background: linear-gradient(
- to bottom,
- transparent,
- rgb(var(--background-end-rgb))
- )
- rgb(var(--background-start-rgb));
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
- html {
- color-scheme: dark;
- }
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 000000000..f0827991a
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./pages/**/*.{js,ts,jsx,tsx}",
+ "./components/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [require("daisyui")],
+}
diff --git a/types/index.ts b/types/index.ts
new file mode 100644
index 000000000..bece5d248
--- /dev/null
+++ b/types/index.ts
@@ -0,0 +1,10 @@
+export type dataList = {
+ name:string,
+ description:string,
+ url: string
+}
+
+export interface ICollapsProps {
+ title:string
+ elements:dataList[]
+}
\ No newline at end of file
- Docs -> -
-- Find in-depth information about Next.js features and API. -
- - - -- Learn -> -
-- Learn about Next.js in an interactive course with quizzes! -
- - - -- Templates -> -
-- Discover and deploy boilerplate example Next.js projects. -
- - - -- Deploy -> -
-- Instantly deploy your Next.js site to a shareable URL - with Vercel. -
- -