{% extends 'page' %}

{% block content_wrapper %}
    <main class="col-md-9">
        {{ page.blocks.content_top|raw }}
        {{ page.blocks.content|raw }}
        {{ page.blocks.content_bottom|raw }}
    </main>
{% endblock %}

{% block content_top %}
    {{ parent() }}

    {% if page.image %}
        <div class="project--image">
            <img class="img-responsive" src="/assets/images/projects/{{ page.image }}" alt="The {{ page.title }} website.">
        </div>
    {% endif %}
{% endblock %}

{% block content_bottom %}
    {% if page.website %}
        <div class="project--website">
            <a href="{{ page.website }}" class="btn btn-primary">View the website</a>
        </div>
    {% endif %}

    {{ include('project-skills') }}
    {{ include('project-company') }}
{% endblock %}