61 lines
1.2 KiB
Go
61 lines
1.2 KiB
Go
|
package partials
|
||
|
|
|
||
|
|
import "github.com/maddalax/htmgo/framework/h"
|
||
|
|
|
||
|
|
type NavItem struct {
|
||
|
|
Name string
|
||
|
|
Url string
|
||
|
|
}
|
||
|
|
|
||
|
|
func NavBar() *h.Element {
|
||
|
|
|
||
|
|
star := h.Raw(`
|
||
|
|
<a
|
||
|
|
class="github-button"
|
||
|
|
href="https://github.com/maddalax/htmgo"
|
||
|
|
data-color-scheme="no-preference: light; light: light; dark: dark;"
|
||
|
|
data-icon="octicon-star"
|
||
|
|
data-size="large"
|
||
|
|
data-show-count="true"
|
||
|
|
aria-label="Star maddalax/htmgo on GitHub">Star</a>
|
||
|
|
`)
|
||
|
|
|
||
|
|
navItems := []NavItem{
|
||
|
|
{Name: "Docs", Url: "/docs"},
|
||
|
|
{Name: "Examples", Url: "/examples"},
|
||
|
|
}
|
||
|
|
|
||
|
|
return h.Nav(
|
||
|
|
h.Class("bg-neutral-100 border border-b-slate-300 p-4 md:p-3"),
|
||
|
|
h.Div(
|
||
|
|
h.Class("max-w-[95%] md:max-w-prose mx-auto"),
|
||
|
|
h.Div(
|
||
|
|
h.Class("flex justify-between items-center"),
|
||
|
|
h.Div(
|
||
|
|
h.Class("flex items-center"),
|
||
|
|
h.A(
|
||
|
|
h.Boost(),
|
||
|
|
h.Class("text-2xl"),
|
||
|
|
h.Href("/"),
|
||
|
|
h.Text("htmgo"),
|
||
|
|
)),
|
||
|
|
h.Div(
|
||
|
|
h.Class("flex gap-4 items-center"),
|
||
|
|
h.List(navItems, func(item NavItem, index int) *h.Element {
|
||
|
|
return h.Div(
|
||
|
|
h.Class("flex items-center"),
|
||
|
|
h.A(
|
||
|
|
h.Boost(),
|
||
|
|
h.Class(""),
|
||
|
|
h.Href(item.Url),
|
||
|
|
h.Text(item.Name),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
}),
|
||
|
|
h.Div(h.Class("ml-2"), star),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
}
|