mirror of
https://git.aramjonghu.nl/AramJonghu/aramjonghu-site.git
synced 2026-06-06 17:18:24 +02:00
header, icon, favicon, main page
This commit is contained in:
+2
-2
@@ -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>
|
||||||
|
|||||||
@@ -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.
@@ -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">
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
|
||||||
|
export default function Intro() {
|
||||||
|
|
||||||
|
return(
|
||||||
|
<h1>hello!</h1>
|
||||||
|
)
|
||||||
|
}
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
import Intro from "../components/Intro";
|
||||||
|
|
||||||
|
export default function Home() {
|
||||||
|
|
||||||
|
return(
|
||||||
|
<div className="">
|
||||||
|
<Intro></Intro>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user