diff options
| author | Navan Chauhan <navanchauhan@gmail.com> | 2023-11-15 20:34:41 -0700 |
|---|---|---|
| committer | Navan Chauhan <navanchauhan@gmail.com> | 2023-11-15 20:34:41 -0700 |
| commit | 3743f7056dcdbe1a16a00418ea10ebef2669cf61 (patch) | |
| tree | 298657931ead09efbcf53ccb08bfc3ee501623c1 /app/templates/base.html | |
| parent | 81834656747ead193334a36d8f49045cc214b53e (diff) | |
Diffstat (limited to 'app/templates/base.html')
| -rw-r--r-- | app/templates/base.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/app/templates/base.html b/app/templates/base.html new file mode 100644 index 0000000..dfe0b87 --- /dev/null +++ b/app/templates/base.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>{% block title %} {% endblock %} - Flask-App</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link href="{{url_for('static',filename='css/output.css')}}" rel="stylesheet"> + </head> + <body> +<nav class="bg-gray-800"> + <div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8"> + <div class="relative flex h-16 items-center justify-between"> + <div class="absolute inset-y-0 left-0 flex items-center sm:hidden"> + <!-- Mobile menu button--> + <button type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false"> + <span class="absolute -inset-0.5"></span> + <span class="sr-only">Open main menu</span> + <!-- + Icon when menu is closed. + + 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"> + <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> + </svg> + <!-- + Icon when menu is open. + + 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"> + <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /> + </svg> + </button> + </div> + <div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start"> + <div class="hidden sm:ml-6 sm:block"> + <div class="flex space-x-4"> + <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> + <a href="{{ url_for('main.index')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Home</a> + {% if not current_user.is_authenticated %} + <a href="{{ url_for('auth.login')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Login</a> + <a href="{{ url_for('auth.signup')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Register</a> + {% endif %} + {% if current_user.is_authenticated %} + <a href="{{ url_for('main.dashboard')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Dashboard</a> + <a href="{{ url_for('auth.logout')}}" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Logout</a> + {% endif %} + </div> + </div> + </div> + </div> + </div> + + <!-- Mobile menu, show/hide based on menu state. --> + <div class="sm:hidden" id="mobile-menu"> + <div class="space-y-1 px-2 pb-3 pt-2"> + <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" --> + <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Home</a> + <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Dashboard</a> + <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Log Out</a> + <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Login</a> + <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Register</a> + </div> + </div> +</nav> + {% block content %}{% endblock %} + </body> +</html> + |