lego/templates/header.html
2023-11-06 15:14:49 +00:00

52 lines
2.3 KiB
HTML

{% if this.color == 'primary' %}
<div class="container-fluid bg-primary">
{% else %}
<div class="container-fluid {% if this.header_color %} bg-{{ this.header_color }} {% else %} bg-dark {% endif %}">
{% endif %}
<div class="row flex-xl-nowrap {{ bag('alternatives', this.alt, 'order') }}">
{% if this.color == 'primary' %}
<div class="container bg-primary pt-1 pt-sm-0">
{% else %}
<div class="container {% if this.header_color %} bg-{{ this.header_color }} {% else %} bg-dark {% endif %}git py-4">
{% endif %}
<div class="row">
{% if this._model == 'donate-form' and this.header_image|length %}
<div class="col-12 content-center pt-1 pt-sm-0 donate-has-image">
<h2 class="mx-auto display-3 text-white 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" />
{% if this.header_tag_line %}
<div class="text-center py-3">
<a href="{{ this.header_tag_link.ascii_url }}" title="Friends of Tor" class="match">{{ _( this.header_tag_line ) }}</a>
</div>
{% endif %}
</div>
{% else %}
<div class="col-12 content-center pt-5">
<div class="row">
<h6 class="mx-auto text-white">{% block section %}{{ this.section }}{% endblock %}</h6>
</div>
<div class="row pb-5">
<h2 class="mx-auto display-3 text-white">{% block title %}{{ this.title }}{% endblock %}</h2>
</div>
{% 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 %}
{% block header_description %}{{ this.header_description }}{% endblock %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% if this.section_id == 'about' %}
{% include 'pagenav.html' %}
{% endif %}