diff --git a/.gitignore b/.gitignore index a547bf3..5639aea 100644 --- a/.gitignore +++ b/.gitignore @@ -8,8 +8,9 @@ pnpm-debug.log* lerna-debug.log* node_modules -dist + dist-ssr +dist *.local # Editor directories and files diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..3afb9bf Binary files /dev/null and b/public/logo.png differ diff --git a/src/assets/link.svg b/src/assets/link.svg new file mode 100644 index 0000000..50cd5f1 --- /dev/null +++ b/src/assets/link.svg @@ -0,0 +1,16 @@ + + + \ No newline at end of file diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..1b0db3f --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 4f83289..08389f6 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,18 +1,31 @@ -import { useLocation } from 'preact-iso'; +import { useLocation } from "preact-iso"; +import LinkSvg from "../assets/link.svg"; +import LogoSvg from "../assets/logo.svg"; +import { useState, useEffect } from "preact/hooks" export function Header() { - const { url } = useLocation(); + const { url } = useLocation(); + const [currentTime, setCurrentTime] = useState(''); - return ( -
- -
- ); + + return ( + + ); } +// yes i got itdfsdsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf +// @madjikun do the DAMN CSS +// clock in middle, logo on left, buttons on side yk + +// oh yeah go to the liveshare tab then click on the shared serer \ No newline at end of file diff --git a/src/index.tsx b/src/index.tsx index 45bd5bf..fe6581f 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -5,17 +5,22 @@ import { Header } from './components/Header.jsx'; import { Home } from './pages/Home'; import { NotFound } from './pages/_404.jsx'; import './style.css'; +import './themes/main.css'; export function App() { return ( +
-
- - - - -
+
+
+ + + + +
+
+
); } diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index c1f8c94..ef14455 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,7 +1,7 @@ export function Home() { return ( -
+
We've enabled nebula servicessssss
); diff --git a/src/pages/_404.tsx b/src/pages/_404.tsx index 36182c8..98f826a 100644 --- a/src/pages/_404.tsx +++ b/src/pages/_404.tsx @@ -1,8 +1,8 @@ export function NotFound() { return (
-

404: Not Found

-

It's gone :(

+

this nebula service has been disabled

+ 404
); } diff --git a/src/style.css b/src/style.css index bd6213e..1157c11 100644 --- a/src/style.css +++ b/src/style.css @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700;900&display=swap'); + @tailwind base; @tailwind components; @tailwind utilities; \ No newline at end of file diff --git a/src/themes/main.css b/src/themes/main.css new file mode 100644 index 0000000..87831c0 --- /dev/null +++ b/src/themes/main.css @@ -0,0 +1,20 @@ +:root { + --background-primary: #191724; + --navbar-color: #26233a; + --navbar-height: 60px; + --navbar-text-color: #7967dd; + --navbar-link-color: #e0def4; + --navbar-font: "Roboto"; + --input-text-color: #e0def4; + --input-placeholder-color: white; + --input-background-color: #1f1d2e; + --input-border-color: #eb6f92; + --input-border-size: 1.3px; + --navbar-logo-filter: none; + } + +.font-roboto { + font-family: 'Inter', sans-serif; + font-weight: 300; +} + \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index d37737f..6223217 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -5,6 +5,11 @@ export default { "./src/**/*.{js,ts,jsx,tsx}", ], theme: { + colors: { + "primary": "var(--background-primary)", + "text-color": "var(--navbar-text-color)", + "navbar-color": "var(--navbar-color)" + }, extend: {}, }, plugins: [],