{"id":3155,"date":"2025-02-07T10:17:53","date_gmt":"2025-02-07T15:17:53","guid":{"rendered":"https:\/\/sites.bc.edu\/museum\/?page_id=3155"},"modified":"2025-02-07T10:40:04","modified_gmt":"2025-02-07T15:40:04","slug":"interactive-page-test","status":"publish","type":"page","link":"https:\/\/sites.bc.edu\/museum\/interactive-page-test\/","title":{"rendered":"Interactive Page test"},"content":{"rendered":"\n<style>\n\t#hotspot-3152 .hotspots-image-container,\n\t#hotspot-3152 .leaflet-container {\n\t\tbackground: #efefef\t}\n\n\t#hotspot-3152 .hotspots-placeholder {\n\t\tbackground: #ffffff;\n\t\tborder: 0 #ffffff solid;\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-3152 .hotspot-title {\n\t\tcolor: #000000;\n\t}\n\n\t\t\t#hotspot-3152 .hotspot-default {\n\t\t\tstroke-width: 2;\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0;\n\t\t}\n\t\t#hotspot-3152 .hotspot-default:hover,\n\t\t#hotspot-3152 .hotspot-default:focus-visible,\n\t\t#hotspot-3152 .hotspot-default.hotspot-active {\n\t\t\tfill: #236039;\n\t\t\tfill-opacity: 0.71;\n\t\t\tstroke: #eaeaea;\n\t\t\tstroke-opacity: 1.01;\n\t\t}\n\t\t#hotspot-3152 .leaflet-tooltip,\n\t#hotspot-3152 .leaflet-rrose-content-wrapper {\n\t\tbackground: #ffffff;\n\t\tborder-color: #ffffff;\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-3152 a.leaflet-rrose-close-button {\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-3152 .leaflet-rrose-tip {\n\t\tbackground: #ffffff;\n\t}\n\n\t#hotspot-3152 .leaflet-popup-scrolled {\n\t\tborder-bottom-color: #000000;\n\t\tborder-top-color: #000000;\n\t}\n\n\t#hotspot-3152 .leaflet-tooltip-top:before {\n\t\tborder-top-color: #ffffff;\n\t}\n\n\t#hotspot-3152 .leaflet-tooltip-bottom:before {\n\t\tborder-bottom-color: #ffffff;\n\t}\n\t#hotspot-3152 .leaflet-tooltip-left:before {\n\t\tborder-left-color: #ffffff;\n\t}\n\t#hotspot-3152 .leaflet-tooltip-right:before {\n\t\tborder-right-color: #ffffff;\n\t}\n<\/style>\n\n\t\n\t<div class=\"hotspots-container  layout-left event-click\" id=\"hotspot-3152\" data-layout=\"left\" data-trigger=\"click\">\n\t\t<div class=\"hotspots-interaction\">\n\t\t\t\t<div class=\"hotspots-placeholder\" id=\"content-hotspot-3152\">\n\t\t<div class=\"hotspot-initial\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"hotspot-title\">\n\t\t\t\tArthur Clifton Goodwin (1864\u20131929) The Custom House Tower from Long Wharf, 1913\t\t\t<\/h2>\n\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<p>Oil on canvas, 36 x 40 in., McMullen Museum of Art, Boston College, Gift of Dr. Harry and Ruth Kozol, 1991.6<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"hotspots-image-container\">\n\t<img\n\t\twidth=\"1842\"\n\t\theight=\"1666\"\n\t\tsrc=\"https:\/\/sites.bc.edu\/museum\/wp-content\/uploads\/sites\/249\/2025\/02\/Screenshot-2025-02-07-at-10.09.24\u202fAM.png\"\n\t\talt=\"Arthur Clifton Goodwin (1864\u20131929) The Custom House Tower from Long Wharf, 1913\"\n\t\tclass=\"hotspots-image skip-lazy\"\n\t\tusemap=\"#hotspots-image-3152\"\n\t\tdata-image-title=\"Arthur Clifton Goodwin (1864\u20131929) The Custom House Tower from Long Wharf, 1913\"\n\t\tdata-image-description=\"Oil on canvas, 36 x 40 in., McMullen Museum of Art, Boston College, Gift of Dr. Harry and Ruth Kozol, 1991.6\"\n\t\tdata-event-trigger=\"click\"\n\t\tdata-always-visible=\"false\"\n\t\tdata-id=\"3152\"\n\t\tdata-no-lazy=\"1\"\n\t\tdata-lazy-src=\"\"\n\t\tdata-lazy=\"false\"\n\t\tloading=\"eager\"\n\t\tdata-skip-lazy=\"1\"\n\t\t>\n<\/div>\t\t<\/div>\n\t\t<map name=\"hotspots-image-3152\" class=\"hotspots-map\">\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1098,77,1116,567,1078,1150,972,1318,936,509\"\n\t\t\t\t\thref=\"#hotspot-hotspot-3152-0\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Title\/description 1\"\n\t\t\t\t\talt=\"Title\/description 1\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"896,879,866,1119,400,1089,324,843,522,671\"\n\t\t\t\t\thref=\"#hotspot-hotspot-3152-1\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Hot spot area 2 demo\"\n\t\t\t\t\talt=\"Hot spot area 2 demo\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"circle\"\n\t\t\t\t\tcoords=\"1362,483,150\"\n\t\t\t\t\thref=\"#hotspot-hotspot-3152-2\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Hot spot2\"\n\t\t\t\t\talt=\"Hot spot2\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"682,1436,766,1396,886,1366,1034,1390,1054,1438,930,1508,838,1524,758,1516,656,1510,546,1474,540,1398,630,1358,694,1368\"\n\t\t\t\t\thref=\"#hotspot-hotspot-3152-3\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"\"\n\t\t\t\t\thref=\"#hotspot-hotspot-3152-4\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t<\/map>\n\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-3152-0\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Title\/description 1<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>Goodwin renders the figures engaged in commercial activity on Long Wharf as a collective unit. The specific people and type of activity are not important in this rapid impression; rather, the collective sum of this hustle-and-bustle predominates the scene. Since colonial times, Boston Harbor had served as an important locus of maritime trade, and contemporary photographs of the pier demonstrate the crowded chaos of daily commerce. Despite the glut of activity, Goodwin still somewhat idealizes the space of the harbor. As the photo from 1914 shows, the area in and around Long Wharf was much more crowded with ships, people, and harbor buildings than depicted in the painting. Viewers thus necessarily take in the beauty of the ships and the skyline before they notice the commercial activity of the pier, relegated to the canvas\u2019s bottom-right.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-3152-1\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Hot spot area 2 demo<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>Goodwin renders the figures engaged in commercial activity on Long Wharf as a collective unit. The specific people and type of activity are not important in this rapid impression; rather, the collective sum of this hustle-and-bustle predominates the scene. Since colonial times, Boston Harbor had served as an important locus of maritime trade, and contemporary photographs of the pier demonstrate the crowded chaos of daily commerce. Despite the glut of activity, Goodwin still somewhat idealizes the space of the harbor. As the photo from 1914 shows, the area in and around Long Wharf was much more crowded with ships, people, and harbor buildings than depicted in the painting. Viewers thus necessarily take in the beauty of the ships and the skyline before they notice the commercial activity of the pier, relegated to the canvas\u2019s bottom-right.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-3152-2\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Hot spot2<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>Goodwin renders the figures engaged in commercial activity on Long Wharf as a collective unit. The specific people and type of activity are not important in this rapid impression; rather, the collective sum of this hustle-and-bustle predominates the scene. Since colonial times, Boston Harbor had served as an important locus of maritime trade, and contemporary photographs of the pier demonstrate the crowded chaos of daily commerce. Despite the glut of activity, Goodwin still somewhat idealizes the space of the harbor. As the photo from 1914 shows, the area in and around Long Wharf was much more crowded with ships, people, and harbor buildings than depicted in the painting. Viewers thus necessarily take in the beauty of the ships and the skyline before they notice the commercial activity of the pier, relegated to the canvas\u2019s bottom-right.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-3152-3\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\"><\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>Boston Harbor had served as an important locus of maritime trade, and contemporary photographs of the pier demonstrate the crowded chaos of daily commerce. Despite the glut of activity, Goodwin still somewhat idealizes the space of the harbor. As the photo from 1914 shows, the area in and around Long Wharf was much more crowded with ships, people, and harbor buildings than depicted in the painting. Viewers thus<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-3152-4\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\"><\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>description<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":121740,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3155","page","type-page","status-publish","hentry"],"acf":[],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/pages\/3155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/users\/121740"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/comments?post=3155"}],"version-history":[{"count":5,"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/pages\/3155\/revisions"}],"predecessor-version":[{"id":3163,"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/pages\/3155\/revisions\/3163"}],"wp:attachment":[{"href":"https:\/\/sites.bc.edu\/museum\/wp-json\/wp\/v2\/media?parent=3155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}