Featured Event

<article class="featured-event featured-event--{{ siteUnit }}">
    <div class="featured-event__image featured-event__image--{{ siteUnit }}">
        {% import "bits/macros/imageSource.twig" as imageMacros %}
        {{ imageMacros.create(post.featuredImage, 880,496) }}
    </div>
    {% embed 'templates/event-data-with-icon/event-data-with-icon.twig' %}
        {% block icon %}
            <div class="featured-event__icon">
                {% include 'bits/calendar-page/calendar-page.twig' with {
                    shortStartMonth: post.shortStartMonth,
                    startDay: post.startDay,
                    background: 'light'
                }%}
            </div>
        {% endblock %}
        {% block information %}
            <div class="featured-event__title">
                {% include 'bits/linked-title/linked-title.twig' with {
                    url: post.permalink,
                    text: post.title,
                } %}
            </div>
            <div class="featured-event__date">
                {% if post.isRecurring | default %}
                    <span class="featured-event__recurring-icon">
                        {% include 'bits/icons/recurring.twig' %}
                    </span>
                {% endif %}
                {{ post.fullDate }}
            </div>
            <div class="featured-event__time featured-event__time--{{ background }}">
                {% if post.startDayOfWeek | default %}
                    <span class="featured-event__dayofweek">{{ post.startDayOfWeek }}, </span>
                {% endif %}
                {% if post.isAllDay | default %}
                    All day
                {% else %}
                    {{ post.startTime }} - {{ post.endTime }}
                {% endif %}
            </div>
            {% if post.locations | default %}
                {% for location in post.locations %}
                    <div class="featured-event__location-link">
                        {% if location.physicalAddress | default %}
                            <a target="_blank"
                               href="https://maps.google.com/maps?q={{ location.physicalAddress|url_encode }}"
                               class="featured-event__location">
                                {% if location.physicalBuildingNumber | default %}
                                    {{ location.physicalBuildingNumber }},
                                {% endif %}
                                {{ location.physicalAddress|nl2br }}
                            </a>
                        {% elseif location.virtualLocation | default %}
                            <a target="_blank" href="{{ location.virtualLocation }}"
                               class="event-summary__location">
                                {{ location.locationText|nl2br }}
                            </a>
                        {% elseif location.locationText | default %}
                            {{ location.locationText|nl2br }}
                        {% endif %}
                    </div>
                {% endfor %}
            {% endif %}
        {% endblock %}
    {% endembed %}
</article>