website/components/Header.tsx

69 lines
1.6 KiB
TypeScript

import { asset } from '$fresh/runtime.ts'
import AiChatBox from ':islands/AiChatBox.tsx'
import MoreBox from ':islands/MoreBox.tsx'
import SearchBox from ':islands/SearchBox.tsx'
import ThemePicker from ':islands/ThemePicker.tsx'
export function Header() {
return (
<header>
<div>
<span class='components__header__brand'>
<a href='/'>
<span class='components__header__brand__text'>Coh</span>
<img src={asset('/assets/bulb.svg')} alt='a' />
<span class='components__header__brand__text'>bit</span>
</a>
</span>
<nav>
<li>
<a href='/machines' class='components__header__nav_button'>
<i class='ri-hammer-line'></i>
<span>Machines</span>
</a>
</li>
<li>
<a href='/projets' class='components__header__nav_button'>
<i class='ri-organization-chart'></i>
<span>Projets</span>
</a>
</li>
<li>
<a href='/blog' class='components__header__nav_button'>
<i class='ri-question-answer-line'></i>
<span>Blog</span>
</a>
</li>
<li>
<details>
<summary>
<i class='ri-function-line'></i>
<span>Fablab</span>
</summary>
<ul>
<li>
<a href='/membres'>Membres</a>
</li>
<li>
<a href='/apps'>Apps</a>
</li>
<li>
<a href='/docs'>Docs</a>
</li>
</ul>
</details>
</li>
</nav>
<SearchBox />
<MoreBox>
<ThemePicker />
<a href='/profil'>
<i class='ri-user-line'></i>
</a>
<AiChatBox />
</MoreBox>
</div>
</header>
)
}