2024-02-06 17:13:42 +01:00
|
|
|
import { asset } from '$fresh/runtime.ts'
|
2024-02-14 14:15:33 +01:00
|
|
|
import SearchBox from '../islands/SearchBox.tsx'
|
2024-02-13 14:01:37 +01:00
|
|
|
import ThemePicker from '../islands/ThemePicker.tsx'
|
2024-02-15 15:24:53 +01:00
|
|
|
import MoreBox from '../islands/MoreBox.tsx'
|
2024-02-19 17:12:35 +01:00
|
|
|
import AiChatBox from '../islands/AiChatBox.tsx'
|
2024-02-06 17:13:42 +01:00
|
|
|
|
2024-02-06 13:30:47 +01:00
|
|
|
export function Header() {
|
|
|
|
return (
|
|
|
|
<header>
|
2024-02-06 18:03:51 +01:00
|
|
|
<div>
|
2024-02-14 13:04:23 +01:00
|
|
|
<span class='components__header__brand'>
|
2024-02-06 18:03:51 +01:00
|
|
|
<a href='/'>
|
2024-02-14 13:04:23 +01:00
|
|
|
<span class='components__header__brand__text'>Coh</span>
|
|
|
|
<img src={asset('/assets/bulb.svg')} alt='a' />
|
|
|
|
<span class='components__header__brand__text'>bit</span>
|
2024-02-06 18:03:51 +01:00
|
|
|
</a>
|
|
|
|
</span>
|
|
|
|
<nav>
|
|
|
|
<li>
|
2024-02-14 13:04:23 +01:00
|
|
|
<a href='/machines' class='components__header__nav_button'>
|
|
|
|
<i class='ri-hammer-line'></i>
|
|
|
|
<span>Machines</span>
|
|
|
|
</a>
|
2024-02-06 18:03:51 +01:00
|
|
|
</li>
|
|
|
|
<li>
|
2024-02-14 13:04:23 +01:00
|
|
|
<a href='/projets' class='components__header__nav_button'>
|
|
|
|
<i class='ri-organization-chart'></i>
|
|
|
|
<span>Projets</span>
|
|
|
|
</a>
|
2024-02-06 18:03:51 +01:00
|
|
|
</li>
|
|
|
|
<li>
|
2024-02-14 13:04:23 +01:00
|
|
|
<a href='/blog' class='components__header__nav_button'>
|
|
|
|
<i class='ri-question-answer-line'></i>
|
|
|
|
<span>Blog</span>
|
|
|
|
</a>
|
2024-02-06 18:03:51 +01:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<details>
|
2024-02-14 13:04:23 +01:00
|
|
|
<summary>
|
|
|
|
<i class='ri-function-line'></i>
|
|
|
|
<span>Fablab</span>
|
|
|
|
</summary>
|
2024-02-06 18:03:51 +01:00
|
|
|
<ul>
|
2024-02-08 13:16:37 +01:00
|
|
|
<li>
|
|
|
|
<a href='/membres'>Membres</a>
|
|
|
|
</li>
|
|
|
|
<li>
|
2024-06-06 16:33:01 +02:00
|
|
|
<a href='/apps'>Apps</a>
|
2024-02-08 13:16:37 +01:00
|
|
|
</li>
|
|
|
|
<li>
|
2024-06-06 16:33:01 +02:00
|
|
|
<a href='/docs'>Docs</a>
|
2024-02-08 13:16:37 +01:00
|
|
|
</li>
|
2024-02-06 18:03:51 +01:00
|
|
|
</ul>
|
|
|
|
</details>
|
|
|
|
</li>
|
|
|
|
</nav>
|
2024-02-14 14:15:33 +01:00
|
|
|
<SearchBox />
|
2024-02-15 15:24:53 +01:00
|
|
|
<MoreBox>
|
|
|
|
<ThemePicker />
|
|
|
|
<a href='/profil'>
|
|
|
|
<i class='ri-user-line'></i>
|
|
|
|
</a>
|
2024-02-19 17:12:35 +01:00
|
|
|
<AiChatBox />
|
2024-02-15 15:24:53 +01:00
|
|
|
</MoreBox>
|
2024-02-06 18:03:51 +01:00
|
|
|
</div>
|
2024-02-06 13:30:47 +01:00
|
|
|
</header>
|
|
|
|
)
|
|
|
|
}
|