{% extends "layout-2020.html" %}
{% block title %}Penguin Comics{% endblock %}
{% block subtitle %}{{ this.subtitle }}{% endblock %}

{% block content %}
{% set image = this.attachments.images.first() %}

<div class="container">
  <div class="row mb-5">
    <div class="col-md-3">
      <!-- unused for centering -->
    </div>
    <div class="col-md-6">
      <img src="{{ image|url }}" alt="{{ this.title }}"
      class="img-fluid"/>
    </div>
    <div class="col-md-3">
      <!-- unused for centering -->
    </div>
  </div>
</div>

{% if this.body %}
<div class="container">
  <div class="row mb-3">
    <div class="col-md-3">
      <!-- unused for centering -->
    </div>
    <div class="col-md-6">
      {{ this.body }}
    </div>
    <div class="col-md-3">
      <!-- unused for centering -->
    </div>
  </div>
</div>
{% endif %}
{% endblock %}