Spaces:
Runtime error
Runtime error
<html> | |
<head> | |
<title>Age Transformation Result</title> | |
<style> | |
body { | |
font-family: Arial, sans-serif; | |
max-width: 800px; | |
margin: 0 auto; | |
padding: 20px; | |
} | |
.container { | |
border: 1px solid #ddd; | |
border-radius: 5px; | |
padding: 20px; | |
margin-top: 20px; | |
} | |
.result-image { | |
max-width: 100%; | |
height: auto; | |
margin: 20px 0; | |
} | |
.button { | |
background-color: #4CAF50; | |
border: none; | |
color: white; | |
padding: 10px 20px; | |
text-align: center; | |
text-decoration: none; | |
display: inline-block; | |
font-size: 16px; | |
margin: 10px 2px; | |
cursor: pointer; | |
border-radius: 4px; | |
} | |
.home-button { | |
background-color: #2196F3; | |
} | |
</style> | |
</head> | |
<body> | |
<h1>Age Transformation Result</h1> | |
<div class="container"> | |
<h2>Your rejuvenated image:</h2> | |
<img src="{{ url_for('display_image', filename=filename) }}" alt="Transformed Image" class="result-image"> | |
<div> | |
<a href="{{ url_for('download_file', filename=filename) }}" class="button">Download Image</a> | |
<a href="/" class="button home-button">Try Another Image</a> | |
</div> | |
</div> | |
<div class="container"> | |
<h3>Note:</h3> | |
<p>The current implementation uses a random latent vector rather than encoding your actual image. For more accurate results, a proper encoder would need to be implemented.</p> | |
</div> | |
</body> | |
</html> |