| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="icon" | |
| href="data:image/svg+xml,%3Csvg height='800px' width='800px' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath style='fill:%23FFB446;' d='M97.103,353.103C97.103,440.86,168.244,512,256,512l0,0c87.756,0,158.897-71.14,158.897-158.897c0-88.276-44.138-158.897-14.524-220.69c0,0-47.27,8.828-73.752,79.448c0,0-88.276-88.276-51.394-211.862c0,0-89.847,35.31-80.451,150.069c8.058,98.406-9.396,114.759-9.396,114.759c0-79.448-62.115-114.759-62.115-114.759C141.241,247.172,97.103,273.655,97.103,353.103z'/%3E%3Cpath style='fill:%23FFDC64;' d='M370.696,390.734c0,66.093-51.033,122.516-117.114,121.241c-62.188-1.198-108.457-48.514-103.512-110.321c2.207-27.586,23.172-72.276,57.379-117.517l22.805,13.793C229.517,242.023,256,167.724,256,167.724C273.396,246.007,370.696,266.298,370.696,390.734z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M211.862,335.448c-8.828,52.966-26.483,72.249-26.483,105.931C185.379,476.69,216.998,512,256,512l0,0c39.284,0,70.729-32.097,70.62-71.381c-0.295-105.508-61.792-158.136-61.792-158.136c8.828,52.966-17.655,79.448-17.655,79.448C236.141,345.385,211.862,335.448,211.862,335.448z'/%3E%3C/svg%3E" | |
| type="image/svg+xml"> | |
| <title>Wildfire Detection</title> | |
| <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> | |
| <style> | |
| html, | |
| body { | |
| height: 100%; | |
| margin: 0; | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| .container { | |
| flex: 1; | |
| } | |
| .navbar-link { | |
| transition: transform 0.3s ease-in-out; | |
| } | |
| .navbar-link:hover { | |
| transform: scale(1.05); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-blue-50"> | |
| <!-- Navigation Bar --> | |
| <nav class="bg-blue-500 p-4 shadow-md"> | |
| <div class="container mx-auto flex justify-between items-center"> | |
| <!-- Website Title --> | |
| <a href="{{ url_for('home') }}" class="text-white text-2xl font-bold navbar-link">Wildfire Detection</a> | |
| <!-- Navigation Links --> | |
| <div class="flex space-x-4"> | |
| <a href="{{ url_for('home') }}" class="text-white text-lg navbar-link">Home</a> | |
| <a href="https://github.com/TheStrange-007/Wildfire-Detection" class="text-white text-lg navbar-link" | |
| target="_blank">GitHub</a> | |
| </div> | |
| </div> | |
| </nav> | |
| <!-- Page Content --> | |
| <div class="container mx-auto py-8 px-4 md:px-0"> | |
| {% block content %}{% endblock %} | |
| </div> | |
| <!-- Footer --> | |
| <footer | |
| class="bg-blue-500 p-4 mt-8 shadow-md text-center text-white transition duration-300 ease-in-out transform hover:scale-105"> | |
| <p>Crafted with care © 2024 | |
| | | |
| <!-- Social Media Icons --> | |
| <a href="https://github.com/TheStrange-007" class="fab fa-github mx-2" target="_blank"></a> | |
| <a href="https://www.kaggle.com/thestrange007" class="fab fa-kaggle mx-2" target="_blank"></a> | |
| <a href="https://discord.com/users/894118728168525864" class="fab fa-discord mx-2" title="the.strange_007" | |
| target="_blank"></a> | |
| </p> | |
| </footer> | |
| </body> | |
| </html> |