<div class="page_header_filter page_header_filter_no_caption">
<div class="page_header_filter_inner">
<div class="page_breadcrumb_filter">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_filter_inner">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro_filter page_intro_filter_no_search">
<div class="fs-row">
<div class="fs-cell">
<div class="page_intro_filter_inner">
<h1 class="page_title_filter" id="page_title" tabindex="-1">Points of Interest</h1>
<div class="page_intro_filter_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts big_filter_layout" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="big_filter_layout_aside">
<!-- Filter -->
<div class="js-big-filter big_filter">
<script type="text/javascript">
let categories = [{
"id": "civic",
"label": "Civic & Americana",
"color": "#5B000F",
"icon": "../../images/pin-red.svg"
}, {
"id": "stonework",
"label": "Stonework & Carvings",
"color": "#9F7610",
"icon": "../../images/pin-yellow.svg"
}, {
"id": "windows",
"label": "Windows & Glass",
"color": "#473599",
"icon": "../../images/pin-navy.svg"
}, {
"id": "architectural",
"label": "Architectural Details",
"color": "#9F9F9F",
"icon": "../../images/pin-grey.svg"
}, {
"id": "chapels",
"label": "Chapels & Spaces",
"color": "#BBACFE",
"icon": "../../images/pin-light-purple.svg"
}];
</script>
<div class="big_filter_header">
<button class="js-big-filter-toggle js-swap big_filter_toggle " data-swap-target=".js-big-filter">
<span class="big_filter_toggle_inner_default big_filter_toggle_inner">
<span class="big_filter_toggle_label_default big_filter_toggle_label">Filter Points of Interest</span>
<span class="big_filter_toggle_icon_default big_filter_toggle_icon" aria-hidden="true">
<svg class="icon icon_more">
<use href="/images/icons.svg#more" />
</svg>
</span>
</span>
<span class="big_filter_toggle_inner_active big_filter_toggle_inner">
<span class="big_filter_toggle_label_active big_filter_toggle_label">Close</span>
<span class="big_filter_toggle_icon_active big_filter_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
<div class="js-big-filter-body big_filter_body">
<form class="js-big-filter-body-inner big_filter_body_inner" action="#" method="get">
<div class="big_filter_tools">
<div class="big_filter_tool">
<span class="big_filter_tool_select_label">Select a View</span>
<div class="big_filter_radio_outer_wrapper">
<div class="big_filter_radio_inner_wrapper">
<label class="big_filter_radio_label">Cathedral</label>
<input class="big_filter_radio_input js-view-radio-input" type="radio" name="map_view" value="cathedral" checked>
</div>
<div class="big_filter_radio_inner_wrapper">
<label class="big_filter_radio_label">Campus</label>
<input class="big_filter_radio_input js-view-radio-input" type="radio" name="map_view" value="campus">
</div>
</div>
</div>
</div>
<fieldset class="js-map-categories-fieldset big_filter_fieldset">
<legend class="big_filter_legend">Filter</legend>
<div class="big_filter_option">
<input class="big_filter_option_input_field" checked type="checkbox" id="civic" name="Civic & Americana">
<label class="big_filter_option_input_label" for="civic">Civic & Americana</label>
<span class="big_filter_option_input_color" style="background: #5B000F"></span>
<span class="big_filter_option_input_indicator"></span>
</div>
<div class="big_filter_option">
<input class="big_filter_option_input_field" checked type="checkbox" id="stonework" name="Stonework & Carvings">
<label class="big_filter_option_input_label" for="stonework">Stonework & Carvings</label>
<span class="big_filter_option_input_color" style="background: #9F7610"></span>
<span class="big_filter_option_input_indicator"></span>
</div>
<div class="big_filter_option">
<input class="big_filter_option_input_field" checked type="checkbox" id="windows" name="Windows & Glass">
<label class="big_filter_option_input_label" for="windows">Windows & Glass</label>
<span class="big_filter_option_input_color" style="background: #473599"></span>
<span class="big_filter_option_input_indicator"></span>
</div>
<div class="big_filter_option">
<input class="big_filter_option_input_field" checked type="checkbox" id="architectural" name="Architectural Details">
<label class="big_filter_option_input_label" for="architectural">Architectural Details</label>
<span class="big_filter_option_input_color" style="background: #9F9F9F"></span>
<span class="big_filter_option_input_indicator"></span>
</div>
<div class="big_filter_option">
<input class="big_filter_option_input_field" checked type="checkbox" id="chapels" name="Chapels & Spaces">
<label class="big_filter_option_input_label" for="chapels">Chapels & Spaces</label>
<span class="big_filter_option_input_color" style="background: #BBACFE"></span>
<span class="big_filter_option_input_indicator"></span>
</div>
</fieldset>
</form>
</div>
</div>
<!-- END: Filter -->
</div>
<div class="big_filter_layout_main big_filter_layout_main_collapsed">
<div class="map_wrapper">
<script type="text/javascript">
let points = [{
"id": "1",
"level": "cathedral",
"position": [600, 600],
"label": "Civic & Americana",
"title": "Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1", "https://images.fastspot.com/washington-national-cathedral/750x500/2", "https://images.fastspot.com/washington-national-cathedral/750x500/3"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}, {
"id": "2",
"level": "cathedral",
"position": [700, 900],
"label": "Civic & Americana",
"title": "Hubba Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1", "https://images.fastspot.com/washington-national-cathedral/750x500/2", "https://images.fastspot.com/washington-national-cathedral/750x500/3"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}, {
"id": "99",
"level": "campus",
"position": [700, 900],
"label": "Civic & Americana",
"title": "Hubba Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1", "https://images.fastspot.com/washington-national-cathedral/750x500/2", "https://images.fastspot.com/washington-national-cathedral/750x500/3"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}, {
"id": "3",
"level": "cathedral",
"position": [400, 700],
"label": "Stonework & Carvings",
"title": "Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1", "https://images.fastspot.com/washington-national-cathedral/750x500/2"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}, {
"id": "4",
"level": "campus",
"position": [200, 500],
"label": "Windows & Glass",
"title": "Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}, {
"id": "5",
"level": "campus",
"position": [900, 800],
"label": "Architectural Details",
"title": "Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1", "https://images.fastspot.com/washington-national-cathedral/750x500/2", "https://images.fastspot.com/washington-national-cathedral/750x500/3"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}, {
"id": "6",
"level": "campus",
"position": [1200, 500],
"label": "Chapels & Spaces",
"title": "Howard Thurman",
"caption": "Installed in 2006, the sculpture of Howard Thurman is one of the newest additions to the Cathedral. Thurman(1900-1981) was ordained a Baptist minister in 1925 and, in 1931, became professor of theology and the first dean of Rankin Chapel at Howard University in the District of Columbia. He also served as Director of Religious Life at Morehouse and Spellman Colleges, Atlanta.",
"images": ["https://images.fastspot.com/washington-national-cathedral/750x500/1", "https://images.fastspot.com/washington-national-cathedral/750x500/2", "https://images.fastspot.com/washington-national-cathedral/750x500/3"],
"body": "<p>He was founder of the Church for the Fellowship of All Peoples in San Francisco, the first interracial interdenominational church in the United States, he was Honorary Canon of the Cathedral of Saint John the Divine, New York City. In 1953, he became the first African American dean of a major university chapel when he accepted the post at Boston University.</p><p>Thurman, who died in 1981, is considered the forefather of the civil rights movement. The statue is looking at and leaning toward the congregation as he was known to do. A gifted and dynamic speaker in his time, Thurman was known for using long, contemplative pauses during his sermons.</p>"
}];
</script>
<div class="map_views js-map-views" data-pin-shadow='../../images/pin-shadow.png'>
<div class="map_item" data-name="cathedral" data-image-url="../../images/map-cathedral.svg"></div>
<div class="map_item" data-name="campus" data-image-url="../../images/map-campus.svg"></div>
</div>
<div class="js-map map" id="map"></div>
<div class="js-map-lightbox map_lightbox">
<div class="map_lightbox_modal">
<div class="map_lightbox_header">
<button class="js-map-lightbox-close-toggle js-swap map_lightbox_close_toggle " data-swap-target=".map_wrapper" data-swap-linked="map_wrapper">
<span class="map_lightbox_close_toggle_inner_default map_lightbox_close_toggle_inner">
<span class="map_lightbox_close_toggle_label_default map_lightbox_close_toggle_label">Close</span>
<span class="map_lightbox_close_toggle_icon_default map_lightbox_close_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
</div>
<div class="map_lightbox_inner"></div>
<div class="map_lightbox_footer">
<button class="map_lightbox_button map_lightbox_button_previous" type="button">
<span class="map_lightbox_button_icon">
<svg class="icon icon_chevron_left">
<use href="/images/icons.svg#chevron_left" />
</svg>
</span>
<span class="map_lightbox_button_label">Previous</span>
</button>
<button class="map_lightbox_button map_lightbox_button_next" type="button">
<span class="map_lightbox_button_label">Next</span>
<span class="map_lightbox_button_icon">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '@partial-page-header-filter' with {
page: page
} %}
<div class="full_width_callouts big_filter_layout" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="big_filter_layout_aside">
{% render '@component-map-filter' %}
</div>
<div class="big_filter_layout_main big_filter_layout_main_collapsed">
{% render '@component-map' %}
</div>
</div>
No notes defined.