header, icon, favicon, main page

This commit is contained in:
2025-12-07 18:57:55 +01:00
parent b0a52715d3
commit 7782f800c1
7 changed files with 24 additions and 5 deletions
+2 -2
View File
@@ -2,12 +2,12 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="./favicons/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>aramjonghu</title> <title>aramjonghu</title>
<link href="./src/App.css" rel="stylesheet"> <link href="./src/App.css" rel="stylesheet">
</head> </head>
<body> <body class="bg-ctp-sapphire-50 dark:bg-ctp-base">
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.jsx"></script> <script type="module" src="/src/main.jsx"></script>
</body> </body>
+2
View File
@@ -1,11 +1,13 @@
import './App.css' import './App.css'
import Header from './components/Header' import Header from './components/Header'
import Home from './pages/Home'
function App() { function App() {
return ( return (
<> <>
<Header></Header> <Header></Header>
<Home></Home>
</> </>
) )
} }
Binary file not shown.
Binary file not shown.
+3 -3
View File
@@ -1,12 +1,12 @@
import logo from '../assets/logo.png';
export default function Header() { export default function Header() {
return ( return (
<header className="bg-ctp-base dark:bg-ctp-crust left-0 bouder-b border-ctp-overlay0 fixed top-0 z-50 w-full"> <header className="bg-ctp-lavender-200 dark:bg-ctp-crust left-0 bouder-b border-ctp-overlay0 fixed top-0 z-50 w-full">
<nav className="mx-auto max-w-[80%] flex items-center justify-between p-4 w-full"> <nav className="mx-auto max-w-[80%] flex items-center justify-between p-4 w-full">
<a href="/" className="flex items-center gap-2"> <a href="/" className="flex items-center gap-2">
<img src="../assets/logo.png" alt="AramJonghu" className="h-8 w-auto" /> <img src={logo} alt="AramJonghu" className="h-8 w-auto" />
</a> </a>
<div className="hidden md:flex gap-10"> <div className="hidden md:flex gap-10">
+7
View File
@@ -0,0 +1,7 @@
export default function Intro() {
return(
<h1>hello!</h1>
)
}
+10
View File
@@ -0,0 +1,10 @@
import Intro from "../components/Intro";
export default function Home() {
return(
<div className="">
<Intro></Intro>
</div>
);
}