31 lines
1.5 KiB
HTML
31 lines
1.5 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Web Components Playground</title>
|
|
</head>
|
|
<body>
|
|
<h1>Web Components Playground</h1>
|
|
<user-menu target="user-dropdown" pos="bl" sr="Open user menu"></user-menu>
|
|
|
|
<div id="user-dropdown" style="outline:auto;" class="z-50 my-4 w-56 list-none divide-y divide-gray-100 rounded-lg bg-white text-base shadow-sm dark:divide-gray-700 dark:bg-gray-800 ">
|
|
<div class="px-4 py-3">
|
|
<span class="block truncate text-sm text-gray-900 dark:text-gray-100">Admin User</span>
|
|
<span class="block truncate text-sm text-gray-500 dark:text-gray-400">admin@example.com</span>
|
|
</div>
|
|
<div class="py-2">
|
|
<a href="/private" class="block w-full rounded-lg px-2 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700">Private</a>
|
|
|
|
<a href="/admin" class="block w-full rounded-lg px-2 py-2 text-left text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700" data-i18n="nav.admin">Admin</a>
|
|
|
|
<form action="/logout" method="post" class="px-2">
|
|
<button type="submit" class="block w-full rounded-lg px-2 py-2 text-left text-sm text-red-700 hover:bg-red-50 dark:text-red-300 dark:hover:bg-red-900/40" data-i18n="nav.logout">Abmelden</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/src/playground.ts"></script>
|
|
</body>
|
|
</html>
|