<!DOCTYPE html>
<html>
<head>
    <title>Pumpkin Gallery🎃</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='gallery_styles.css') }}">
</head>
<body>
    <div class="button-container">
        <a href="{{ url_for('gallery') }}" class="button">🤺🤺🤺</a>
        <a href="{{ url_for('dump') }}" class="button">🎃🎃🎃</a>
    </div>
    <h1>Pumpkin Gallery🎃</h1>
    <div class="gallery-container">
        {% for image in images %}
            <a href="#" data-original="{{ url_for('uploaded_file', filename=image) }}" target="_blank">
                <img class="responsive-img" src="{{ url_for('cached_file', filename=image) }}" alt="{{ image }}">
            </a>
        {% endfor %}
    </div>
</body>
</html>