{#
  This is an example home page template. It inherits and extends a layout template
  that lives in the top-level views/ folder for convenience
#}

{% extends "layout.html" %}

{#{% block menu %}#}
{#    <div style="height: 20px; background-color: red"></div>#}
{#{% endblock %}#}

{% block main %}
{#  <div class="main-content">#}
{#    <h3>Hello world!#}
{#      {% if not data.user %}#}
{#        <a class="login-link" href="{{ apos.prefix }}/login">Login</a>#}
{#      {% endif %}#}
{#    </h3>#}
{#    <p>This is a very bare bones Apostrophe project. Now, get to work and make a real website!</p>#}
{#  </div>#}
<div class="container" style="margin-top: 3rem">
    {{ apos.area(data.page, "body", {
        widgets: {
            'apostrophe-images': {size: 'one-half'},
            'apostrophe-rich-text': {
                toolbar: ['Styles', 'Bold', 'Italic', 'Link', 'Unlink', 'Anchor', 'Table', 'BulletedList', 'Blockquote', 'Strike', 'Subscript', 'Superscript', 'Split'],
                styles: [
                    {name: 'Paragraph', element: 'p'},
                    {name: 'highlighted', element: 'p', attributes: [{'class': 'highlighted'}]},
                    {name: 'Heading 2', element: 'h2'},
                    {name: 'Heading 3', element: 'h3'},
                    {name: 'Heading 4', element: 'h4'},
                    {name: 'Heading 5', element: 'h5'}
                ]
            },
            'apostrophe-files': {},
            'two-column': {}
        }
    }) }}
</div>
{% endblock %}
