python-gallery/gallery/templates/groups/list.html

56 lines
2.5 KiB
HTML
Raw Normal View History

{% extends 'layout.html' %}
2023-03-25 16:22:32 +00:00
{% block nav_groups %}selected{% endblock %}
{% block content %}
<div class="banner small">
<div class="banner-content">
<h1>{{ config.WEBSITE.name }}</h1>
{% if groups|length == 0 %}
<p>0 groups :<</p>
{% elif groups|length == 69 %}
<p>{{ groups|length }} groups, uwu</p>
{% else %}
<p>{{ groups|length }} groups</p>
{% endif %}
</div>
</div>
<form action="/api/group/create" method="post" enctype="multipart/form-data">
2023-03-23 22:22:52 +00:00
<input class="input-block black" type="text" name="name" placeholder="name">
<input class="input-block black" type="text" name="description" placeholder="description">
<button class="btn-block black" type="submit">Submit</button>
</form>
{% if groups %}
<div class="gallery-grid">
{% for group in groups %}
{% if group.thumbnail %}
<a id="group-{{ group.id }}" class="gallery-item" href="{{ url_for('group.group', group_id=group.id) }}" style="background-color: rgb({{ group.thumbnail.image_colours.0.0 }}, {{ group.thumbnail.image_colours.0.1 }}, {{ group.thumbnail.image_colours.0.2 }})">
<div class="image-filter">
<p class="image-subtitle"></p>
<p class="image-title">{{ group.name }}</p>
</div>
2023-03-26 20:58:17 +00:00
<img data-src="{{ group.thumbnail.file_name }}" onload="this.classList.add('loaded');" id="lazy-load"/>
</a>
{% else %}
<a id="group-{{ group.id }}" class="gallery-item" href="{{ url_for('group.group', group_id=group.id) }}">
<div class="image-filter">
<p class="image-subtitle"></p>
<p class="image-title">{{ group.name }}</p>
</div>
2023-03-26 20:58:17 +00:00
<img src="{{ url_for('static', filename='error.png') }}" onload="this.classList.add('loaded');"/>
</a>
{% endif %}
{% endfor %}
</div>
{% else %}
<div class="big-text">
<h1>*crickets chirping*</h1>
{% if g.user %}
<p>You can get started by creating a new image group!</p>
{% else %}
<p>Login to start seeing anything here!</p>
{% endif %}
</div>
{% endif %}
{% endblock %}