{% load time_tags %}
{% if offer %}
{% spaceless %}
-<div class="funding" style="">
+<div class="funding {{ add_class }}" data-offer-id="{{offer.id}}" style="">
+ {% if closeable %}<a href="#" class="close">X</a>{% endif %}
{% if link and is_current %}
- <a class="call" href="{{ offer.get_absolute_url }}">
- {% trans "Support a book!" %}</a>
+ <div class="call-area">
+ <a class="call honking" href="{% url 'funding_current' offer.slug %}">
+ {% trans "Support!" %}</a>
+ <div class="learn-more">
+ <a href="{% url 'infopage' 'wesprzyj' %}">{% trans "Learn more" %}</a>
+ </div>
+ </div>
{% endif %}
- <div class="description {% if link and is_current %}with-button{% endif %}"
- style="display: inline-block;">
- <strong>
- {% if link %}<a href="{{ offer.get_absolute_url }}">{% endif %}
- {{ offer }}
- {% if link %}</a>{% endif %}
- </strong>
+ <div class="description {% if link and is_current %}with-button{% endif %}">
+ {% if link %}<a href="{% if is_current %}{% url 'funding_current' offer.slug %}{% else %}{{ offer.get_absolute_url }}{% endif %}">{% endif %}
+ {% if show_title %}
+ {% if is_current and show_title_calling %}<strong style="margin-right: .6em;">{% trans "Help free the book!" %}</strong>{% endif %}
+ <span class="funding-title{% if not is_current %}-strong{% endif %}">{{ offer }}</span>
+ {% endif %}
+
<div class="progress"
style="text-align: center; background-size: {{ percentage|stringformat:'.2f' }}% 1px;"
>
{% if sum %}
- <span class="piece" style="float:left">{% trans "collected" %}: <em>{{ sum }} </em></span>
+ <span class="piece progress-collected">{% trans "collected" %}: {{ sum }} zł</span>
{% endif %}
{% if not is_win %}
- <span class="piece" style="float: right">{% trans "missing" %}: <em>{{ missing }} zł</em></span>
+ <span class="piece progress-target"><span class="{% if sum %}progress-extralabel{% endif %}">{% trans "needed" %}: </span>{{ offer.target }} zł</span>
{% endif %}
{% if is_current %}
- <span class="piece" style="display:inline-block;margin-right: 0em;">{% trans "until fundraiser end" %}:
+ <span class="piece progress-until"><span class="progress-extralabel">{% trans "until fundraiser end" %}:</span>
<span class="countdown inline" data-until='{{ offer.end|date_to_utc:True|utc_for_js }}'></span>
</span>
+ {% else %}
+ <div style="clear: both"></div>
{% endif %}
-
- <div style="clear: both"></div>
</div>
+ {% if link %}</a>{% endif %}
</div>
+ <div style="clear: both"></div>
</div>
+{% if closeable %}
+ <div class="funding-handle">{% trans "Help free the book!" %}</div>
+{% endif %}
{% endspaceless %}
{% endif %}