<dl class="portlet portletEvents"
    i18n:domain="plone">

    <dt class="portletHeader">
        <span class="portletTopLeft"></span>
        <a href=""
           tal:attributes="href view/all_events_link"
           class="tile"
           i18n:translate="box_events">
            Upcoming Events
        </a>
        <span class="portletTopRight"></span>
    </dt>

    <tal:events tal:define="toLocalizedTime nocall:context/@@plone/toLocalizedTime"
                tal:repeat="obj view/published_events">
    <dd class="portletItem"
        tal:define="oddrow repeat/obj/odd;
                    plone_view context/@@plone;
                    getIcon nocall:plone_view/getIcon;
                    item_icon python:getIcon(obj);"
        tal:attributes="class python:oddrow and 'portletItem even' or 'portletItem odd'">
        <a href="#"
           class="tile"
           tal:attributes="href obj/getURL;
                           title obj/Description">
            <img tal:replace="structure item_icon/html_tag" />
            <span tal:replace="obj/pretty_title_or_id">
             Some Event 
            </span>
            <span class="portletItemDetails">
                <tal:condition condition="obj/location">
                    <tal:location content="obj/location">Location</tal:location>, <br />
                </tal:condition>
                <tal:date content="python:toLocalizedTime(obj.start)">
                May 5
                </tal:date>
            </span>
        </a>
    </dd>
    </tal:events>

    <dd class="portletFooter"
           tal:condition="view/prev_events_link">
        <a href=""
           tal:attributes="href view/prev_events_link"
           class="tile">
            <span i18n:translate="box_previous_events">
                Previous events&hellip;
            </span>
        </a>
    </dd>

    <dd class="portletFooter">
        <a href=""
           class="tile"
           tal:attributes="href view/all_events_link"
           i18n:translate="box_upcoming_events">
                Upcoming events&hellip;
        </a>
        <span class="portletBottomLeft"></span>
        <span class="portletBottomRight"></span>
    </dd>
</dl>
