{% extends "layout.html" %}

{% block main %}
    <div class="container" style="margin-top: 3rem">
    {{ apos.area(data.page, "body", {
        widgets: {
            'apostrophe-images': {size: 'original'},
            'apostrophe-rich-text': {
                toolbar: ['Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Indent', 'Outdent', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript', 'Split'],
                styles: [
                    {name: 'Paragraph', element: 'p', attributes: {class: "p"} },
                    {name: 'Heading 2', element: 'h2', attributes: {class: "h2"} },
                    {name: 'Heading 3', element: 'h3', attributes: {class: "h3"} },
                    {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
                    {name: 'Heading 5', element: 'h5', attributes: {class: "h5"} },
	                {name: 'highlighted', element: 'div', attributes: {class: "highlighted"} },
	                {name: 'bullet2', element: 'div', attributes: {class: "bulletLevel2"} }
                ]
            },
            'apostrophe-files': {},
            'two-column': {},
	        'two-column-1-2': {}
        }
    }) }}
    </div>
{% endblock %}