-
-{% load i18n %}
-
-{% if main %}
- <section id="big-cite"{% if cite.image %} style="background-image: url('{{ cite.image.url }}'); background-position: 50% {{ cite.image_shift|default_if_none:50 }}%;"{% endif %} >
-{% endif %}
-
-{% if cite %}
-
-<a href="{{ cite.link }}" class="cite{% if cite.small %} cite-small{% endif %}">
- {% if cite.vip %}
- <p class='vip mono'><span>{{ cite.vip }} {% trans "recommends" %}:</span></p>
- {% endif %}
- <blockquote class="cite-body">
- <span>{{ cite.text|linebreaksbr|safe }}</span>
- </blockquote>
- {% if cite.book %}
- <p class="source mono"><span>{{ cite.book.pretty_title }}</span></p>
- {% endif %}
-</a>
-
-{% endif %}
-
-
-{% if main %}
+ {% load i18n %}
+ {% load embed_video from social_tags %}
+
+ {% if main %}
+ <section class="big-cite"{% if cite.image or cite.background_plain %} style="{% if cite.image %}background-image: url('{{ cite.image.url }}');{% else %}background-image: none; background-color: {{ cite.background_color|default:"#000000" }};{% endif %}"{% endif %}>
+ {% endif %}
+
+ {% if cite %}
+ <a href="{{ cite.link }}" class="cite-{{ cite.layout }}">
+ {% if cite.video %}
+ <div class="box-c">
+ {% embed_video cite.video %}
+ </div>
+ {% endif %}
+ {% if cite.picture %}
+ <div class="box-c">
+ <img class="picture" src="{{ cite.picture.url }}" alt="{{ cite.picture_alt }}">
+ </div>
+ {% endif %}
+ <div class="{% if cite.small %}cite-text-small{% endif %}">
+ {% if cite.vip %}
+ <p class='vip mono'><span>{{ cite.vip }} {% trans "recommends" %}:</span></p>
+ {% endif %}
+ {% if cite.text %}
+ <blockquote class="cite-body">
+ <span>{{ cite.text|linebreaksbr|safe }}</span>
+ </blockquote>
+ {% endif %}
+ {% if cite.book %}
+ <p class="source mono"><span>{{ cite.book.pretty_title }}</span></p>
+ {% endif %}
+ </div>
+ </a>
+ {% endif %}
+
+ {% if main %}