117 lines
6 KiB
HTML
117 lines
6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="h-full bg-white">
|
|
{% include "head.html" %}
|
|
<body class="h-full">
|
|
<!--
|
|
This example requires updating your template:
|
|
|
|
```
|
|
<html class="h-full bg-gray-100">
|
|
<body class="h-full">
|
|
```
|
|
-->
|
|
<div class="min-h-full">
|
|
<nav class="bg-purple-200">
|
|
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
|
|
<div class="flex h-16 items-center justify-between">
|
|
<div class="flex items-center">
|
|
<div class="flex-shrink-0">
|
|
👀
|
|
</div>
|
|
<div class="hidden md:block">
|
|
<div class="ml-10 flex items-baseline space-x-4">
|
|
<!-- Current: "bg-purple-700 text-white", Default: "text-gray-700 hover:bg-purple-500 hover:bg-opacity-75" -->
|
|
<a href="#" class="bg-purple-700 text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Dashboard</a>
|
|
<a href="#" class="text-gray-700 hover:text-white hover:bg-purple-500 hover:bg-opacity-75 rounded-md px-3 py-2 text-sm font-medium">Placeholder</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hidden md:block">
|
|
<div class="ml-4 flex items-center md:ml-6">
|
|
<!-- Profile dropdown -->
|
|
<div class="relative ml-3">
|
|
<div>
|
|
<button type="button" class="relative flex max-w-xs items-center rounded-full bg-purple-600 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-purple-600" id="profile-menu-button" aria-expanded="false" aria-haspopup="true" onClick="toggle_profile_dropdown()">
|
|
<span class="absolute -inset-1.5"></span>
|
|
<span class="sr-only">Open user menu</span>
|
|
|
|
<!-- placeholder icon -->
|
|
<span class="inline-block h-6 w-6 overflow-hidden rounded-full bg-gray-200">
|
|
<svg class="h-full w-full text-gray-400" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" />
|
|
</svg>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="hidden absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1" id="profile-dropdown">
|
|
|
|
<div class="ml-3">
|
|
<div class="text-base font-medium text-gray-600">{{ user.full_name }}</div>
|
|
<div class="text-sm font-medium text-gray-400">{{ user.email }}</div>
|
|
</div>
|
|
<!-- Active: "bg-gray-100", Not Active: "" -->
|
|
<a href="/logout" class="block px-4 py-2 text-sm text-gray-700" role="menuitem" tabindex="-1" id="user-menu-item-2">Sign out</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="-mr-2 flex md:hidden">
|
|
<!-- Mobile menu button -->
|
|
<button type="button" class="relative inline-flex items-center justify-center rounded-md bg-purple-600 p-2 text-purple-200 hover:bg-purple-500 hover:bg-opacity-75 hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-purple-600" aria-controls="mobile-menu" aria-expanded="false" onClick="toggle_mobile_menu()">
|
|
<span class="absolute -inset-0.5"></span>
|
|
<span class="sr-only">Open main menu</span>
|
|
<!-- Menu open: "hidden", Menu closed: "block" -->
|
|
<svg class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" id="mobile-menu-open-button">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
|
</svg>
|
|
<!-- Menu open: "block", Menu closed: "hidden" -->
|
|
<svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" id="mobile-menu-close-button">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile menu, show/hide based on menu state. -->
|
|
<div class="md:hidden hidden" id="mobile-menu">
|
|
<div class="space-y-1 px-2 pb-3 pt-2 sm:px-3">
|
|
<!-- Current: "bg-purple-700 text-white", Default: "text-white hover:bg-purple-500 hover:bg-opacity-75" -->
|
|
<a href="#" class="bg-purple-700 text-white block rounded-md px-3 py-2 text-base font-medium" aria-current="page">Dashboard</a>
|
|
<a href="#" class="text-gray-700 hover:text-white hover:bg-purple-500 hover:bg-opacity-75 block rounded-md px-3 py-2 text-base font-medium">Placeholder</a>
|
|
</div>
|
|
<div class="border-t border-purple-700 pb-3 pt-4">
|
|
<div class="flex items-center px-5">
|
|
<div class="flex-shrink-0">
|
|
<!-- placeholder icon -->
|
|
<span class="inline-block h-6 w-6 overflow-hidden rounded-full bg-gray-200">
|
|
<svg class="h-full w-full text-gray-400" fill="currentColor" viewBox="0 0 24 24">
|
|
<path d="M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z" />
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="ml-3">
|
|
<div class="text-base font-medium text-gray-600">{{ user.full_name }}</div>
|
|
<div class="text-sm font-medium text-gray-400">{{ user.email }}</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-3 space-y-1 px-2">
|
|
<a href="/logout" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:bg-purple-500 hover:bg-opacity-75">Sign out</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
|
|
|
|
Hi there!
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="/static/main.js"></script>
|
|
</body>
|
|
</html>
|