Select Text read_text.html
display_images.html
<!DOCTYPE html>
<html>
<head>
<title>Display Images</title>
</head>
<body style="background-color: rgb(156, 23, 23);">
<h1 style="color: orange;" >Randomly: Selected Images</h1>
<form action="/edit_mask" method="post">
{% for image_path in image_paths %}
<input type="hidden" name="image_paths" value="{{ image_path }}">
{% endfor %}
<input type="hidden" name="mask_path" value="{{ mask_path }}">
<input type="hidden" name="opacity" value="{{ opacity }}">
<button type="submit">Edit Mask and Blend Again</button>
</form>
<!-- return home -->
<form action="/" method="get">
<button type="submit">Home</button>
</form>
<form action="/blend_images" method="post">
<label for="opacity">Opacity (between 0 and 1):</label>
<input type="text" id="opacity" name="opacity" value="{{ opacity }}">
<button type="submit">Blend Images with Mask</button> Grayscale Mask (Edit if needed):<br/>
{% for image_path in image_paths %}
<div class="image-item">
<img src="{{ image_path }}" alt="Image">
<div>
<label>
<input type="radio" name="top_image" value="{{ image_path }}" required> Top
</label>
<label>
<input type="radio" name="mask_image" value="{{ image_path }}" required> Mask
</label>
<label>
<input type="radio" name="bottom_image" value="{{ image_path }}" required> Bottom
</label>
</div>
</div>
<img src="{{ url_for('static', filename='images/' + image_path.split('/')[-1]) }}" width="200px">
<input type="hidden" name="image_paths" value="{{ image_path }}">
{% endfor %}
<img src="{{ url_for('static', filename='masks/grayscale_mask.png') }}" width="200px">
<input type="hidden" name="mask_path" value="{{ mask_path }}">
</form>
</body>
</html>
Back to file list