{% extends 'base.html' %}
<!---->
{% block title %}{{ focus.title | default:"-" }} | pdlzbs{% endblock %}
<!---->
{% load static tailwind_tags wysiwyg %} {% block content %}
<div class="flex flex-col items-center gap-4">
  <article class="prose w-full max-w-screen-md p-4">
    {% if focus.show_title %}
    <h1 class="font-medium text-center mb-2">{{ focus.title }}</h1>
    {% endif %}
    <div class="flex flex-wrap gap-4 items-center justify-center">
      {% buttons focus.buttons %}
    </div>
    <figure class="flex flex-col mt-2">
      <a
        href="{{ focus.buttons | firstbutton }}"
        target="_blank"
        class="mx-auto"
        ><img
          src="{{ focus.photo.url }}"
          alt=""
          class="max-h-72 inline-block text-center"
      /></a>
      <figcaption>{% content focus %}</figcaption>
    </figure>
  </article>
</div>
{% endblock %}