Add: site overview twitter template
This commit is contained in:
parent
8eee273513
commit
a2064d3e99
GPG key ID:
583642324A1D2070
1 changed files with 118 additions and 0 deletions
118
archivist/apps/templates/sites/twitter/overview.html
Normal file
118
archivist/apps/templates/sites/twitter/overview.html
Normal file
|
|
@ -0,0 +1,118 @@
|
||||||
|
{% extends "layouts/base-electric.html" %}
|
||||||
|
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
|
{% block title %} Sites {% endblock title %}
|
||||||
|
|
||||||
|
{% block stylesheets %}{% endblock stylesheets %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
|
||||||
|
{% include "includes/navigation-transparent.html" %}
|
||||||
|
|
||||||
|
<div class="container-fluid" loading="lazy">
|
||||||
|
<div class="e-container-border e-container-radius row mb-3" tabindex="1">
|
||||||
|
<div class="e-container e-container-radius p-2">
|
||||||
|
|
||||||
|
<h1 class="text-center">Twitter Overview</h1>
|
||||||
|
|
||||||
|
<p class="text-center"></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h2>New Archived Posts:</h2>
|
||||||
|
<div class="gallery-container">
|
||||||
|
{% for submission in submissions %}
|
||||||
|
<div class="gallery-item bg-dark">
|
||||||
|
{% include "sites/partials/site-btn-overlay.html" with category=submission.category.name %}
|
||||||
|
|
||||||
|
{% if submission.content_object.files.exists %}
|
||||||
|
|
||||||
|
{% if submission.content_object.files.all|length == 1 %}
|
||||||
|
<img src="{% url 'files:serve_content_file' 'submission' submission.content_object.files.first.file_hash %}" class="" alt="{{ media_files.0.name }}">
|
||||||
|
|
||||||
|
{% elif submission.content_object.files.all|length == 2 %}
|
||||||
|
{% for file in submission.content_object.files.all %}
|
||||||
|
<img src="{% url 'files:serve_content_file' 'submission' file.file_hash %}" class="" alt="{{ media_file.name }}">
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
{% for file in submission.content_object.files.all %}
|
||||||
|
<div class="col">
|
||||||
|
<img src="{% url 'files:serve_content_file' 'submission' file.file_hash %}" class="" alt="{{ media_file.name }}">
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<span class="badge bg-secondary">This submission has no media</span>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
<a href='{% url "sites:submission" submission.submission_hash %}' class="stretched-link"></a>
|
||||||
|
<div class="overlay p-2 text-center">
|
||||||
|
{% if submission.content_object.description|length > 64 %}
|
||||||
|
<p>{{ submission.content_object.description|slice:"0:64"|add:"..." }}</p>
|
||||||
|
{% else %}
|
||||||
|
<p>{{ submission.content_object.description }}</p>
|
||||||
|
{% endif %}
|
||||||
|
<a href="{% url 'sites:artist_profile' submission.author.user_hash %}" class="z-2">{{ submission.content_object.author.artist }}</a>
|
||||||
|
<small class="badge bg-secondary">{{ submission.content_object.date }}</small>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="e-container-border row my-3" tabindex="1">
|
||||||
|
<div class="e-container">
|
||||||
|
|
||||||
|
<h2 class="text-center">New Archived Users:</h2>
|
||||||
|
<div class="d-flex overflow-auto">
|
||||||
|
<div class="list-group list-group-horizontal">
|
||||||
|
{% for user in new_users %}
|
||||||
|
<div class="list-group-item bg-transparent border-0">
|
||||||
|
|
||||||
|
<div class="card text-bg-secondary" style="min-width: 48ch;">
|
||||||
|
{% if user.banner %}
|
||||||
|
<img src="{% url 'files:serve_content_file' 'user_banner' user.banner.file_hash %}" class="card-img-top" alt="{{ user.artist }}'s banner" loading="lazy">
|
||||||
|
{% else %}
|
||||||
|
{% comment %} <div class="placeholder" style="padding-top: 33.33333333333333%;"></div> {% endcomment %}
|
||||||
|
<img src="{% static 'img/placeholder/no-banner-1500x500.png' %}" class="card-img-top" alt="{{ user.artist }} has no banner">
|
||||||
|
{% endif %}
|
||||||
|
<div class="row g-0 p-2">
|
||||||
|
<div class="col-4">
|
||||||
|
{% if user.icon %}
|
||||||
|
<img src="{% url 'files:serve_content_file' 'user_profile' user.icon.file_hash %}" class="mt-3 card-img rounded-circle border border-3 border-primary" alt="{{ user.artist }}'s banner" loading="lazy">
|
||||||
|
{% else %}
|
||||||
|
{% comment %} <div class="placeholder" style="padding-top: 33.33333333333333%;"></div> {% endcomment %}
|
||||||
|
<img src="{% static 'img/placeholder/no-icon-500x500.png' %}" class="card-img rounded-circle" alt="{{ user.artist }} has no icon">
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title text-center">{{ user.artist }}</h5>
|
||||||
|
<p class="card-text">{{ user.description }}</p>
|
||||||
|
<p class="card-text"><small class="text-body-secondary">Added on: {{ user.date_added }}</small></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="{% url 'sites:submission' user.id %}" class="stretched-link"></a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% endblock content %}
|
||||||
|
|
||||||
|
|
||||||
Loading…
Reference in a new issue