gallery.html

← Back to explorer
templates/gallery.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=0, minimum-scale=0">
    <title>GALLERY</title>
    <link href="../static/css/gallery.css" rel="stylesheet">
  </head>
  <nav>
  <a href="/">HOME</a>
  <a href="upload">UPLOAD</a>
  <a href="gallery">GALLERY</a>
  <a href="login">LOGIN</a>
  <a href="logout">LOGOUT</a>
  <div id="indicator"></div>
</nav>
  <body>
    <div class="file-grid">
        {% for file in files %}
            <div class="file-card">
                {% if file.ext in ['png', 'jpg', 'jpeg', 'gif'] %}
                  <img src="{{ file.path }}" alt="{{ file.name }}">
                {% elif file.ext in ['mp4', 'mov'] %}
                  <img src="{{ file.thumbnail }}" alt="{{ file.name }}">
                {% else %}
                  <img class="default_icon" src="{{ url_for('static', filename='icons/default_icon.png') }}" alt="File icon">
                {% endif %}
                <p>{{ file.name }}</p>
                <p>{{ file.size }}</p>
                <p> <a href="{{ file.path }}" target="_blank">Download</a>
            </div>
                {% else %}
                  <p id="alt-text">No files found.</p>
        {% endfor %}
    </div>
  </body>
</html>