2018-04-24 15:12:13 +02:00
|
|
|
{% load humanize %}
|
2018-04-27 02:36:48 +02:00
|
|
|
{% load sanitizer %}
|
2018-05-07 14:46:59 +02:00
|
|
|
{% load taglinks %}
|
2018-04-24 15:12:13 +02:00
|
|
|
|
2018-04-26 17:17:20 +02:00
|
|
|
<article class="media">
|
|
|
|
<figure class="media-left">
|
|
|
|
<p class="image is-64x64">
|
|
|
|
<img src="{{ toot.account.avatar }}"
|
|
|
|
alt="">
|
|
|
|
</p>
|
|
|
|
{% if reblog %}
|
|
|
|
<p class="image is-32x32 reblog-icon" >
|
|
|
|
<img src ="{{ reblog_icon }}" alt="">
|
2018-04-24 15:12:13 +02:00
|
|
|
</p>
|
2018-04-26 17:17:20 +02:00
|
|
|
{% endif %}
|
|
|
|
</figure>
|
|
|
|
<div class="media-content">
|
|
|
|
<div class="content">
|
|
|
|
<p>
|
|
|
|
<strong>{{ toot.account.display_name }}</strong>
|
|
|
|
<small>@{{ toot.account.acct }}</small>
|
|
|
|
<a href="{{ toot.url }}">
|
|
|
|
<small>{{ toot.created_at |naturaltime }}</small>
|
|
|
|
</a>
|
|
|
|
{% if reblog %}
|
|
|
|
<br>
|
|
|
|
Boosted by @{{ reblog_by }}
|
|
|
|
{% endif %}
|
|
|
|
</p>
|
|
|
|
{% if toot.spoiler_text %}
|
2018-04-24 15:12:13 +02:00
|
|
|
<p>
|
2018-04-26 17:17:20 +02:00
|
|
|
<strong>{{ toot.spoiler_text }} </strong>
|
2018-04-24 15:12:13 +02:00
|
|
|
</p>
|
2018-04-26 17:17:20 +02:00
|
|
|
{% endif %}
|
|
|
|
<div class="toot">
|
2018-05-07 15:34:12 +02:00
|
|
|
{{ toot.content | relink_toot | strip_html | safe }}
|
2018-04-26 17:17:20 +02:00
|
|
|
</div>
|
2018-04-24 15:12:13 +02:00
|
|
|
|
2018-04-26 17:17:20 +02:00
|
|
|
{% if toot.media_attachments %}
|
2018-04-24 15:16:57 +02:00
|
|
|
<br>
|
2018-04-26 17:17:20 +02:00
|
|
|
<div class="level">
|
|
|
|
<div class="level-left">
|
|
|
|
{% for media in toot.media_attachments %}
|
|
|
|
<a class="level-item" href="{{ media.url }}">
|
|
|
|
<img src="{{ media.preview_url }}"
|
|
|
|
alt="{% if media.description %}
|
|
|
|
{{ media.description }}
|
|
|
|
{% elif media.text_url %}
|
|
|
|
{{ media.text_url }}
|
|
|
|
{% else %}
|
|
|
|
{{ media.url }}
|
|
|
|
{% endif %}"
|
|
|
|
{% if media.description %}
|
|
|
|
title="{{ media.description }}"
|
|
|
|
{% endif %}
|
|
|
|
class="image is-128x128">
|
|
|
|
</a>
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
2018-04-24 15:12:13 +02:00
|
|
|
</div>
|
2018-04-26 17:17:20 +02:00
|
|
|
{% endif %}
|
|
|
|
<br>
|
2018-04-24 15:12:13 +02:00
|
|
|
</div>
|
2018-04-27 01:46:05 +02:00
|
|
|
<p class="is-hidden"></p>
|
2018-04-26 17:17:20 +02:00
|
|
|
<nav class="level is-mobile">
|
|
|
|
<div class="level-left">
|
2018-05-01 14:37:08 +02:00
|
|
|
<div class="level-item">
|
|
|
|
<a href="{% url "reply" toot.id %}">
|
|
|
|
<span class="icon is-small"><i class="fa fa-reply">
|
|
|
|
<span class="is-invisible">Reply</span>
|
|
|
|
</i></span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="level-item">
|
|
|
|
<a href="{% url "boost" toot.id %}">
|
|
|
|
<span class="icon is-small">
|
|
|
|
{% if toot.reblogged %}
|
|
|
|
<i class="fa fa-retweet has-text-warning">
|
|
|
|
{% else %}
|
|
|
|
<i class="fa fa-retweet" >
|
|
|
|
{% endif %}
|
|
|
|
<span class="is-invisible" >Boost</span>
|
|
|
|
</i>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="level-item">
|
|
|
|
<a href="{% url "fav" toot.id %}">
|
|
|
|
<span class="icon is-small">
|
|
|
|
{% if toot.favourited %}
|
|
|
|
<i class="fa fa-heart has-text-warning">
|
|
|
|
{% else %}
|
|
|
|
<i class="fa fa-heart">
|
|
|
|
{% endif %}
|
2018-05-01 00:40:41 +02:00
|
|
|
<span class="is-invisible" >Favorite</span>
|
2018-05-01 14:37:08 +02:00
|
|
|
</i>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
</div>
|
2018-04-26 17:17:20 +02:00
|
|
|
</div>
|
|
|
|
<div class="level-right">
|
|
|
|
<span class="level-item">
|
|
|
|
{{ toot.visibility }}
|
|
|
|
</span>
|
2018-04-27 00:49:43 +02:00
|
|
|
<a class="level-item" href="{% url "thread" toot.id %}">
|
2018-04-26 17:17:20 +02:00
|
|
|
thread
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<div class="media-right">
|
|
|
|
</div>
|
|
|
|
</article>
|