{% extends 'layout.html.twig' %}
{% block content %}
<main class="main">
<div class="container-fluid">
<div class="row">
<div class="col-lg-10 offset-lg-1">
<section class="section-intro">
<div class="row">
<div class="col-lg-8 col-xl-6">
<h1>{{ blog.title }}</h1>
</div>
</div><!--/ .row -->
<div class="row">
<div class="col-md-8">
<p class="lead">
{{ blog.intro }}
</p>
</div>
</div><!--/ .row -->
</section>
<div class="row">
{% if blog.intro2 != "" or blog.introLink != "" %}
<div class="col-md-5">
{{ blog.intro2 }}
{% if blog.introLink %}
<p class="mt-5">
<a class="caps-link" href="{{ blog.introLink.getHref() }}">{{ blog.introLink.getText() }}</a>
</p>
{% endif %}
</div>
{% endif %}
{% set project = blog.relatedProject %}
{% if (project) %}
<div class="col-md-6 offset-md-1 pb-5 pb-md-0">
{% set projectDocument = document.getProperty('project_default_document') %}
{% set url = app_project_detaillink(project) %}
<a class="project-renderlet" href="{{ url }}">
<div class="img-wrapper">
{% if project.photoIndexLarge %}
{{ project.photoIndexLarge.thumbnail('ProjectRenderletThumbnail', {class: 'img-fluid'}).html|raw }}
{% endif %}
</div>
<p class="project-renderlet-title">{{ project.title }} - {{ project.location }}</p>
</a>
</div><!--/ .row -->
{% endif %}
</div>
</div>
</div><!--/ .row -->
</div><!--/ .container-fluid -->
<section class="section--richcontent pt-5">
{% for contentBlock in blog.contentBlocks %}
{% include 'content/' ~ contentBlock.type ~ '.html.twig' with {'contentBlock': contentBlock} %}
{% endfor %}
</section>
</main>
{% endblock %}