{% extends 'base.html.j2' %}
{% set page_title %}
    {% trans project_title=project.configuration.title | localize %}
        Welcome to {{ project_title }}
    {% endtrans %}
{% endset %}
{% block page_content %}
    {% if 'demo' in project.extensions %}
        <p>
            {% trans %}
                Betty is an application that takes a family tree and builds a website out of it, much like the one you
                are viewing right now. The more information your genealogical research contains, the more interactivity
                Betty can add to your site, such as media galleries, maps, and browsable family trees.
            {% endtrans %}
        </p>
        <p>
            {% set liberta_lankester_label -%}
                <a href="{{ project.ancestry['person']['betty-demo-liberta-lankester'] | url }}">Liberta 'Betty' Lankester</a>
            {%- endset %}
            {% trans liberta_lankester_label = liberta_lankester_label %}
                Betty was named after {{ liberta_lankester_label }}, and this website shows a small sample of her family
                history. You can browse the pages about her and some of her family to get an idea of what a Betty site
                looks like.
            {% endtrans %}
        </p>
    {% endif %}
    {% if project.extensions['cotton-candy'].configuration.featured_entities %}
        <div class="featured">
            <div class="featured-entities">
                {% for entity_reference in project.extensions['cotton-candy'].configuration.featured_entities %}
                    <div class="featured-entity">
                        {% with entity = project.ancestry[entity_reference.entity_type][entity_reference.entity_id] %}
                            {% include [
                                'entity/featured--' + entity.plugin_id() + '.html.j2',
                                'entity/featured.html.j2',
                            ] %}
                        {% endwith %}
                    </div>
                {% endfor %}
            </div>
        </div>
    {% endif %}
{% endblock %}
