adattato html, test htmx con componente svelte
This commit is contained in:
@@ -10,17 +10,26 @@
|
||||
<script type="module" src="/static/ui/ui.esm.js?v={{.BuildHash}}"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="flex gap-3 bg-slate-900 px-4 py-3 text-white">
|
||||
<a href="/" class="text-slate-200 hover:text-white {{if eq .NavSection "public"}}font-semibold text-white{{end}}">Public</a>
|
||||
<a href="/private" class="text-slate-200 hover:text-white {{if eq .NavSection "private"}}font-semibold text-white{{end}}">Private</a>
|
||||
{{if and .CurrentUser (eq .CurrentUser.Role "admin")}}
|
||||
<a href="/admin" class="text-slate-200 hover:text-white {{if eq .NavSection "admin"}}font-semibold text-white{{end}}">Admin</a>
|
||||
{{end}}
|
||||
{{if .CurrentUser}}
|
||||
<form action="/logout" method="post" class="ml-auto">
|
||||
<button type="submit" class="btn-primary">Logout</button>
|
||||
</form>
|
||||
{{end}}
|
||||
<nav class="relative flex items-center justify-between border-b border-gray-300 bg-white px-6 py-4 transition-all md:px-16 lg:px-24 xl:px-32">
|
||||
<a href="/" class="text-lg font-semibold text-slate-800">Trustcontact</a>
|
||||
|
||||
<div class="hidden items-center gap-8 sm:flex">
|
||||
{{if and .CurrentUser (eq .CurrentUser.Role "admin")}}
|
||||
<a href="/admin" class="text-slate-700 hover:text-slate-900 {{if eq .NavSection "admin"}}font-semibold{{end}}">Admin</a>
|
||||
{{end}}
|
||||
|
||||
{{if .CurrentUser}}
|
||||
<form action="/logout" method="post">
|
||||
<button type="submit" class="cursor-pointer rounded-full bg-indigo-500 px-8 py-2 text-white transition hover:bg-indigo-600">
|
||||
Logout
|
||||
</button>
|
||||
</form>
|
||||
{{else}}
|
||||
<a href="/login" class="cursor-pointer rounded-full bg-indigo-500 px-8 py-2 text-white transition hover:bg-indigo-600">
|
||||
Login
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="mx-auto my-5 max-w-5xl px-4">
|
||||
|
||||
Reference in New Issue
Block a user