{"id":7247,"date":"2020-11-06T09:29:59","date_gmt":"2020-11-06T09:29:59","guid":{"rendered":"https:\/\/www.mission-us.org\/timesnap\/?post_type=games&#038;p=7247"},"modified":"2022-07-22T22:09:04","modified_gmt":"2022-07-22T22:09:04","slug":"the-fugitive-slave-act","status":"publish","type":"games","link":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/","title":{"rendered":"The Fugitive Slave Act"},"content":{"rendered":"\n  <header class=\"header-page header-games header-light\">\n    <div class=\"container container-medium\">\n      <div class=\"header-inner d-flex\">\n                  <img decoding=\"async\" class=\"stretch-image\"\n      alt=\"\"\n      src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-1024x661.jpg\"\n      srcset=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-1024x661.jpg 1024w, https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-300x194.jpg 300w, https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-768x496.jpg 768w, https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-365x236.jpg 365w, https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-500x323.jpg 500w, https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image.jpg 1060w\"\n      sizes=\"(max-width: 840px) 100vw, 840px\"\n      style=\"object-position: 0% 50%;\"\n       >                <div class=\"container-small mt-auto\">\n                      <h1 class=\"page-title\">The fugitive slave law<\/h1>\n                                <div class=\"default-content lead mt-2\">\n              <p>You work for a fictional future government gency called CARPA (Chronological Advanced Research Projects Agency) and are charged with recovering lost connections between elements of an historical archive that has become fragmented.<\/p>\n            <\/div>\n                          <p class=\"game-link-wrapper font-sans text-uppercase mt-xs\">Play online below or <a href=\"https:\/\/www.oculus.com\/experiences\/go\/4142744615742410\/\" target=\"_blank\" class=\"link-underline-reverse text-primary\">Get the VR game<\/a><\/p>\n                              <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n\n\n<section class=\"block-game-code\">\n\n  <div class=\"container container-medium\">\n    <!-- Game -->\n          <div class=\"content\">\n  <div class=\"js-mobile-content text-center d-none\">\n          <p class=\"d-flex flex-column font-sans text-uppercase mb-1\">\n        stream from your computer or chromebook\n        <a href=\"https:\/\/www.oculus.com\/experiences\/go\/4142744615742410\/\" target=\"_blank\" class=\"link-underline-reverse text-primary mt-1 align-self-center\">Get the VR game<\/a>\n      <\/p>\n        <p class=\"default-content font-sans\">\n      (Not streamable on a mobile device)\n    <\/p>\n  <\/div>\n  <div id=\"game-container\" class=\"unity-desktop d-none\">\n    <span class=\"block-wrapper-top-shape\"><\/span>\n    <span class=\"block-wrapper-bottom-shape\"><\/span>\n          <img decoding=\"async\" id=\"jsPlaceholder\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image.jpg\" alt=\"FugitiveSlaveAct_Image\">\n        <div class=\"embed-responsive embed-responsive-4by3\">\n      <canvas id=\"unity-canvas\" class=\"embed-responsive-item\"><\/canvas>\n      <div id=\"unity-loading-bar\">\n        <div id=\"unity-logo\"><\/div>\n        <div id=\"unity-progress-bar-empty\">\n          <div id=\"unity-progress-bar-full\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"game-start-button\">\n        <button class=\"btn btn-lg btn-primary btn-right-icon\" id=\"start-mission\">Start your Mission <span class=\"icon-watch icon-bg__circle\"><\/span><\/button>\n      <\/div>\n      <div id=\"unity-footer\">\n        <div id=\"unity-webgl-logo\"><\/div>\n        <div id=\"unity-fullscreen-button\"><\/div>\n        <div id=\"unity-build-title\">TimeSnap: The Fugitive Slave Act<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n  var buildUrl = 'https:\/\/games.mission-us.org\/timesnap\/game-2\/v0127J\/Build';\n  var loaderUrl = buildUrl + \"\/Build.asm.loader.js\";\n  var config = {\n    dataUrl: buildUrl + \"\/Build.data.unityweb\",\n    frameworkUrl: buildUrl + \"\/Build.asm.framework.js.unityweb\",\n    codeUrl: buildUrl + \"\/Build.asm.js.unityweb\",\n    memoryUrl: buildUrl + \"\/Build.asm.mem.unityweb\",\n    streamingAssetsUrl: \"https:\/\/games.mission-us.org\/timesnap\/game-2\/v0127J\/StreamingAssets\",\n    companyName: \"Electric Funstuff\",\n    productName: \"TimeSnap_1\",\n    productVersion: \"1.2\",\n  };\n\n  \/\/ var container = document.querySelector(\"#game-container\");\n  var canvas = document.querySelector(\"#unity-canvas\");\n  var loadingBar = document.querySelector(\"#unity-loading-bar\");\n  var progressBarFull = document.querySelector(\"#unity-progress-bar-full\");\n  var fullscreenButton = document.querySelector(\"#unity-fullscreen-button\");\n  \/\/ var mobileWarning = document.querySelector(\"#unity-mobile-warning\");\n  const startMission = document.getElementById(\"start-mission\");\n  const jsPlaceholder = document.getElementById(\"jsPlaceholder\");\n\n  \/\/ By default Unity keeps WebGL canvas render target size matched with\n  \/\/ the DOM size of the canvas element (scaled by window.devicePixelRatio)\n  \/\/ Set this to false if you want to decouple this synchronization from\n  \/\/ happening inside the engine, and you would instead like to size up\n  \/\/ the canvas DOM size and WebGL render target sizes yourself.\n  \/\/ config.matchWebGLToCanvasSize = false;\n\n  if (\/iPhone|iPad|iPod|Android\/i.test(navigator.userAgent)) {\n    \/\/ container.className = \"unity-mobile\";\n    \/\/ Avoid draining fillrate performance on mobile devices,\n    \/\/ and default\/override low DPI mode on mobile browsers.\n    config.devicePixelRatio = 1;\n    \/\/ mobileWarning.style.display = \"block\";\n    \/\/ setTimeout(() => {\n    \/\/   mobileWarning.style.display = \"none\";\n    \/\/ }, 5000);\n  } else {\n    canvas.style.width = \"100%\";\n    canvas.style.height = \"100%\";\n  }\n  loadingBar.style.display = \"block\";\n\n  var script = document.createElement(\"script\");\n  script.src = loaderUrl;\n\n  document.addEventListener('DOMContentLoaded', function() {\n    startMission.addEventListener(\"click\", function(e) {\n      e.preventDefault();\n\n      jsPlaceholder ? jsPlaceholder.style.display = \"none\" : null;\n      startMission ? startMission.style.display = \"none\" : null;\n\n      createUnityInstance(canvas, config, (progress) => {\n        progressBarFull.style.width = 100 * progress + \"%\";\n      }).then((unityInstance) => {\n        loadingBar.style.display = \"none\";\n        fullscreenButton.onclick = () => {\n          unityInstance.SetFullscreen(1);\n        };\n      }).catch((message) => {\n        alert(message);\n      });\n    });\n  });\n  document.body.appendChild(script);\n<\/script>      <\/div>\n<\/section>\n\n\n  <section class=\"block-locations-carousel my-md bg-dark \">\n    <div class=\"container\">\n              <h3 class=\"block-title text-center text-md-left\">key scenes &amp; locations<\/h3>\n              <div class=\"carousel-counter-wrapper mb-xs\">\n        <div class=\"carousel-counter d-none d-lg-block\"><\/div>\n      <\/div>\n              <div class=\"owl-carousel owl-carousel-locations owl-fade owl-nav-outside text-dark\">\n                      <div class=\"item\">\n              <div class=\"row\">\n                <div class=\"col-lg-8\">\n                  <div class=\"col-image\">\n                    <div class=\"embed-responsive embed-responsive-16by9\">\n                      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2022\/04\/08083439\/Pennsylvania_farm-house-inside-1024x768.jpg\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"col-lg-4 px-xl-4\">\n                  <div class=\"col-content my-md-3 my-lg-2\">\n                                          <h3 class=\"title-sm font-sans\">Christiana, Pennsylvania<\/h3>\n                                                              <div class=\"default-content mt-xs\">\n                        <p>Learn how the Fugitive Slave Law disrupted life in states bordering the Mason Dixon line. Students see how men and women on the run from slavery organized resistance networks and leaned on each other for mutual defense.<\/p>\n                      <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n            <\/div>\n                      <div class=\"item\">\n              <div class=\"row\">\n                <div class=\"col-lg-8\">\n                  <div class=\"col-image\">\n                    <div class=\"embed-responsive embed-responsive-16by9\">\n                      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/08\/08083456\/FugitiveSlaveAct_Image-1024x661.jpg\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"col-lg-4 px-xl-4\">\n                  <div class=\"col-content my-md-3 my-lg-2\">\n                                          <h3 class=\"title-sm font-sans\">Boston, Massachusetts<\/h3>\n                                                              <div class=\"default-content mt-xs\">\n                        <p>Discover how the Fugitive Slave Law even touched those living in an abolition stronghold. Students listen to local perspectives on the law and gather evidence about its effect on the abolition movement.<\/p>\n                      <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n            <\/div>\n                      <div class=\"item\">\n              <div class=\"row\">\n                <div class=\"col-lg-8\">\n                  <div class=\"col-image\">\n                    <div class=\"embed-responsive embed-responsive-16by9\">\n                      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2022\/04\/08083440\/Ohio_store-1024x768.jpg\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n                <div class=\"col-lg-4 px-xl-4\">\n                  <div class=\"col-content my-md-3 my-lg-2\">\n                                          <h3 class=\"title-sm font-sans\">Cincinnati, Ohio<\/h3>\n                                                              <div class=\"default-content mt-xs\">\n                        <p>Uncover the legal and moral challenges brought against the Fugitive Slave Law. Students read court documents and hear from people defying the law and the people enforcing it.<\/p>\n                      <\/div>\n                                      <\/div>\n                <\/div>\n              <\/div>\n\n            <\/div>\n                  <\/div>\n        <div class=\"carousel-counter d-lg-none\"><\/div>\n      \n    <\/div>\n  <\/section>\n\n\n  <div class=\"block-cta-link my-md bg-dark\">\n    <div class=\"container\">\n      <div class=\"container-small mx-auto\">\n                  <a href=\"\/timesnap\/games\/the-fugitive-slave-act\/teaching-materials\/\" class=\"btn btn-wide btn-right-icon btn-outline-primary\" target=\"_self\">Learn how to teach a TimeSnap in your own classroom<span class=\"icon-large-arrow\"><\/span><\/a>\n              <\/div>\n    <\/div>\n  <\/div>\n\n\n  <section class=\"block-meet-characters my-md bg-dark \">\n    <div class=\"container\">\n\n              <h3 class=\"block-title mb-xs text-center text-md-left\">Meet the Characters<\/h3>\n      \n      <div class=\"row grid-rectangle-cards small-gutters my-n1 my-xl-n2\">\n                                        \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-1\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/agent-well-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Agent Wells<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Agent Wells<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>The mission commander and guide, Director Wells is always there to share her insights and answer questions. Wells helps students make sense of the virtual world and reflect on their mission goals.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-1\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/agent-well.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>The mission commander and guide, Director Wells is always there to share her insights and answer questions. Wells helps students make sense of the virtual world and reflect on their mission goals.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Agent Wells\u2019s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083433\/loc_exit1a.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_1\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_1\" aria-labelledby=\"heading\">\n                    <p>You\u2019re off to a great start, agent. You have identified several effects that this law had on Northern communities.<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-2\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083435\/edward-gorsuch-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Edward Gorsuch<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Edward Gorsuch<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>Edward Gorsuch, a Maryland farmer, is pursuing men who escaped enslavement on his plantation. From Gorsuch, students discover how slaveholders used the new law to pursue fugitives from slavery over state lines.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-2\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083435\/edward-gorsuch.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>Edward Gorsuch, a Maryland farmer, is pursuing men who escaped enslavement on his plantation. From Gorsuch, students discover how slaveholders used the new law to pursue fugitives from slavery over state lines.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Edward Gorsuch\u2019s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083434\/chris_gorsuch_meld_n01.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_2\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_2\" aria-labelledby=\"heading\">\n                    <p>I&#8217;ll go up and get my property. What&#8217;s in the way? The law is in my favor, and the people are in my favor. I will have my property, or go to hell.<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-3\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/castner-hanway-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Castner Hanway<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Castner Hanway<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>Castner Hanway is checking in on a commotion at his neighbor\u2019s house. His perspective reveals the disruptive effects of the Fugitive Slave Law.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-3\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/castner-hanway.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>Castner Hanway is checking in on a commotion at his neighbor\u2019s house. His perspective reveals the disruptive effects of the Fugitive Slave Law.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Castner Hanway\u2019s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083434\/chris_hanway_meld_n01.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_3\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_3\" aria-labelledby=\"heading\">\n                    <p>I don&#8217;t care for this fugitive slave business. The Marshall may have the law on his side but that doesn&#8217;t mean I have to help him.<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-4\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083435\/eliza-parker-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Eliza Parker<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Eliza Parker<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>Eliza Parker, a Pennsylvania farmer who escaped slavery years ago, urgently calls for aid. Through Parker, students learn about the mutual aid networks constructed by fugitives and their allies to evade the new law. <\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-4\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083435\/eliza-parker.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>Eliza Parker, a Pennsylvania farmer who escaped slavery years ago, urgently calls for aid. Through Parker, students learn about the mutual aid networks constructed by fugitives and their allies to evade the new law. <\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Eliza Parker&#8217;s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083434\/chris_eliza_meld_trouble.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_4\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_4\" aria-labelledby=\"heading\">\n                    <p>Since that law came down, this entire county has been terrorized by kidnappers. They steal people out of their own beds!<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-5\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083435\/peter-h-clark-1-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Peter H. Clark<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Peter H. Clark<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>Peter H. Clark, a prominent lawyer and abolitionist, demands justice for his client. Students hear him use his expertise to build a legal challenge to the Fugitive Slave Law.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-5\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083435\/peter-h-clark-1.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>Peter H. Clark, a prominent lawyer and abolitionist, demands justice for his client. Students hear him use his expertise to build a legal challenge to the Fugitive Slave Law.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Peter H. Clark\u2019s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083434\/ohio_clark_meld_proceedings.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_5\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_5\" aria-labelledby=\"heading\">\n                    <p>A peaceful and hard-working man has been abducted from his home, imprisoned, and is barred from testifying on his own behalf. Where is the justice there?<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-6\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083437\/us-comissioner-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">The U.S. Commissioner<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">The U.S. Commissioner<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>This US Commissioner is troubled by the case before him. For students, he is a reflection of the attitude of some officials, who opposed a law they were sworn to enforce.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-6\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083437\/us-comissioner.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>This US Commissioner is troubled by the case before him. For students, he is a reflection of the attitude of some officials, who opposed a law they were sworn to enforce.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to the U.S. Commissioner&#8217;s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083434\/ohio_carpenter_meld_n01.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_6\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_6\" aria-labelledby=\"heading\">\n                    <p>This is an ugly duty and not one I agreed to when I took this position. I am sworn to uphold the law, but the law is plainly wrong.<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-7\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/anne-warren-weston-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Anne Warren Weston<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Anne Warren Weston<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>Anne Warren Weston is distressed by the kidnapping of a Black man in Boston. Based on her own writings, her thoughts introduce students to the growing frustration of abolitionists over the creeping power of slavery.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-7\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/anne-warren-weston.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>Anne Warren Weston is distressed by the kidnapping of a Black man in Boston. Based on her own writings, her thoughts introduce students to the growing frustration of abolitionists over the creeping power of slavery.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Anne Warren Weston\u2019s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083433\/bos_anne_meld_n02.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_7\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_7\" aria-labelledby=\"heading\">\n                    <p>I struggle not to grow weary of this fight. The long arm of slavery only seems to grow. But it is the cause of my heart to end the wickedness of human bondage.<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                      \n<div class=\"col-6 col-lg-4 col-xl-3 d-flex py-1\">\n  <div class=\"grid-card\">\n    <span class=\"link-to-all\" data-toggle=\"modal\" data-target=\"#characterModal-8\"><\/span>\n    <div class=\"grid-card-header grid-card-header--tall\">\n      <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/abolitionist-man-277x300.jpg\">\n    <\/div>\n    <div class=\"grid-card-footer\">\n              <h3 class=\"title-md font-sans mb-0\">Abolitionist<\/h3>\n          <\/div>\n    <div class=\"grid-card-body d-none d-lg-flex\">\n      <div class=\"grid-card-overlay\">\n        <div class=\"grid-card-overlay--content\">\n                      <h3 class=\"title-md font-sans\">Abolitionist<\/h3>\n                    <div class=\"mb-1 default-content\">\n                          <p>This abolitionist represents many free Black citizens of Boston. His concerns about his safety prompt students to consider the impact of the Fugitive Slave Law on the wider Black community.<\/p>\n                      <\/div>\n        <\/div>\n        <div class=\"grid-card-footer align-items-end m-0 mt-auto\">\n          <span class=\"btn btn-left-icon btn-primary\"><span class=\"icon-music-volume-high\"><\/span> Listen to my thoughts<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n      <div class=\"modal fade modal-characters\" id=\"characterModal-8\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"modal-characters\" aria-hidden=\"true\" style=\"display: none;\">\n      <div class=\"modal-dialog modal-dialog-centered modal-xl\" role=\"document\">\n        <div class=\"modal-content text-dark\">\n          <button type=\"button\" class=\"close js-stop-podcast\" data-dismiss=\"modal\" aria-label=\"Close\">\n            <span aria-hidden=\"true\" class=\"icon-close\"><\/span>\n          <\/button>\n          <div class=\"modal-body\">\n            <div class=\"row no-gutters\">\n              <div class=\"col-lg col-image\">\n                <div class=\"col-image-wrapper\">\n                  <img decoding=\"async\" class=\"stretch-image\" src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083436\/abolitionist-man.jpg\">\n                <\/div>\n                <div class=\"modal-header-content d-lg-none bg-dark\">\n                  <div class=\"default-content\">\n                                          <p>This abolitionist represents many free Black citizens of Boston. His concerns about his safety prompt students to consider the impact of the Fugitive Slave Law on the wider Black community.<\/p>\n                                      <\/div>\n                <\/div>\n              <\/div>\n              <div class=\"modal-body-content col-lg-8 col-xl px-lg-4 py-lg-3 mt-xs mt-lg-0\">\n                                  <h3 class=\"title-md font-sans mb-xs\">Listen to Abolitionist&#8217;s Thoughts<\/h3>\n                                                  <div class=\"player js-player pb-xs mb-2 mb-lg-0\">\n                    <div class=\"player__controls\">\n                      <div class=\"music-box font-sans\">\n                        <span class=\"play js-play-podcast mr-2 order-3 order-lg-1\">\n                          <span class=\"ml-0 icon-control icon-lg icon-bg__circle icon-bg__primary\"><\/span>\n                        <\/span>\n                        <div class=\"player__time--wrapper order-2\">\n                          <span class=\"player__time current-time js-current-time\">00:00<\/span> <span class=\"player__time-separator\">\/<\/span> <span class=\"player__time duration js-duration\">00:00<\/span>\n                        <\/div>\n                        <input type=\"range\" step=\"1\" class=\"seekbar js-seekbar mx-2 order-1 order-lg-3\" value=\"0\" min=\"0\" max=\"100\">\n                        <audio class=\"music-element js-music-element\">\n                          <source src=\"https:\/\/assets.mission-us.org\/wp-content\/uploads\/sites\/2\/2020\/11\/08083433\/bos_abolition_meld_eye_open.mp3\" type=\"audio\/mpeg\">\n                        <\/audio>\n                        <div class=\"player__controls-volume order-3 order-lg-4\">\n                          <div class=\"btn-box\">\n                            <span class=\"volume js-volume\">\n                              <span class=\"icon-volume-control icon-lg\"><\/span>\n                            <\/span>\n                          <\/div>\n                          <!-- <div class=\"volume-box js-volume-box\">\n                            <input type=\"range\" class=\"volume-range js-volume-range\" step=\"1\" value=\"80\" min=\"0\" max=\"100\">\n                          <\/div> -->\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                                                  <h4 class=\"d-none d-lg-block block-label mb-2\" >Transcript<\/h4>\n                  <h4 class=\"block-label mb-2 btn-accordion d-lg-none collapsed\" data-target=\"#collapse_character_8\" data-toggle=\"collapse\" aria-expanded=\"false\">Transcript<\/h4>\n                                                  <div class=\"default-content card-collapse collapse\" id=\"collapse_character_8\" aria-labelledby=\"heading\">\n                    <p>The Vigilance Committee warned us this day would come again&#8211;I keep my free papers close, but even those won&#8217;t protect me from kidnappers.<\/p>\n                  <\/div>\n                              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  \n<\/div>                        <\/div>\n\n    <\/div>\n  <\/section>\n","protected":false},"excerpt":{"rendered":"<p>How did a law reanimate a furious debate and threaten the unity of the United States? In Mission 2, players track the effects of the Fugitive Slave Law of 1850, collecting evidence from key artifacts and historical figures at three volatile sites across the North. After contextualizing the legal, social, and political consequences of the Fugitive Slave Law, players will analyze its role in the deepening sectional crisis. <\/p>","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false},"class_list":["post-7247","games","type-games","status-publish","hentry","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Fugitive Slave Act - Timesnap<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Fugitive Slave Act - Timesnap\" \/>\n<meta property=\"og:description\" content=\"How did a law reanimate a furious debate and threaten the unity of the United States? In Mission 2, players track the effects of the Fugitive Slave Law of 1850, collecting evidence from key artifacts and historical figures at three volatile sites across the North. After contextualizing the legal, social, and political consequences of the Fugitive Slave Law, players will analyze its role in the deepening sectional crisis.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/\" \/>\n<meta property=\"og:site_name\" content=\"Timesnap\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-22T22:09:04+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/\",\"url\":\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/\",\"name\":\"The Fugitive Slave Act - Timesnap\",\"isPartOf\":{\"@id\":\"https:\/\/www.mission-us.org\/timesnap\/#website\"},\"datePublished\":\"2020-11-06T09:29:59+00:00\",\"dateModified\":\"2022-07-22T22:09:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mission-us.org\/timesnap\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Fugitive Slave Act\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mission-us.org\/timesnap\/#website\",\"url\":\"https:\/\/www.mission-us.org\/timesnap\/\",\"name\":\"Timesnap\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mission-us.org\/timesnap\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Fugitive Slave Act - Timesnap","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/","og_locale":"en_US","og_type":"article","og_title":"The Fugitive Slave Act - Timesnap","og_description":"How did a law reanimate a furious debate and threaten the unity of the United States? In Mission 2, players track the effects of the Fugitive Slave Law of 1850, collecting evidence from key artifacts and historical figures at three volatile sites across the North. After contextualizing the legal, social, and political consequences of the Fugitive Slave Law, players will analyze its role in the deepening sectional crisis.","og_url":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/","og_site_name":"Timesnap","article_modified_time":"2022-07-22T22:09:04+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/","url":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/","name":"The Fugitive Slave Act - Timesnap","isPartOf":{"@id":"https:\/\/www.mission-us.org\/timesnap\/#website"},"datePublished":"2020-11-06T09:29:59+00:00","dateModified":"2022-07-22T22:09:04+00:00","breadcrumb":{"@id":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.mission-us.org\/timesnap\/games\/the-fugitive-slave-act\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mission-us.org\/timesnap\/"},{"@type":"ListItem","position":2,"name":"The Fugitive Slave Act"}]},{"@type":"WebSite","@id":"https:\/\/www.mission-us.org\/timesnap\/#website","url":"https:\/\/www.mission-us.org\/timesnap\/","name":"Timesnap","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mission-us.org\/timesnap\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.mission-us.org\/timesnap\/wp-json\/wp\/v2\/games\/7247"}],"collection":[{"href":"https:\/\/www.mission-us.org\/timesnap\/wp-json\/wp\/v2\/games"}],"about":[{"href":"https:\/\/www.mission-us.org\/timesnap\/wp-json\/wp\/v2\/types\/games"}],"version-history":[{"count":41,"href":"https:\/\/www.mission-us.org\/timesnap\/wp-json\/wp\/v2\/games\/7247\/revisions"}],"predecessor-version":[{"id":7866,"href":"https:\/\/www.mission-us.org\/timesnap\/wp-json\/wp\/v2\/games\/7247\/revisions\/7866"}],"wp:attachment":[{"href":"https:\/\/www.mission-us.org\/timesnap\/wp-json\/wp\/v2\/media?parent=7247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}