header.html 2.09 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-1 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 16 17 18 19 20
        <div class="col-12 content-center pt-1 pt-sm-0 donate-has-image">
            <h2 class="mx-auto display-3 text-white text-capitalize donate-title">{{ this.title }}</h2>
            <img src="{{ this.header_image | asseturl }}" class="donate-header-image img-fluid" />
            {% set idx = this.header_image.index(".png") %}
            {% set header_mobile = this.header_image[:idx] + "-mobile" + this.header_image[idx:] %}
            <img src="{{ header_mobile | asseturl }}" class="donate-header-image-mobile img-fluid" />
        </div>
21
        {% else %}
Hiro's avatar
Hiro committed
22 23
        <div class="col-12 content-center pt-5">
          <div class="row">
Antonela's avatar
Antonela committed
24
            <h6 class="mx-auto text-white text-capitalize">{% block section %}{{ this.section }}{% endblock %}</h6>
Hiro's avatar
Hiro committed
25 26
          </div>
          <div class="row pb-5">
Antonela's avatar
Antonela committed
27
            <h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h2>
Hiro's avatar
Hiro committed
28
          </div>
29 30 31 32 33 34 35 36 37
          {% 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
38
        </div>
39
        {% endif %}
Hiro's avatar
Hiro committed
40 41 42 43 44 45 46
      </div>
    </div>
  </div>
</div>
{% if this.section_id == 'about' %}
  {% include 'pagenav.html' %}
{% endif %}