6 annoy-banner_crisis-container
7 annoy-banner-style_{{ banner.style }}
11 annoy-banner_{{ banner.place }}
12 {% if banner.image %}with-image{% endif %}
13 {% if banner.smallfont %}banner-smallfont{% endif %}
15 id="annoy-banner-{{ banner.id }}"
17 {% if banner.text_color %}color: {{ banner.text_color }};{% endif %}
18 {% if banner.background_color %}background-color: {{ banner.background_color }};{% endif %}
21 <div class="annoy-banner-inner">
23 <div class="image-box">
25 <img src="{{ banner.image.url }}">
29 <div class="text-box">
31 {{ banner.get_text|safe|linebreaks }}
34 <div class="state-box">
35 <div class="progress-box">
37 <div class="l-checkout__support__bar">
38 <span data-label="{{ banner.progress_percent_pretty }}%" style="width: {% localize off %}{{ banner.progress_percent }}%{% endlocalize %};"></span>
42 <div class="time-box">
43 <strong class="countdown inline" data-until='{{ banner.until|date_to_utc:True|utc_for_js }}'></strong>
45 <div class="action-box">
46 {% if banner.action_label %}
47 <a class="action" href="{{ banner.url }}">
48 {{ banner.action_label }}