{% extends "public.html" %}
{% load thumbnail %}

{% block whole_title %}BMUS - Promoting Ultrasound for Healthcare Professionals{% endblock %}

{% block banner_extra %}

    {% if homepage_settings.banner %}
        <div id="banner" class="jumbotron hidden-xs">
            <img class="item img-responsive fullsize" src="{{ homepage_settings.banner|thumbnail:'2400x704'}}" alt=""/>
            <div class="overlay"></div>
            <div class="container">
                <div class="banner_inner">
                    <div class="banner_text">
                        <h1>{{ homepage_settings.banner_title }}</h1>
                        <h2>{{ homepage_settings.banner_subtitle }}</h2>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

{% endblock %}

{% block banner_mobile %}

    {% if homepage_settings.mobile_banner %}
        <div id="banner_mob" class="jumbotron visible-xs-block">
            <img class="item img-responsive fullsize" src="{{ homepage_settings.mobile_banner|thumbnail:'768x376' }}" alt=""/>
            <div class="overlay"></div>

            <div class="banner_inner">
                <div class="banner_text">
                    <h1>{{ homepage_settings.banner_title }}</h1>
                    <h2>{{ homepage_settings.banner_subtitle }}</h2>
                </div>
            </div>
        </div>
    {% endif %}

{% endblock %}

{% block main_content %}
    <div id="actions" class="row">
        {% if block_layout %}
            {% include block_layout.get_public_template %}
        {% endif %}
	</div>

    <div id="home_content" class="row">
        <div class="text col-md-6">
            {{ homepage_settings.left_content|safe }}
        </div>
        <div class="text col-md-6">
            {{ homepage_settings.right_content|safe }}
        </div>
    </div>

{% endblock %}