Spaces:
Runtime error
Runtime error
| <html> | |
| <head> | |
| <title>Image Audio Description</title> | |
| <style> | |
| body { | |
| background-color: #000; /* Black background */ | |
| color: #90EE90; /* Light green text */ | |
| margin: 0; /* Remove default margin */ | |
| font-family: Arial, sans-serif; /* Set a default font */ | |
| } | |
| .container { | |
| width: 80%; /* Define a container width */ | |
| margin: 0 auto; /* Center the container horizontally */ | |
| padding: 20px; /* Add some padding */ | |
| } | |
| h1, h2, p { | |
| text-align: center; /* Center all headings and paragraphs */ | |
| } | |
| .error { | |
| color: red; /* Error message color */ | |
| } | |
| .nav-bar { | |
| background-color: #000; /* Black navbar background */ | |
| color: #90EE90; /* Light green text */ | |
| display: flex; /* Allow elements to sit side-by-side */ | |
| justify-content: space-between; /* Space elements evenly */ | |
| padding: 10px 20px; /* Add padding */ | |
| } | |
| .logo { | |
| width: 100px; /* Adjust logo width as needed */ | |
| height: auto; /* Maintain aspect ratio */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="nav-bar"> | |
| <img src="logo.png" alt="Logo" class="logo"> | |
| </div> | |
| <div class="container"> | |
| <h1>Upload an Image</h1> | |
| <form method="POST" enctype="multipart/form-data"> | |
| <input type="file" name="image" accept="image/*"> | |
| <br> | |
| <input type="submit" value="Generate audio description"> | |
| </form> | |
| {% if message %} | |
| <p class="error">{{ message }}</p> | |
| {% endif %} | |
| </div> | |
| </body> | |
| </html> | |