{% extends "base.html" %}

{% block content %}
<main class="x xdc lg-xdr lg-xw bdb-gray">
  <section class="w100 lg-w50 hg-w1200">
    {% for block in doc.blocks %}
    {% if block.type == 'text' %}
    <section class="pb1-7 copy-h copy-page copy {% if not loop.first %} bdt-gray{% endif %}">
      {{ block.value | md | safe }}
    </section>
    {% elif block.type == 'image' %}
    <figure class="img-page {% if not loop.first %} bdt-gray{% endif %}">
      <img src="{{ url_for('static', path='/images/cache/' + block.url) | to_srcset('page', block.info.width, doc.meta.path, size=2, size_attr=False) }}"
	   srcset="{{ url_for('static', path='/images/cache/' + block.url) | to_srcset('page', block.info.width, doc.meta.path) }}"
	   sizes="(max-width: 759px) 100vw, 50vw"	 	   
	   alt="{{ block.url }}"
	   width="{{ block.info.width }}"
	   height="{{ block.info.height }}"
      >
    </figure>
    {% endif %}
    {% endfor %}
  </section>
  <section class="w100 lg-w50 lg-x lg-xdc lg-bdl-pink hg-x1">
  </section>
</main>
{% include "partials/footer.html" %}
{% endblock %}