<div class="page_header page_header_lonely">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_inner">
<div class="page_intro">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Events</h1>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<!-- Filter -->
<div class="filter">
<div class="fs-row">
<div class="fs-cell">
<div class="filter_inner">
<form class="filter_form" action="" method="get">
<div class="filter_search">
<label class="filter_label" for="filter_search_input">Keyword Search</label>
<div class="filter_search_form">
<div class="filter_tool_search_wrapper">
<input class="filter_search_input" id="filter_search_input" type="search" placeholder="">
<span class="filter_search_icon">
<svg class="icon icon_search">
<use href="/images/icons.svg#search" />
</svg>
</span>
</div>
</div>
</div>
<div class="filter_tools">
<div class="filter_tool">
<label class="filter_label" for="filter_tool_label_1">Category</label>
<div class="filter_tool_select_wrapper">
<select class="filter_tool_select" id="filter_tool_label_1">
<option value="Viewing All Categories">Viewing All Categories</option>
<option value="Category One">Category One</option>
<option value="Another Category">Another Category</option>
</select>
<span class="filter_tool_select_icon">
<svg class="icon icon_expand">
<use href="/images/icons.svg#expand" />
</svg>
</span>
</div>
</div>
</div>
<div class="filter_tool">
<button class="filter_submit" type="submit">
<span class="filter_submit_inner">
<span class="filter_submit_label">Submit</span>
<span class="filter_submit_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- END: Filter -->
<!-- Event List -->
<div class="event_list">
<div class="fs-row">
<div class="fs-cell">
<div class="event_list_inner">
<ul class="event_list_rows" id="item_list" aria-label="">
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Human Consciousness and AI: Is There Anything Unique About the Human Mind?" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x980/" width="980" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/" width="740" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/framework/740x416/" width="740" height="416">
<img class="news_item_image" src="//images.fastspot.com/framework/x/" alt="" loading="lazy" width="" height="">
</picture>
</a>
</figure>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Human Consciousness and AI: Is There Anything Unique About the Human Mind?</span>
</span>
</a>
</h2>
<div class="event_list_item_info">
<div class="event_list_item_time_wrapper">
<time class="event_list_item_time" datetime="2023-05-31 17:00:00">
<span class="event_list_item_time_start">May 31</span>
<span class="event_list_item_time_end"> - Jun 13</span>
</time>
</div>
<div class="events_list_item_categories">
<div class="events_list_item_category_hint">Categories</div>
<ul class="events_list_item_category_list" aria-label="Categories">
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Campus</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_description">
<p>Explore the uniqueness of the human mind by examining the capacities and limitations of AI through a Buddhist lens.</p>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">2023 Student Symposium</span>
</span>
</a>
</h2>
<div class="event_list_item_info">
<div class="event_list_item_time_wrapper">
<time class="event_list_item_time" datetime="2023-05-31 17:00:00">
<span class="event_list_item_time_start">May 31</span>
</time>
</div>
<div class="events_list_item_categories">
<div class="events_list_item_category_hint">Categories</div>
<ul class="events_list_item_category_list" aria-label="Categories">
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Student Symposium</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_description">
<p>DRBU will host the Student Symposium in lieu of classes, welcoming the entire university community—students, faculty, and staff—to attend. This day-long event (morning, lunch + late afternoon session) consists of paper presentations and textual recitations by the student body! </p>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Buddhist Film Screening: " VOWS" & Interview with Director" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x980/" width="980" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/" width="740" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/framework/740x416/" width="740" height="416">
<img class="news_item_image" src="//images.fastspot.com/framework/x/" alt="" loading="lazy" width="" height="">
</picture>
</a>
</figure>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Buddhist Film Screening: "VOWS" & Interview with Director</span>
</span>
</a>
</h2>
<div class="event_list_item_info">
<div class="event_list_item_time_wrapper">
<time class="event_list_item_time" datetime="2023-05-31 17:00:00">
<span class="event_list_item_time_start">May 31</span>
<span class="event_list_item_time_end"> - Jun 13</span>
</time>
</div>
<div class="events_list_item_categories">
<div class="events_list_item_category_hint">Categories</div>
<ul class="events_list_item_category_list" aria-label="Categories">
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Category Two</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_description">
<p>VOWS tells the story of monastic discipline in Chinese Buddhism with narration by Ven. Ming Ying, Senior Prior of Bailin Monastery, and seven ordained monks who recount their journeys from young layman to ordination day.</p>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Maecenas nec odio et ante tincidunt tempus phasellus viverra nulla ut metus varius laoreet consectetuer adipiscing elit" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x980/" width="980" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/" width="740" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/framework/740x416/" width="740" height="416">
<img class="news_item_image" src="//images.fastspot.com/framework/x/" alt="" loading="lazy" width="" height="">
</picture>
</a>
</figure>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Maecenas nec odio et ante tincidunt tempus phasellus viverra nulla ut metus varius laoreet consectetuer adipiscing elit</span>
</span>
</a>
</h2>
<div class="event_list_item_info">
<div class="event_list_item_time_wrapper">
<time class="event_list_item_time" datetime="2023-06-13 17:00:00">
<span class="event_list_item_time_start">Jun 13</span>
</time>
</div>
<div class="events_list_item_categories">
<div class="events_list_item_category_hint">Categories</div>
<ul class="events_list_item_category_list" aria-label="Categories">
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Category One</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Aenean massa</span>
</span>
</a>
</h2>
<div class="event_list_item_info">
<div class="event_list_item_time_wrapper">
<time class="event_list_item_time" datetime="2023-06-22 17:00:00">
<span class="event_list_item_time_start">Jun 22</span>
</time>
</div>
<div class="events_list_item_categories">
<div class="events_list_item_category_hint">Categories</div>
<ul class="events_list_item_category_list" aria-label="Categories">
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Category Three</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</div>
</div>
</li>
<li class="event_list_row">
<div class="event_list_item">
<figure class="event_list_item_figure">
<a class="event_list_item_figure_link" href="page-event-detail.html" aria-label="Read more about Cras ultricies mi eu turpis" tabindex="-1">
<picture class="news_item_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x980/" width="980" height="980">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/" width="740" height="740">
<source media="(min-width: 0px)" srcset="https://images.fastspot.com/framework/740x416/" width="740" height="416">
<img class="news_item_image" src="//images.fastspot.com/framework/x/" alt="" loading="lazy" width="" height="">
</picture>
</a>
</figure>
<div class="event_list_item_wrapper">
<div class="event_list_item_header">
<h2 class="event_list_item_title">
<a href="page-event-detail.html" class="event_list_item_title_link">
<span class="event_list_item_title_link_inner">
<span class="event_list_item_title_link_label">Cras ultricies mi eu turpis</span>
</span>
</a>
</h2>
<div class="event_list_item_info">
<div class="event_list_item_time_wrapper">
<time class="event_list_item_time" datetime="2023-06-23 17:00:00">
<span class="event_list_item_time_start">Jun 23</span>
</time>
</div>
<div class="events_list_item_categories">
<div class="events_list_item_category_hint">Categories</div>
<ul class="events_list_item_category_list" aria-label="Categories">
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Category One</a>
</li>
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Category Two</a>
</li>
<li class="events_list_item_category">
<a class="events_list_item_category_link" href="#">Category Three</a>
</li>
</ul>
</div>
</div>
</div>
<div class="event_list_item_body">
<div class="event_list_item_description">
<p>Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="event_list_pagination">
<!-- Pagination -->
<div class="pagination">
<div class="pagination_inner">
<nav class="pagination_nav" aria-label="Events Pagination">
<a class="pagination_arrow pagination_arrow_left pagination_arrow_disabled" href="#">
<span class="pagination_arrow_icon">
<svg class="icon icon_arrow_left">
<use href="/images/icons.svg#arrow_left" />
</svg>
</span>
<span class="pagination_arrow_label">Prev</span>
</a>
<a class="pagination_arrow pagination_arrow_right" href="#">
<span class="pagination_arrow_label">Next</span>
<span class="pagination_arrow_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</a>
</nav>
<form class="pagination_form" action="#" method="get">
<div class="pagination_form_inner">
<label class="pagination_form_label" for="pagination_form_select">Page</label>
<div class="pagination_form_select_wrapper">
<select class="pagination_form_select" name="page" id="pagination_form_select" aria-label="Select Page Number">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
</select>
<span class="pagination_form_select_icon">
<svg class="icon icon_expand">
<use href="/images/icons.svg#expand" />
</svg>
</span>
</div>
<span class="pagination_form_suffix">of 50</span>
<button class="pagination_form_button" type="submit" aria-label="View Page">
<span class="pagination_form_button_inner">
<span class="pagination_form_button_label">Go</span>
<span class="pagination_form_button_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</button>
</div>
</form>
</div>
</div>
<!-- END: Pagination -->
</div>
</div>
</div>
</div>
</div>
<!-- END: Event Item -->
</div>
{% include '@partial-page-header' with {
page: page
} %}
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% include '@partial-filter' with {
label: '',
active: '',
action_category: '#',
action_search: '#',
tools: [
{
label: 'Category',
options: [
{
label: 'Viewing All Categories'
},
{
label: 'Category One'
},
{
label: 'Another Category'
}
]
}
],
search_placeholder: '',
results: '',
category: ''
} %}
{% render '@partial-event-list' %}
</div>
No notes defined.