-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
[esekyi]
committed
Aug 25, 2024
1 parent
a8599f5
commit 7400f59
Showing
1 changed file
with
68 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,68 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" class="h-full"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <title>{% block title %} | ||
| SpiceShare{% endblock %} | ||
| </title> | ||
|
|
||
| <link rel="stylesheet" href="{{url_for('static', filename='css/output.css')}}"> | ||
| <style> | ||
| body { | ||
| display: flex; | ||
| flex-direction: column; | ||
| min-height: 100vh; | ||
| } | ||
|
|
||
| main { | ||
| flex: 1 0 auto; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body class="bg-background text-text font-sans"> | ||
| <header class="bg-primary text-white py-4 shadow-md"> | ||
| <div class="container mx-auto flex justify-between items-center"> | ||
| <h1 class="text-3xl font-bold"><a href="{{ url_for('user_routes.list_users') }}">SpiceShare</a></h1> | ||
| <nav> | ||
| <a href="{{ url_for('user_routes.list_users') }}" class="mr-6 hover:text-accent">Home</a> | ||
| <a href="{{ url_for('user_routes.list_users') }}" class="mr-6 hover:text-accent">Recipes</a> | ||
| <a href="{{ url_for('user_routes.list_users') }}" class="hover:text-accent">Login</a> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main class="container mx-auto mt-8 mb-8"> | ||
| {% with messages = get_flashed_messages(with_categories=true) %} | ||
| {% if messages %} | ||
| <div class="mb-4 flash-messages"> | ||
| {% for category, message in messages %} | ||
| <div class="flash-message bg-{{ category }} p-4 rounded text-white mb-2"> | ||
| {{ message }} | ||
| <button class="ml-4 font-bold" onclick="this.parentElement.style.display='none';">×</button> | ||
| </div> | ||
| {% endfor %} | ||
| </div> | ||
| {% endif %} | ||
| {% endwith %} | ||
|
|
||
| {% block content %} | ||
| {% endblock %} | ||
|
|
||
| </main> | ||
|
|
||
| <footer class="bg-secondary text-white py-4"> | ||
| <div class="container mx-auto text-center"> | ||
| <p>© 2024 SpiceShare. All rights reserved.</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| {% block scripts %} | ||
| <script src="{{ url_for('static', filename='js/scripts.js') }}"></script> | ||
| {% endblock %} | ||
| </body> | ||
|
|
||
| </html> |