<div class="timeline js-feat-item-podcast">
<div class="fs-row">
<div class="fs-cell">
<div class="timeline_inner">
<div class="timeline_header">
<h2 class="timeline_title">Continue exploring this era.</h2>
</div>
<div class="timeline_body">
<div class="timeline_teaser">
<div class="timeline_year">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">1922</span>
</h3>
<ul class="timeline_list">
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Feb. 22, 1922 - </div>
<div class="timeline_event_description_label">Secretary of State Edward Stettinius speaks on upcoming San Francisco conference forming the <a href='#'>United Nations</a></div>
</div>
</div>
<div class="timeline_event_decoration">
</div>
</li>
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Mar. 18, 1922 - </div>
<div class="timeline_event_description_label">First Council public meeting.</div>
<a href="https://traffic.libsyn.com/secure/deepdishonglobalaffairs/200819_Lebanon_edits.mp3" class="timeline_event_podcast_link js-podcast-link" data-series="Deep Dish" data-title="Nuclear Threats 75 Years After Hiroshima">
Listen to the Audio
</a>
</div>
</div>
<div class="timeline_event_decoration">
</div>
</li>
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Nov 28, 1922 - </div>
<div class="timeline_event_description_label">Lauren Ipsum speaks to 5,000 people in council program at Chicago’s Auditorium Theater.</div>
</div>
<figure class="timeline_event_figure">
<span class="lazy_image_wrapper timeline_event_image_wrapper">
<img class="js-lazy js-lazyload timeline_event_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1 500w" alt="">
</span>
<noscript>
<img class="timeline_event_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1 300w" sizes="100vw" alt="">
</noscript>
</figure>
</div>
<div class="timeline_event_decoration">
</div>
</li>
</ul>
</div>
</div>
<div class="js-carousel timeline_carousel" data-carousel-options='{"contained": false, "matchWidth": false, "pagination": false, "paged": false}'>
<div class="timeline_carousel_item label">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">1922</span>
</h3>
</div>
<div class="timeline_carousel_item event">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Feb. 22, 1922 - </div>
<div class="timeline_event_description_label">Secretary of State Edward Stettinius speaks on upcoming San Francisco conference forming the <a href='#'>United Nations</a></div>
</div>
</div>
<div class="timeline_event_decoration"></div>
</div>
<div class="timeline_carousel_item event">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Mar. 18, 1922 - </div>
<div class="timeline_event_description_label">First Council public meeting.</div>
<a href="https://traffic.libsyn.com/secure/deepdishonglobalaffairs/200819_Lebanon_edits.mp3" class="timeline_event_podcast_link js-podcast-link" data-series="Deep Dish" data-title="Nuclear Threats 75 Years After Hiroshima">
Listen to the Audio
</a>
</div>
</div>
<div class="timeline_event_decoration"></div>
</div>
<div class="timeline_carousel_item event">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Nov 28, 1922 - </div>
<div class="timeline_event_description_label">Lauren Ipsum speaks to 5,000 people in council program at Chicago’s Auditorium Theater.</div>
</div>
<figure class="timeline_event_figure">
<span class="lazy_image_wrapper timeline_event_image_wrapper">
<img class="js-lazy js-lazyload timeline_event_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1 500w" alt="">
</span>
<noscript>
<img class="timeline_event_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1 300w" sizes="100vw" alt="">
</noscript>
</figure>
</div>
<div class="timeline_event_decoration"></div>
</div>
<div class="timeline_carousel_item label">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">1923</span>
</h3>
</div>
<div class="timeline_carousel_item event">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">1923 - </div>
<div class="timeline_event_description_label">Council offices move to Marquette Building. </div>
</div>
</div>
<div class="timeline_event_decoration"></div>
</div>
</div>
</div>
<div class="timeline_footer">
<button class="js-swap js-timeline-dialog-trigger timeline_more_button" data-swap-target=".timeline_dialog">Load All Years</button>
</div>
</div>
</div>
</div>
</div>
<!-- Dialog -->
<div class="js-timeline-dialog timeline_dialog" id="dialog" aria-label="Continue exploring this era." tabindex="-1">
<div class="js-timeline-dialog-document timeline_dialog_document">
<div class="timeline_dialog_header">
<h2 class="timeline_dialog_document">Explore full timeline</h2>
</div>
<div class="timeline_dialog_body">
<div class="timeline_year">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">1922</span>
</h3>
<ul class="timeline_list">
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Feb. 22, 1922 - </div>
<div class="timeline_event_description_label">Secretary of State Edward Stettinius speaks on upcoming San Francisco conference forming the <a href='#'>United Nations</a></div>
</div>
</div>
<div class="timeline_event_decoration">
</div>
</li>
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Mar. 18, 1922 - </div>
<div class="timeline_event_description_label">First Council public meeting.</div>
<a href="https://traffic.libsyn.com/secure/deepdishonglobalaffairs/200819_Lebanon_edits.mp3" class="timeline_event_podcast_link js-podcast-link" data-series="Deep Dish" data-title="Nuclear Threats 75 Years After Hiroshima">
Listen to the Audio
</a>
</div>
</div>
<div class="timeline_event_decoration">
</div>
</li>
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">Nov 28, 1922 - </div>
<div class="timeline_event_description_label">Lauren Ipsum speaks to 5,000 people in council program at Chicago’s Auditorium Theater.</div>
</div>
<figure class="timeline_event_figure">
<span class="lazy_image_wrapper timeline_event_image_wrapper">
<img class="js-lazy js-lazyload timeline_event_image" data-sizes="auto" src="/images/placeholder.png" data-src="https://images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1" data-srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1 300w, //images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1 500w" alt="">
</span>
<noscript>
<img class="timeline_event_image" src="https://images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1" srcset="//images.fastspot.com/the-chicago-council-on-global-affairs/500x282/1 500w, //images.fastspot.com/the-chicago-council-on-global-affairs/300x169/1 300w" sizes="100vw" alt="">
</noscript>
</figure>
</div>
<div class="timeline_event_decoration">
</div>
</li>
</ul>
</div>
<div class="timeline_year">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">1923</span>
</h3>
<ul class="timeline_list">
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">1923 - </div>
<div class="timeline_event_description_label">Council offices move to Marquette Building. </div>
</div>
</div>
<div class="timeline_event_decoration">
</div>
</li>
</ul>
</div>
</div>
<button class="js-timeline-dialog-close timeline_dialog_close" aria-label="Close">
<span class="timeline_dialog_close_icon">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</button>
</div>
</div>
<!-- END: Dialog -->
<div class="timeline js-feat-item-podcast">
<div class="fs-row">
<div class="fs-cell">
<div class="timeline_inner">
<div class="timeline_header">
<h2 class="timeline_title">{{ title }}</h2>
</div>
<div class="timeline_body">
<div class="timeline_teaser">
{% for year in years|slice(0, 1) %}
<div class="timeline_year">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">{{ year.label }}</span>
</h3>
<ul class="timeline_list">
{% for item in year.items %}
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">{{ item.date }} - </div>
<div class="timeline_event_description_label">{{ item.description }}</div>
{% if item.podcast_url %}
<a href="{{ item.podcast_url }}"
class="timeline_event_podcast_link js-podcast-link"
data-series="{{ item.podcast_series }}"
data-title="{{ item.podcast_title }}">
Listen to the Audio
</a>
{% endif %}
</div>
{% if item.image %}
<figure class="timeline_event_figure">
{% render "@partial-image" with {
class: "timeline_event",
image: item.image,
alt: "",
sources: [
img.wide.xsml,
img.wide.xxsml
]
} %}
</figure>
{% endif %}
</div>
<div class="timeline_event_decoration">
</div>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
<div class="js-carousel timeline_carousel" data-carousel-options='{"contained": false, "matchWidth": false, "pagination": false, "paged": false}'>
{% for year in years %}
<div class="timeline_carousel_item label">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">{{ year.label }}</span>
</h3>
</div>
{% for item in year.items %}
<div class="timeline_carousel_item event">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">{{ item.date }} - </div>
<div class="timeline_event_description_label">{{ item.description }}</div>
{% if item.podcast_url %}
<a href="{{ item.podcast_url }}"
class="timeline_event_podcast_link js-podcast-link"
data-series="{{ item.podcast_series }}"
data-title="{{ item.podcast_title }}">
Listen to the Audio
</a>
{% endif %}
</div>
{% if item.image %}
<figure class="timeline_event_figure">
{% render "@partial-image" with {
class: "timeline_event",
image: item.image,
alt: "",
sources: [
img.wide.xsml,
img.wide.xxsml
]
} %}
</figure>
{% endif %}
</div>
<div class="timeline_event_decoration"></div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
<div class="timeline_footer">
<button class="js-swap js-timeline-dialog-trigger timeline_more_button" data-swap-target=".timeline_dialog">Load All Years</button>
</div>
</div>
</div>
</div>
</div>
{% set id = random() %}
<!-- Dialog -->
<div class="js-timeline-dialog timeline_dialog" id="dialog" aria-label="{{ title }}" tabindex="-1">
<div class="js-timeline-dialog-document timeline_dialog_document">
<div class="timeline_dialog_header">
<h2 class="timeline_dialog_document">Explore full timeline</h2>
</div>
<div class="timeline_dialog_body">
{% for year in years %}
<div class="timeline_year">
<h3 class="timeline_year_title">
<span class="timeline_year_title_label">{{ year.label }}</span>
</h3>
<ul class="timeline_list">
{% for item in year.items %}
<li class="timeline_list_item">
<div class="timeline_event">
<div class="timeline_event_description">
<div class="timeline_event_date">{{ item.date }} - </div>
<div class="timeline_event_description_label">{{ item.description }}</div>
{% if item.podcast_url %}
<a href="{{ item.podcast_url }}"
class="timeline_event_podcast_link js-podcast-link"
data-series="{{ item.podcast_series }}"
data-title="{{ item.podcast_title }}">
Listen to the Audio
</a>
{% endif %}
</div>
{% if item.image %}
<figure class="timeline_event_figure">
{% render "@partial-image" with {
class: "timeline_event",
image: item.image,
alt: "",
sources: [
img.wide.xsml,
img.wide.xxsml
]
} %}
</figure>
{% endif %}
</div>
<div class="timeline_event_decoration">
</div>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
<button class="js-timeline-dialog-close timeline_dialog_close" aria-label="Close">
<span class="timeline_dialog_close_icon">{{ icon("close") }}</span>
</button>
</div>
</div>
<!-- END: Dialog -->
No notes defined.