Used in connection with an event, the agenda component describes days, time slots as agenda items, and for parallel sessions, sub-items. For each time slot it loads the Agenda item component which, in turn, might load it’s own parallel sessions.
<section class='c-agenda'>
<ol class='c-agenda__days c-agenda__days--items-2'>
<li id='agenda-day-1' class='c-agenda__days__day c-agenda__days__day__1'>
<div class='c-agenda__days__day__wrapper c-agenda__days__day__2023-11-27'>
<time class='c-date c-date--graphic c-date--decorative c-agenda__days__day__date ' />
<span class='c-date__day'>27</span><span class='c-date__month'>11</span><span class='c-date__year'>2023</span> </time>
<h1 class='c-heading c-agenda__days__day__heading'>
Monday: Soft opening
</h1>
<div class='c-lead c-agenda__days__day__lead'>
<p>Day 1 sets the stage for the expedition, heralding the dawn of innovation.</p>
</div>
</div>
<ol class='c-agenda__days__day__items c-agenda__days__day__items--items-0'>
</ol>
</li>
<li id='agenda-day-2' class='c-agenda__days__day c-agenda__days__day__2'>
<div class='c-agenda__days__day__wrapper c-agenda__days__day__2023-11-28'>
<time class='c-date c-date--graphic c-date--decorative c-agenda__days__day__date ' />
<span class='c-date__day'>28</span><span class='c-date__month'>11</span><span class='c-date__year'>2023</span> </time>
<h1 class='c-heading c-agenda__days__day__heading'>
Day 1: Tuesday
</h1>
<div class='c-meta c-agenda__days__day__meta'>
<div class='c-location c-agenda__days__day__location c-location--location-icon'>
<p class='c-location__text p-location'><a class='c-link c-agenda__days__day__link ' href="#" itemprop="item" itemid="#"><span itemprop="name">University of Novi Sad</span></a></p>
</div>
</div>
<div class='c-lead c-agenda__days__day__lead'>
<p>Day 1 sets the stage for the expedition, heralding the dawn of innovation.</p>
</div>
</div>
<ol class='c-agenda__days__day__items c-agenda__days__day__items--items-0'>
<li id='agenda-day-2-time-slot-1' class='c-agenda__days__day__items__item c-agenda__days__day__items__item--item-1'>
<div class='c-agenda-item c-agenda__days__day__items__agenda-item
c-agenda-item--keynote
'>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T09:30:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>09:30 - 11:00</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T11:00:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-agenda-item__heading'>
Opening ceremony
</h1>
<div class='c-meta c-agenda-item__meta'>
<div class='c-location c-agenda-item__location c-location--location-icon'>
<p class='c-location__text p-location'><a class='c-link c-agenda-item__link ' href="#" itemprop="item" itemid="#" title="Opening ceremony"><span itemprop="name">Grand hall</span></a></p>
</div>
<div class='c-tags c-meta__tags c-tags--tag-icon'>
<p class='c-tags__items'>
impact </p>
</div>
</div>
</div>
<div class='c-agenda-item__extra'>
<div class='c-agenda-item__description p-summary'>
<p>Begin your journey at the SIA Summit 2024 with an energizing Opening Ceremony that celebrates the power of youth-driven social change.</p>
<p>Experience the inspiring founding story of SIA, connect with fellow participants through an engaging ice-breaker activity, and get an overview of the days ahead. This kickoff session is your gateway to an unforgettable experience of innovation, collaboration, and inspiration.</p>
</div>
</div>
</div>
</div>
</li>
<li id='agenda-day-2-time-slot-2' class='c-agenda__days__day__items__item c-agenda__days__day__items__item--item-2'>
<div class='c-agenda-item c-agenda__days__day__items__agenda-item
c-agenda-item--break
'>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T11:00:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>11:00 - 11:30</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T11:30:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-agenda-item__heading'>
Coffee break
</h1>
</div>
</div>
</div>
</li>
<li id='agenda-day-2-time-slot-3' class='c-agenda__days__day__items__item c-agenda__days__day__items__item--item-3'>
<div class='c-agenda-item c-agenda__days__day__items__agenda-item
c-agenda-item--parallel '>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T11:30:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>11:30 - 12:30</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T12:30:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-heading--blocky c-agenda-item__heading'>
Parallel sessions
</h1>
<div class='c-meta c-agenda-item__meta'>
<div class='c-location c-agenda-item__location c-location--location-icon'>
<p class='c-location__text p-location'><a class='c-link c-agenda-item__link ' href="#" itemprop="item" itemid="#" title="Parallel sessions"><span itemprop="name">University of Novi Sad</span></a></p>
</div>
</div>
</div>
<div class='c-agenda-item__extra'>
<div class='c-agenda-item__description p-summary'>Explore strategies and stories of entrepreneurs who conquered fear and adversity to kickstart their journeys to success.</div>
</div>
<ul class='c-agenda-item__items c-agenda-item__items--items-3'>
<li class='c-agenda-item__items__item c-agenda-item__items__item--item-1'>
<div class='c-agenda-item c-agenda-item__items__agenda-item
c-agenda-item--workshop
'>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T11:30:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>11:30 - 12:30</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T12:30:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-agenda-item__heading'>
From Fear to Fearlessness: Overcoming the struggles of the Beginnings
</h1>
<div class='c-meta c-agenda-item__meta'>
<div class='c-location c-agenda-item__location c-location--location-icon'>
<p class='c-location__text p-location'>Room 1</p>
</div>
<div class='c-tags c-meta__tags c-tags--tag-icon'>
<p class='c-tags__items'>
impact </p>
</div>
</div>
</div>
<div class='c-agenda-item__extra'>
<div class='c-agenda-item__speakers c-agenda-item__speakers--items-2'>
<div class='h-card c-index-card c-index-card--speaker c-agenda-item__index-card'>
<div class="c-index-card__media-wrapper">
<span class='u-photo c-headshot c-index-card__headshot'>
<a href='#' class='c-headshot__link o-modal-trigger ' title='Dr. Peter Vandor'>
<img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='' />
</a>
</span>
</div>
<div class='c-index-card__entity c-index-card__content-wrapper'>
<span class='p-name'><a class='u-url o-modal-trigger ' href='#'>Dr. Peter Vandor</a></span>
<span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>
<span class='p-job-title'>Founder and Academic Director</span>
<span class='p-org'>Social Impact Award</span>
</span>
</div>
</div>
<div class='h-card c-index-card c-index-card--speaker c-agenda-item__index-card'>
<div class="c-index-card__media-wrapper">
<span class='u-photo c-headshot c-index-card__headshot'>
<a href='#' class='c-headshot__link o-modal-trigger ' title='Jannik Keiser'>
<img class='c-headshot__image' src='/images/irena-saric-dombaj-1x1.jpg' alt='' title='' />
</a>
</span>
</div>
<div class='c-index-card__entity c-index-card__content-wrapper'>
<span class='p-name'><a class='u-url o-modal-trigger ' href='#'>Jannik Keiser</a></span>
<span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>
<span class='p-job-title'>Co-Founder</span>
<span class='p-org'>Unity Effect</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class='c-agenda-item__items__item c-agenda-item__items__item--item-2'>
<div class='c-agenda-item c-agenda-item__items__agenda-item
c-agenda-item--workshop
'>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T11:30:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>11:30 - 12:30</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T12:30:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-agenda-item__heading'>
From Idea to Action: Navigating the Entrepreneurial Journey
</h1>
<div class='c-meta c-agenda-item__meta'>
<div class='c-location c-agenda-item__location c-location--location-icon'>
<p class='c-location__text p-location'>Large other room</p>
</div>
<div class='c-tags c-meta__tags c-tags--tag-icon'>
<p class='c-tags__items'>
impact </p>
</div>
</div>
</div>
<div class='c-agenda-item__extra'>
<div class='c-agenda-item__description p-summary'>
<p>Learn how to transform your innovative ideas into actionable plans for your entrepreneurial venture.</p>
</div>
<div class='c-agenda-item__speakers c-agenda-item__speakers--items-1'>
<div class='h-card c-index-card c-index-card--speaker c-agenda-item__index-card'>
<div class="c-index-card__media-wrapper">
<span class='u-photo c-headshot c-index-card__headshot'>
<a href='#' class='c-headshot__link o-modal-trigger ' title='Dr. Peter Vandor'>
<img class='c-headshot__image' src='/images/portrait-Peter-Vandor-1x1.jpg' alt='' title='' />
</a>
</span>
</div>
<div class='c-index-card__entity c-index-card__content-wrapper'>
<span class='p-name'><a class='u-url o-modal-trigger ' href='#'>Dr. Peter Vandor</a></span>
<span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>
<span class='p-job-title'>Founder and Academic Director</span>
<span class='p-org'>Social Impact Award</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class='c-agenda-item__items__item c-agenda-item__items__item--item-3'>
<div class='c-agenda-item c-agenda-item__items__agenda-item
c-agenda-item--workshop
'>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T11:30:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>11:30 - 12:30</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T12:30:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-agenda-item__heading'>
Building a Supportive Ecosystem: Collaborating with Mentors and Incubators
</h1>
<div class='c-meta c-agenda-item__meta'>
<div class='c-location c-agenda-item__location c-location--location-icon'>
<p class='c-location__text p-location'>3rd room, 1st floor</p>
</div>
<div class='c-tags c-meta__tags c-tags--tag-icon'>
<p class='c-tags__items'>
impact </p>
</div>
</div>
</div>
<div class='c-agenda-item__extra'>
<div class='c-agenda-item__description p-summary'>
<p>Gain insights from a panel discussion on the vital role of mentors and incubators in nurturing and accelerating entrepreneurial growth.</p>
</div>
<div class='c-agenda-item__speakers c-agenda-item__speakers--items-1'>
<div class='h-card c-index-card c-index-card--speaker c-agenda-item__index-card'>
<div class='c-index-card__entity c-index-card__content-wrapper'>
<span class='p-name'><a class='u-url o-modal-trigger ' href='#'>Dr. Peter Vandor</a></span>
<span class='c-index-card__entity__work c-index-card__entity__work--with-organization'>
<span class='p-job-title'>Founder and Academic Director</span>
<span class='p-org'>Social Impact Award</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li id='agenda-day-2-time-slot-4' class='c-agenda__days__day__items__item c-agenda__days__day__items__item--item-4'>
<div class='c-agenda-item c-agenda__days__day__items__agenda-item
c-agenda-item--networking
'>
<div class='c-agenda-item__media_wrapper'>
<time class='c-date c-date--graphic c-agenda-item__date dt-start ' datetime='2023-11-28T20:00:00+01:00' />
<span class='c-date__time-timezone'><span class='c-date__time'>20:00 - 21:30</span> </span> </time>
<time class='dt-end sr-only' datetime='2023-11-28T21:30:00+01:00'></time>
</div>
<div class='c-agenda-item__content_wrapper'>
<div class='c-agenda-item__header'>
<h1 class='c-heading c-heading--minor c-agenda-item__heading'>
Exhibition opening
</h1>
<div class='c-meta c-agenda-item__meta'>
<div class='c-tags c-meta__tags c-tags--tag-icon'>
<p class='c-tags__items'>
impact </p>
</div>
</div>
</div>
<div class='c-agenda-item__extra'>
<div class='c-agenda-item__description p-summary'>
<p>After the welcoming works from the Social Impact Award team, you will hear two inspiring keynotes, get to know other participants, and learn all about what to expect at the Summit.</p>
</div>
</div>
</div>
</div>
</li>
</ol>
</li>
</ol>
</section>
{% if dates %}
<section class='{{ get_component_class( 'agenda', display ) }}'>
<ol class='c-agenda__days c-agenda__days--items-{{ dates|length }}'>
{% set skippedDates = 0 %}
{% for singleDay in dates %}
{% if singleDay.oneLiner %}
{% set skippedDates = skippedDates + 1 %}
{% endif %}
{% with singleDay %}
{% set dateIndex = loop.index - skippedDates %}
{% if oneLiner %}
{% set headingText = date|date( 'l' ) ~ ': ' ~ oneLiner %}
{% elseif dates|length > 1 %}
{% set headingText = 'Day' ~ ' ' ~ dateIndex ~ ': ' ~ date|date( 'l' ) %}
{% else %}
{% set headingText = date|date( 'l' ) %}
{% endif %}
{% set agendaDayId = 'agenda-day-' ~ loop.index %}
<li id='{{ agendaDayId }}' class='c-agenda__days__day c-agenda__days__day__{{ loop.index }}'>
<div class='c-agenda__days__day__wrapper c-agenda__days__day__{{ date }}'>
{% include get_template( 'date', 'unit' ) with {
display: {
component: 'agenda__days__day',
modifiers: [ 'graphic', 'decorative' ]
},
format: [ 'date', 'year' ],
timestamp: date|date( 'U' ),
} %}
{% include get_template( 'heading', 'unit') with {
text: headingText,
display: {
component: 'agenda__days__day',
}
} %}
{% if venue %}
{% include get_template( 'meta', 'unit') with {
display: {
component: 'agenda__days__day',
},
location: venue,
} %}
{% endif %}
{% if dateDescription %}
{% include get_template( 'lead', 'unit') with {
display: {
component: 'agenda__days__day',
},
content: dateDescription,
} %}
{% endif %}
</div>
<ol class='c-agenda__days__day__items c-agenda__days__day__items--items-{{ items|length }}'>
{% for timeSlot in timeSlots %}
{% with timeSlot %}
<li id='{{ agendaDayId }}-time-slot-{{ loop.index }}' class='c-agenda__days__day__items__item c-agenda__days__day__items__item--item-{{ loop.index }}'>
{% include get_template( 'agenda-item', 'unit') with timeSlot|merge( {
display: {
component: 'agenda__days__day__items'
}
} ) %}
</li>
{% endwith %}
{% endfor %}
</ol>
</li>
{% endwith %}
{% endfor %}
</ol>
</section>
{% endif %}
{
"wrapperClass": [
"container-fluid"
],
"dates": [
{
"date": "2023-11-27",
"dateDescription": "<p>Day 1 sets the stage for the expedition, heralding the dawn of innovation.</p>",
"oneLiner": "Soft opening"
},
{
"date": "2023-11-28",
"dateDescription": "<p>Day 1 sets the stage for the expedition, heralding the dawn of innovation.</p>",
"venue": {
"text": "University of Novi Sad",
"href": "#"
},
"timeSlots": [
{
"startTime": 1701160200,
"endTime": 1701165600,
"title": "Opening ceremony",
"type": "Keynote",
"topics": [
"impact"
],
"location": {
"text": "Grand hall",
"href": "#"
},
"description": "<p>Begin your journey at the SIA Summit 2024 with an energizing Opening Ceremony that celebrates the power of youth-driven social change.</p><p>Experience the inspiring founding story of SIA, connect with fellow participants through an engaging ice-breaker activity, and get an overview of the days ahead. This kickoff session is your gateway to an unforgettable experience of innovation, collaboration, and inspiration.</p>"
},
{
"type": "Break",
"startTime": 1701165600,
"endTime": 1701167400,
"title": "Coffee break",
"room": "Lobby"
},
{
"startTime": 1701167400,
"endTime": 1701171000,
"title": "Parallel sessions",
"description": "Explore strategies and stories of entrepreneurs who conquered fear and adversity to kickstart their journeys to success.",
"location": {
"text": "University of Novi Sad",
"href": "#"
},
"sessions": [
{
"title": "From Fear to Fearlessness: Overcoming the struggles of the Beginnings",
"type": "Workshop",
"topics": [
"impact"
],
"location": {
"text": "Room 1"
},
"description": null,
"speakers": [
{
"headshot": {
"src": "/images/portrait-Peter-Vandor-1x1.jpg"
},
"showInModal": true,
"name": "Dr. Peter Vandor",
"role": "Founder and Academic Director",
"organisation": "Social Impact Award",
"url": "#"
},
{
"headshot": {
"src": "/images/irena-saric-dombaj-1x1.jpg"
},
"showInModal": true,
"name": "Jannik Keiser",
"role": "Co-Founder",
"organisation": "Unity Effect",
"url": "#"
}
]
},
{
"title": "From Idea to Action: Navigating the Entrepreneurial Journey",
"type": "Workshop",
"topics": [
"impact"
],
"location": {
"text": "Large other room"
},
"description": "<p>Learn how to transform your innovative ideas into actionable plans for your entrepreneurial venture.</p>",
"speakers": [
{
"headshot": {
"src": "/images/portrait-Peter-Vandor-1x1.jpg"
},
"showInModal": true,
"name": "Dr. Peter Vandor",
"role": "Founder and Academic Director",
"organisation": "Social Impact Award",
"url": "#"
}
]
},
{
"title": "Building a Supportive Ecosystem: Collaborating with Mentors and Incubators",
"type": "Workshop",
"topics": [
"impact"
],
"location": {
"text": "3rd room, 1st floor"
},
"description": "<p>Gain insights from a panel discussion on the vital role of mentors and incubators in nurturing and accelerating entrepreneurial growth.</p>",
"speakers": [
{
"showInModal": true,
"name": "Dr. Peter Vandor",
"role": "Founder and Academic Director",
"organisation": "Social Impact Award",
"url": "#"
}
]
}
]
},
{
"type": "Networking",
"topics": [
"impact"
],
"startTime": 1701198000,
"endTime": 1701203400,
"title": "Exhibition opening",
"description": "<p>After the welcoming works from the Social Impact Award team, you will hear two inspiring keynotes, get to know other participants, and learn all about what to expect at the Summit.</p>"
}
]
}
]
}