{"id":368,"date":"2015-03-27T22:31:17","date_gmt":"2015-03-27T22:31:17","guid":{"rendered":"http:\/\/apps.tlt.stonybrook.edu\/wordpress\/disasters\/?page_id=368"},"modified":"2025-07-01T20:12:00","modified_gmt":"2025-07-01T20:12:00","slug":"remembering-when-you-didnt-know-2","status":"publish","type":"page","link":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/remembering-when-you-didnt-know-2\/","title":{"rendered":"El Paso &#8211; Remembering When You Didn&#8217;t Know"},"content":{"rendered":"\n\n<script>let player;\r\nvar blurb = \"Click a blue link to to a the point decribed in the video.\"\r\nlet ytID;\r\nlet shim = \"\"\r\nif (window.location.href.includes(\"tag\")) {\r\n\tshim = \"..\/\"\r\n}\r\n\r\nfunction onYouTubeIframeAPIReady() {\r\n\tplayer = new YT.Player('player', {\r\n\t\theight: '100%',\r\n\t\twidth: '100%',\r\n\t\tvideoId: ytID || 'EvKNG0SXdGI',\r\n\t\tplayerVars: {\r\n\t\t\t'playsinline': 1\r\n\t\t},\r\n\t\tevents: {\r\n\t\t\t'onReady': onPlayerReady,\r\n\t\t\t'onStateChange': onPlayerStateChange\r\n\t\t}\r\n\t})\r\n}\r\n\r\nfunction onPlayerReady(event) {\r\n\t\/\/ Function fires when player is ready.\r\n}\r\n\r\nvar done = false;\r\n\r\nfunction onPlayerStateChange(event) {\r\n\t\/\/ Example function, can be modified or removed.\r\n\tif (event.data == YT.PlayerState.PLAYING && !done) {\r\n\t\t\/\/ setTimeout(stopVideo, 6000);\r\n\t\t\/\/ done = true;\r\n\t}\r\n}\r\n\r\nfunction stopVideo() {\r\n\tplayer.stopVideo();\r\n}\r\n\r\nfunction playVideo(start) {\r\n\tconst element = document.getElementById(\"player-container\"); \/\/ Scroll to the container\r\n\tif (element) {\r\n\t\telement.scrollIntoView({\r\n\t\t\tblock: 'start',\r\n\t\t\tbehavior: 'smooth'\r\n\t\t});\r\n\t}\r\n\tplayer.seekTo(start);\r\n\tplayer.playVideo()\r\n}\r\n\r\n\r\nfunction loadSeminarYT(id, startTimes) {\r\n\tytID = id;\r\n\r\n\t\/\/ ---- NEW: Create a wrapper around the player for aspect ratio ----\r\n\tconst playerDiv = document.getElementById('player');\r\n\tif (playerDiv && !document.getElementById('player-container')) {\r\n\t\tconst playerWrapper = document.createElement('div');\r\n\t\tplayerWrapper.id = 'player-container';\r\n\t\tplayerDiv.parentNode.insertBefore(playerWrapper, playerDiv);\r\n\t\tplayerWrapper.appendChild(playerDiv);\r\n\t}\r\n\t\/\/ ---- END NEW ----\r\n\r\n\tvar tag = document.createElement('script');\r\n\ttag.src = \"https:\/\/www.youtube.com\/iframe_api\"; \/\/ Using official API source\r\n\tvar firstScriptTag = document.getElementsByTagName('script')[0];\r\n\tfirstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\r\n\r\n\tconst styleId = 'yt-modern-styles';\r\n\tif (!document.getElementById(styleId)) {\r\n\t\tconst styleSheet = document.createElement(\"style\");\r\n\t\tstyleSheet.id = styleId;\r\n\t\t\/\/ ---- UPDATED: CSS now targets the new player-container ----\r\n\t\tstyleSheet.innerHTML = `\r\n\t\t\t#player-container {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\tpadding-top: 56.25%; \/* 16:9 Aspect Ratio *\/\r\n\t\t\t\tbackground: #000;\r\n\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t}\r\n\t\t\t#player { \/* The #player element is now the iframe itself *\/\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tborder: 0;\r\n\t\t\t}\r\n            .startLinks {\r\n                transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n            }\r\n            .startLinks:hover {\r\n                transform: translateY(-3px);\r\n                box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n            }\r\n            .startLinks a {\r\n                color: #333;\r\n                text-decoration: none;\r\n                font-weight: 500;\r\n            }\r\n        `;\r\n\t\tdocument.head.appendChild(styleSheet);\r\n\t}\r\n\r\n\tlet page = document.getElementsByClassName(\"table\")[0];\r\n\r\n\tfor (i of startTimes) {\r\n\t\tlet a = Object.assign(document.createElement(\"span\"), {\r\n\t\t\tinnerHTML: i.description\r\n\t\t});\r\n\t\tif (i.start) {\r\n\t\t\ta = Object.assign(document.createElement(\"a\"), {\r\n\t\t\t\thref: `javascript:playVideo(\"${i.start}\")`,\r\n\t\t\t\tinnerHTML: i.description\r\n\t\t\t})\r\n\t\t}\r\n\t\tObject.assign(a.style, {\r\n\t\t\tflexGrow: \"1\"\r\n\t\t});\r\n\r\n\t\tlet containerDiv = Object.assign(document.createElement(\"div\"), {\r\n\t\t\tclassName: \"startLinks\"\r\n\t\t});\r\n\r\n\t\tObject.assign(containerDiv.style, {\r\n\t\t\tdisplay: \"flex\",\r\n\t\t\talignItems: \"center\",\r\n\t\t\twidth: \"100%\",\r\n\t\t\tmarginBottom: \"15px\",\r\n\t\t\tpadding: \"16px\",\r\n\t\t\tbackgroundColor: \"#fff\",\r\n\t\t\tborderRadius: \"8px\",\r\n\t\t\tboxShadow: \"0 2px 8px rgba(0,0,0,0.07)\",\r\n\t\t\tflex: \"1 1 100%\",\r\n\t\t\tgridColumn: \"1 \/ -1\",\r\n\t\t\tboxSizing: \"border-box\"\r\n\t\t});\r\n\r\n\t\tif (i.thumbnail) {\r\n\t\t\tlet img = Object.assign(document.createElement(\"img\"), {\r\n\t\t\t\tsrc: `${shim}${i.thumbnail}`\r\n\t\t\t});\r\n\t\t\tObject.assign(img.style, {\r\n\t\t\t\twidth: \"80px\",\r\n\t\t\t\theight: \"80px\",\r\n\t\t\t\tobjectFit: \"cover\",\r\n\t\t\t\tborderRadius: \"6px\",\r\n\t\t\t\tmarginRight: \"16px\",\r\n\t\t\t\tflexShrink: \"0\"\r\n\t\t\t});\r\n\t\t\tcontainerDiv.append(img);\r\n\t\t}\r\n\r\n\t\tcontainerDiv.append(a);\r\n\t\tpage.append(containerDiv);\r\n\t}\r\n\r\n\tif (!document.getElementById(\"blurb\")) {\r\n\t\tlet blurbEl = Object.assign(document.createElement(\"div\"), {\r\n\t\t\tid: \"blurb\",\r\n\t\t\tinnerHTML: blurb\r\n\t\t});\r\n\t\tObject.assign(blurbEl.style, {\r\n\t\t\ttextAlign: 'center',\r\n\t\t\tcolor: '#666',\r\n\t\t\tmarginBottom: '20px',\r\n\t\t\tfontSize: '1em'\r\n\t\t});\r\n\t\tdocument.getElementsByClassName(\"entry-content\")[0].prepend(blurbEl);\r\n\t}\r\n}<\/script>\n<div id=\"player\"><\/div>\n<div class=\"table\"><\/div>\n<script>\n\ndata={\n    \"ytID\": \"pxnaiUXYtEc\",\n    \"startTimes\": [\n        {\n            \"start\": \"3083\",\n            \"description\": \"Danny Arellano talks about difficulties communicating between Anglo managers and non-Anglo workforce, changes there, how many injuries not reported, also managers didn\\u2019t tell about some dangers, especially hazardous wastes; workers became willing to insist.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Danny-Arellano.png\"\n        },\n        {\n            \"start\": \"3969\",\n            \"description\": \"Jorge Villalobos on how those involved in lead industry didn\\u2019t know its effects for so long; challenge this seminar poses for today regarding risks.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Jorge-Villalobos.png\"\n        },\n        {\n            \"start\": \"4140\",\n            \"description\": \"Balthazar Huerta on how little workers would be informed about risks involved with tasks; importance of \\u201cchemical\\u201d designation in deciding what to avoid.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Balthazar-Huerta.png\"\n        },\n        {\n            \"start\": \"4428\",\n            \"description\": \"Juan Garza on his experience growing up in Sunset Heights, pediatrician surveys, pollution from the smelter there; also at UTEP.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Juan-Garza.png\"\n        },\n        {\n            \"start\": \"4606\",\n            \"description\": \"Catherine Shupe on growing up in the American colony in Avalos; not knowing about dangers.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Catherine-Wilson-Shupe.png\"\n        },\n        {\n            \"start\": \"4698\",\n            \"description\": \"Jorge Villalobos discusses conditions in early 1970\\u2019s; also arrival of EPA and changes at ASARCO.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Jorge-Villalobos.png\"\n        },\n        {\n            \"start\": \"4890\",\n            \"description\": \"Elvira Salcido talks about what she saw of plant\\u2019s smoke from Smeltertown from 1930s.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Elvira-Salcido.png\"\n        },\n        {\n            \"start\": \"7400\",\n            \"description\": \"Jorge Villalobos and others discuss lack of knowledge even among earlier managers.\",\n            \"thumbnail\": \"..\/files\/2015\/03\/Jorge-Villalobos.png\"\n        }\n    ]\n}\n\nloadSeminarYT(data.ytID,data.startTimes)\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"tags":[70,103,73,102,85,92,104,107],"class_list":["post-368","page","type-page","status-publish","hentry","tag-el-paso","tag-fundicion","tag-lead","tag-plomo","tag-recordando-lo-que-usted-no-sabia","tag-remembering-when-you-didnt-know","tag-smelting","tag-texas"],"_links":{"self":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/comments?post=368"}],"version-history":[{"count":59,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/368\/revisions"}],"predecessor-version":[{"id":6609,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/368\/revisions\/6609"}],"wp:attachment":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/media?parent=368"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/tags?post=368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}