django_airavata/templates/django_airavata_wagtail_base/home_page.html (72 lines of code) (raw):
{% extends "wagtail_base.html" %}
{% load navigation_tags wagtailimages_tags wagtailcore_tags %}
{% block content %}
{% if page.show_navbar == "yes" %}
{% block header %}
{# Header contains the main_navigation block #}
{% include "includes/header.html" with parent=site_root calling_page=self %}
{% endblock header %}
{% endif %}
{% if page.show_nav_extra == "yes" %}
{% block nav-extra %}
{% include "includes/nav-extra.html" %}
{% endblock nav-extra %}
{% endif %}
{% block messages %}
{% include "includes/messages.html" %}
{% endblock messages %}
{% get_announcements %}
<div class="hero-unit">
<!--
<h1>Hero Image</h1>
<h2>This is a simple hero unit, a simple jumbotron-style component for calling extra 7
attention to featured content or information.</h2>
<p><a class="btn btn-primary btn-large">Learn more</a></p>
-->
{% image page.image original class="img-fluid" %}
</div>
<div class="darker-blue-bg text-center">
<a href="#seagrid-features"><i class="fa fa-chevron-down floating" style="font-size:5em; color: #20b2aa;padding-left:15px;"></i></a>
</div>
<div class="container-fluid text-center breathing-space" id="seagrid-features">
{% if page.site_logo %}
<h1>{% image page.site_logo max-140x43 %} Features</h1><br/>
{% endif %}
{% if page.features_text %}
<p class="font-1-5">
{{ page.features_text|richtext }}
</p>
{% endif %}
<hr/>
<div class="row">
<div class="col">
<span class="feature-icon-img">{% if page.feature_logo_1 %}{% image page.feature_logo_1 fill-200x200 %}{% endif %}</span>
<h3>{% if page.feature_1_title %}{{ page.feature_1_title }}{% endif %}</h3>
<p>{% if page.feature_1_text %}{{ page.feature_1_text|richtext }}{% endif %}</p>
</div>
<div class="col">
<span class="feature-icon-img">{% if page.feature_logo_2 %}{% image page.feature_logo_2 fill-200x200 %}{% endif %}</span>
<h3>{% if page.feature_2_title %}{{ page.feature_2_title }}{% endif %}</h3>
<p>{% if page.feature_2_text %}{{ page.feature_2_text|richtext }}{% endif %}</p>
</div>
<div class="col">
<span class="feature-icon-img">{% if page.feature_logo_3 %}{% image page.feature_logo_3 fill-200x200 %}{% endif %}</span>
<h3>{% if page.feature_3_title %}{{ page.feature_3_title }}{% endif %}</h3>
<p>{% if page.feature_3_text %}{{ page.feature_3_text|richtext }}{% endif %}</p>
</div>
<div class="col">
<span class="feature-icon-img">{% if page.feature_logo_4 %}{% image page.feature_logo_4 fill-200x200 %}{% endif %}</span>
<h3>{% if page.feature_4_title %}{{ page.feature_4_title }}{% endif %}</h3>
<p>{% if page.feature_4_text %}{{ page.feature_4_text|richtext }}{% endif %}</p>
</div>
</div>
<div class="card card-body bg-light text-center">
{% if page.custom_body_message %}{{ page.custom_body_message|richtext }}{% endif %}
</div>
</div>
<div class="col-md-12 text-center seagrid-workflow darker-blue-bg">
<h1>{% if page.site_logo %}{% image page.site_logo max-140x43 %}{% endif %} DNA</h1><br/>
<div class="video-space">
{% if page.banner_image %}{% image page.banner_image original class="img-fluid" %}{% endif %}
</div>
</div>
{% if page.show_footer == "yes" %}
<footer class="theme-footer">
{% include "includes/footer.html" %}
</footer>
{% endif %}
{% endblock content %}