Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <title>Hor贸scopo con Inteligencia Artificial v2.1</title> | |
| <style> | |
| body { | |
| font-family: Arial, sans-serif; | |
| margin: 20px; | |
| } | |
| h1 { | |
| text-align: center; | |
| } | |
| form { | |
| max-width: 400px; | |
| margin: 0 auto; | |
| } | |
| label { | |
| display: block; | |
| margin-top: 10px; | |
| } | |
| input[type="text"], | |
| input[type="submit"] { | |
| width: 100%; | |
| padding: 10px; | |
| margin-top: 5px; | |
| } | |
| #video { | |
| width: 100%; | |
| max-width: 800px; | |
| margin: 20px auto; | |
| display: none; | |
| } | |
| #error-message { | |
| color: red; | |
| font-weight: bold; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Hor贸scopo con Inteligencia Artificial v2.1</h1> | |
| <form method="POST"> | |
| <label for="name">Nombre:</label> | |
| <input type="text" id="name" name="name" placeholder="Ingresa tu nombre completo" required> | |
| <label for="horoscope_type">Tipo de hor贸scopo:</label> | |
| <select id="horoscope_type" name="horoscope_type" required> | |
| <option value="Egipcio">Egipcio</option> | |
| <option value="Griego">Griego</option> | |
| <option value="Maya">Maya</option> | |
| <option value="Chino">Chino</option> | |
| <option value="Celta">Celta</option> | |
| </select> | |
| <input type="submit" value="Generar"> | |
| </form> | |
| {% if video_path %} | |
| <video id="video" controls> | |
| <source src="{{ video_path }}" type="video/mp4"> | |
| Your browser does not support the video tag. | |
| </video> | |
| {% endif %} | |
| {% if error_message %} | |
| <p id="error-message">{{ error_message }}</p> | |
| {% endif %} | |
| <script> | |
| var video = document.getElementById("video"); | |
| video.onloadeddata = function() { | |
| video.style.display = "block"; | |
| }; | |
| </script> | |
| </body> | |
| </html> | |