29 lines
1.1 KiB
HTML
29 lines
1.1 KiB
HTML
{% extends "base_dark.html" %}
|
|
|
|
|
|
<!-- Title -->
|
|
{% block title %} Gallery : Photostream {% endblock %}
|
|
|
|
<!-- Content -->
|
|
{% block content %}
|
|
|
|
{% load link_tags %}
|
|
<ul class="uk-tab uk-flex-left uk-margin-remove-top">
|
|
<li {% if order == 'latest' %}class="uk-active" {% endif %}><a href="{% search_link 'latest' request.GET %}">Latest</a></li>
|
|
<li {% if order == 'liked' %}class="uk-active" {% endif %}><a href="{% search_link 'liked' request.GET %}">Top Liked</a></li>
|
|
<li {% if order == 'popular' %}class="uk-active" {% endif %}><a href="{% search_link 'popular' request.GET %}">Popular</a></li>
|
|
</ul>
|
|
|
|
<div class="uk-grid-small uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m uk-child-width-1-5@l" uk-grid="masonry: true">
|
|
{% for photo in object_list %}
|
|
<a href="{{ photo.get_absolute_url }}">
|
|
<img loading="lazy" srcset="{{ photo.photo_bg.url }} 320w, {{ photo.photo_md.url }} 720w, {{ photo.photo_md.url }} 1920w"
|
|
src="{{ photo.photo_md.url }}" alt="{{ photo.album.name }} - {{ photo.slug }}">
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
{% include "./partials/pagination.html" %}
|
|
|
|
{% endblock %}
|
|
|