{"id":666,"date":"2015-05-11T20:34:00","date_gmt":"2015-05-11T20:34:00","guid":{"rendered":"http:\/\/apps.tlt.stonybrook.edu\/wordpress\/disasters\/?page_id=666"},"modified":"2025-01-28T23:31:23","modified_gmt":"2025-01-28T23:31:23","slug":"remembering-when-you-didnt-know-4","status":"publish","type":"page","link":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/remembering-when-you-didnt-know-4\/","title":{"rendered":"Minatitl\u00e1n\/Coatzacoalcos&#8211;Recordando lo que usted no sab\u00eda"},"content":{"rendered":"\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\": \"vZN9LS3h3h4\",\n    \"startTimes\": [\n        {\n            \"start\": \"7188\",\n            \"description\": \"Francisco Mercado No se cerr\\u00f3 ninguna empresa en Estados Unidos productora de cloruro de vinilo o de benceno, y sin embargo si se bajaron los niveles, para que a los trabajadores no les de leucemia\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"9033\",\n            \"description\": \"Francisco Mercado no todas las personas se enferman porque en en genes especiales, podemos decir protecci\\u00f3n o de asistencia o genes de susceptibilidad \\u00bfs\\u00ed?\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"7875\",\n            \"description\": \"Gonzalo Rodriguez no creo que tengamos mucho tiempo de vida. Para 2025 seg\\u00fan la UNAM no habr\\u00e1 agua \\u00bfs\\u00ed?\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Gonzalo-Rodriguez.png\"\n        },\n        {\n            \"start\": \"920\",\n            \"description\": \"Renato V\\u00e1zquez  Para 1967 iniciaba sus operaciones Complejo Petroqu\\u00edmicos de Pajaritos, y la refiner\\u00eda de Mediclam\",\n            \"thumbnail\": \"..\/files\/2024\/07\/renato-vazquez.png\"\n        },\n        {\n            \"start\": \"948\",\n            \"description\": \"Renato V\\u00e1zquez  Hasta los a\\u00f1os de 1970 la exclusi\\u00f3n territorial de la industria petro qu\\u00edmica de Pemex reflej\\u00f3 una amplia inspecci\\u00f3n geogr\\u00e1fica nacional\",\n            \"thumbnail\": \"..\/files\/2024\/07\/renato-vazquez.png\"\n        },\n        {\n            \"start\": \"1019\",\n            \"description\": \"Renato V\\u00e1zquez  Como resultado del auge petrolero durante los a\\u00f1os 70 y principios de los 80 se establecieron en la regi\\u00f3n sureste de verecruz mas de 20 industrias petroqu\\u00edmicas privadas \",\n            \"thumbnail\": \"..\/files\/2024\/07\/renato-vazquez.png\"\n        },\n        {\n            \"start\": \"1564\",\n            \"description\": \"Javier Pulido de Osta  En el 92 es cuando explota la planta de Clorados  en los pajaritos yo te pongo en manifiesto muchas cosas muchas irregularidades en la seguridad que se protege particularmente a los trabajadores de los contratistas \",\n            \"thumbnail\": \"..\/files\/2016\/11\/Javier-Pulido-Osta.png\"\n        },\n        {\n            \"start\": \"1704\",\n            \"description\": \"Javier Pulido de Osta  Otro de los aspectos que se ve es el gran potencial econ\\u00f3mico que siempre ha tenido Pemex, hoy en d\\u00eda lo tiene tambi\\u00e9n y nos viene con el cuento de que no, pero eso es un cuento para quienes conocemos las cifras a fondo  \",\n            \"thumbnail\": \"..\/files\/2016\/11\/Javier-Pulido-Osta.png\"\n        },\n        {\n            \"start\": \"8432\",\n            \"description\": \"Fernado Casta\\u00f1on   Los desechos se vierten afuera, no adentro, el de adentro est\\u00e1 protegido tiene lentes, tiene m\\u00e1scaras, tiene equipo especial para no ser contaminado pero el de afuera, el de afuera \\u00bfqui\\u00e9n lo estudia? \\u00bfQui\\u00e9n lo analiza?\",\n            \"thumbnail\": \"..\/files\/2024\/07\/fernado-castanon.png\"\n        },\n        {\n            \"start\": \"9481\",\n            \"description\": \"Rogelio Gil  Pero m\\u00e1s que falta de educaci\\u00f3n finalmente, falta de autoridad en este pa\\u00eds, no hay autoridad, porque si hubiera autoridad en cuanto estuvieran haciendo las cosas mal hechas y los detuvieran y viera, no hubiera corrupci\\u00f3n, no hubiera impunidad, no hubiera nada de eso\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Rogelio-Gil-.png\"\n        }\n    ]\n}\n\nloadSeminarYT(data.ytID,data.startTimes)\n<\/script>\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":[120,74,119,85,122,110,92,121],"class_list":["post-666","page","type-page","status-publish","hentry","tag-minatitlancoatzacoalcos","tag-petrochemicals","tag-productos-petroquimicos","tag-recordando-lo-que-usted-no-sabia","tag-refinacion-craqueo-etc","tag-refining-cracking-etc","tag-remembering-when-you-didnt-know","tag-veracruz"],"_links":{"self":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/666","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=666"}],"version-history":[{"count":9,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":5542,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/666\/revisions\/5542"}],"wp:attachment":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/media?parent=666"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/tags?post=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}