<!-- Event Meta -->
<div class="event_meta" id="meta" data-type="event">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="event_meta_inner">
                <div class="event_meta_body">
                    <div class="event_meta_time_wrapper">
                        <time class="event_meta_time" datetime="2023-05-31 17:00:00">
                            <span class="event_meta_time_start">May 31, 2023</span>
                            <span class="event_meta_time_end"> - Jun 13, 2023</span>
                        </time>
                    </div>

                    <div class="event_meta_title_wrap">
                        <h1 id="page_title" class="event_meta_title">
                            Decoding the Impact of Rogue Angiotensin System on Deteriorating Mitochondria
                        </h1>
                    </div>

                    <div class="event_meta_location_wrap">
                        <div class="event_meta_location">
                            Johns Hopkins Homewood Campus
                        </div>
                    </div>

                    <div class="event_meta_details">
                        <div class="event_meta_detail">
                            <span class="event_meta_detail_hint">Time:&nbsp;</span>
                            <span class="event_meta_detail_label">
                                <span class="event_meta_detail_label_date">5:00 PM - 7:00 PM</span>
                            </span>
                        </div>

                        <div class="event_meta_detail">&bull;</div>

                        <div class="event_meta_detail">
                            <span class="event_meta_detail_hint">Location:&nbsp;</span>
                            <span class="event_meta_detail_label">Johns Hopkins Homewood Campus</span>
                        </div>
                    </div>
                </div>

                <div class="event_meta_actions">

                    <!-- Event Actions -->
                    <div class="event_actions">
                        <div class="event_actions_header">
                            <h2 class="event_actions_title" id="event_actions_title">
                                <span class="event_actions_title_label">Event Actions</span>
                            </h2>
                        </div>
                        <div class="event_actions_body">
                            <ul class="event_actions_list" aria-labelledby="event_actions_title">
                                <li class="event_action">

                                    <a href="#" class="event_action_link">
                                        <span class="event_action_link_inner">
                                            <span class="event_action_link_label">Register for Event</span><span class="icon_nowrap event_action_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_chevron_right">
                                                    <use href="/images/icons.svg#chevron_right" />
                                                </svg>
                                            </span>
                                        </span>
                                    </a>
                                </li>
                                <li class="event_action">

                                    <a href="#" class="event_action_link">
                                        <span class="event_action_link_inner">
                                            <span class="event_action_link_label">Add to iCal</span><span class="icon_nowrap event_action_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_chevron_right">
                                                    <use href="/images/icons.svg#chevron_right" />
                                                </svg>
                                            </span>
                                        </span>
                                    </a>
                                </li>
                                <li class="event_action">

                                    <a href="#" class="event_action_link">
                                        <span class="event_action_link_inner">
                                            <span class="event_action_link_label">Add to Google Calendar</span><span class="icon_nowrap event_action_link_icon" aria-hidden="true">&#xfeff;
                                                <svg class="icon icon_chevron_right">
                                                    <use href="/images/icons.svg#chevron_right" />
                                                </svg>
                                            </span>
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- END: Event Actions -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Event Meta -->
{#
	{% include '@partial-event-meta' with {
		item: {
			date: {
				same_day: false,
				all_day: false,
				from: '2023-05-31 17:00:00',
				to: '2023-06-13 19:00:00'
			},
			location: 'Location',
			categories: [
				{
					label: 'Category',
					url: '#'
				}
			]
		}
	} %}
#}
<!-- Event Meta -->
<div class="event_meta" id="meta" data-type="event">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="event_meta_inner">
				<div class="event_meta_body">
					<div class="event_meta_time_wrapper">
						<time class="event_meta_time" datetime="{{ item.date.from }}">
							<span class="event_meta_time_start">{{ item.date.from|date('M d, Y') }}</span>
							{% if item.date.same_day == false %}
								<span class="event_meta_time_end"> - {{ item.date.to|date('M d, Y') }}</span>
							{% endif %}
						</time>
					</div>

					<div class="event_meta_title_wrap">
						<h1 id="page_title" class="event_meta_title">
							{{ item.title }}
						</h1>
					</div>

					{% if item.location %}
						<div class="event_meta_location_wrap">
							<div class="event_meta_location">
								{{ item.location }}
							</div>
						</div>
					{% endif %}

					<div class="event_meta_details">
						{% if not item.date.all_day %}
							<div class="event_meta_detail">
								<span class="event_meta_detail_hint">Time:&nbsp;</span>
								<span class="event_meta_detail_label">
									<span class="event_meta_detail_label_date">{{ item.date.from|date('g:i A') }} - {{ item.date.to|date('g:i A') }}</span>
								</span>
							</div>
						{% endif %}

						{% if item.location %}
							<div class="event_meta_detail">&bull;</div>

							<div class="event_meta_detail">
								<span class="event_meta_detail_hint">Location:&nbsp;</span>
								<span class="event_meta_detail_label">{{ item.location }}</span>
							</div>
						{% endif %}
					</div>
				</div>

				<div class="event_meta_actions">
					{% render '@partial-event-actions' %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Event Meta -->

No notes defined.