header.html 2.15 KB
Newer Older
Hiro's avatar
Hiro committed
1 2 3
{% if this.color == 'primary' %}
<div class="container-fluid bg-primary">
{% else %}
Hiro's avatar
Hiro committed
4
<div class="container-fluid {% if this.header_color %} bg-{{ this.header_color }} {% else %} bg-dark {% endif %}">
Hiro's avatar
Hiro committed
5 6 7
{% endif %}
  <div class="row flex-xl-nowrap {{ bag('alternatives', this.alt, 'order') }}">
    {% if this.color == 'primary' %}
Hiro's avatar
Hiro committed
8
    <div class="container bg-primary pt-5 pt-sm-0">
Hiro's avatar
Hiro committed
9
    {% else %}
Hiro's avatar
Hiro committed
10
    <div class="container {% if this.header_color %} bg-{{ this.header_color }} {% else %} bg-dark {% endif %}git  pt-5">
Hiro's avatar
Hiro committed
11 12
    {% endif %}
      <div class="row">
13
        {% if this.html == 'donate-form.html' and this.header_image|length %}
Hiro's avatar
Hiro committed
14 15
        <div class="col-12 content-center pt-5 pt-sm-0 donate-has-image">
          <div class="row pb-5 pb-sm-0">
16
            <h2 class="mx-auto display-3 text-white text-capitalize donate-title">{{ this.title }}</h2>
Hiro's avatar
Hiro committed
17
            <img src="{{ this.header_image | asseturl }}" class="donate-header-image img-fluid" />
Hiro's avatar
Hiro committed
18
            {% set idx = this.header_image.index(".png") %}
Hiro's avatar
Hiro committed
19
            {% set header_mobile = this.header_image[:idx] + "-mobile" + this.header_image[idx:] %}
Hiro's avatar
Hiro committed
20
            <img src="{{ header_mobile | asseturl }}" class="donate-header-image-mobile img-fluid" />
21 22 23
          </div>
        </div>
        {% else %}
Hiro's avatar
Hiro committed
24 25
        <div class="col-12 content-center pt-5">
          <div class="row">
Antonela's avatar
Antonela committed
26
            <h6 class="mx-auto text-white text-capitalize">{% block section %}{{ this.section }}{% endblock %}</h6>
Hiro's avatar
Hiro committed
27 28
          </div>
          <div class="row pb-5">
Antonela's avatar
Antonela committed
29
            <h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h2>
Hiro's avatar
Hiro committed
30
          </div>
31 32 33 34 35 36 37 38 39
          {% if this.header_description_alignment == 'center' %}
          <div class="row text-center header-description">
          {% elif this.header_description_alignment == 'right' %}
          <div class="row text-right header-description">
          {% else %}
          <div class="row header-description">
          {% endif %}
            {{ this.header_description }}
          </div>
Hiro's avatar
Hiro committed
40
        </div>
41
        {% endif %}
Hiro's avatar
Hiro committed
42 43 44 45 46 47 48
      </div>
    </div>
  </div>
</div>
{% if this.section_id == 'about' %}
  {% include 'pagenav.html' %}
{% endif %}