Spaces:
Sleeping
Sleeping
File size: 2,033 Bytes
693e2f5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
<!DOCTYPE html>
<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>
|