{"id":659,"date":"2015-05-11T20:33:51","date_gmt":"2015-05-11T20:33:51","guid":{"rendered":"http:\/\/apps.tlt.stonybrook.edu\/wordpress\/disasters\/?page_id=659"},"modified":"2025-01-28T23:31:23","modified_gmt":"2025-01-28T23:31:23","slug":"coming-to-know-4","status":"publish","type":"page","link":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/coming-to-know-4\/","title":{"rendered":"Minatitl\u00e1n\/Coatzacoalcos&#8211;Llegando a conocer"},"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\": \"7233\",\n            \"description\": \"Francisco Mercado Todav\\u00eda en los 90s se descubri\\u00f3 que hay algo que se llama en toxicolog\\u00eda efectos estoc\\u00e1sticos probabil\\u00edsticos, es decir, no hay concentraci\\u00f3n segura\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"7220\",\n            \"description\": \"Francisco Mercado Hay muchos tipos de leucemia y subtipos patol\\u00f3gicos, pero la que les da a los trabajadores es leucemia mielobl\\u00e1stica aguda\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"7283\",\n            \"description\": \"Francisco Mercado la raza de bronce, propone el doble de 0.5 ppm. En M\\u00e9xico el l\\u00edmite m\\u00e1ximo permisible es 1 ppm. Si. \\u00bfPor qu\\u00e9? Somos la raza de bronce, aguantamos m\\u00e1s\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"7331\",\n            \"description\": \"Francisco Mercado otros productos qu\\u00edmicos, como por ejemplo el formaldehido subi\\u00f3 de categor\\u00eda, ese es cancer\\u00edgeno humano confirmado\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"8988\",\n            \"description\": \"Francisco Mercado ahora en cuanto a las leucemias, miren ustedes, hay muchos tipos histol\\u00f3gicos de leucemias y los causantes de las leucemias pueden ser: benceno, pero no necesariamente el de origen industrial, el tabaco, el humo ambiental, tabaco, el tabaquismo y el benceno\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"9205\",\n            \"description\": \"Francisco Mercado No todas las leucemias tambi\\u00e9n pueden pueden achatarse al benceno hay leucemias que no son originadas por el benceno, son otro tipo de factores incluso de mismos factores gen\\u00e9ticos.\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Francisco-Mercado.png\"\n        },\n        {\n            \"start\": \"1558\",\n            \"description\": \"Javier Pulido Osta Creo que efectivamente en el 92 es un parteaguas, pero creo que es un parteaguas muy singular,  porque no solo donde empieza a ponerse m\\u00e1s atenci\\u00f3n en las custiones de seguridad\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Javier-Pulido-Osta.png\"\n        },\n        {\n            \"start\": \"2260\",\n            \"description\": \"Maria Perez Actualmente la gente ya no cumple con sus pagos en los organismos operador porque no tiene agua\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Maria-Perez.png\"\n        },\n        {\n            \"start\": \"5062\",\n            \"description\": \"Lorenzo Bozada Osea, ninguna industria puede eliminar otra industria. Y en ese caso, por ejemplo, Petr\\u00f3leos Mexicanos est\\u00e1 obsesionado en eliminar a la industria pesquera de toda la regi\\u00f3n\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Lorenzo-Bozada.png\"\n        },\n        {\n            \"start\": \"5235\",\n            \"description\": \"Lorenzo Bozadaz En nuestro pa\\u00eds no tenemos la capacidad. Y los que aceptan los datos, los an\\u00e1lisis, normalmente van y los lapicean. No pasa nada, tienen nada\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Lorenzo-Bozada.png\"\n        },\n        {\n            \"start\": \"5764\",\n            \"description\": \"Lorenzo Bozada Ten\\u00edamos los incendios all\\u00e1 en Coatzacoalcos. Entonces enga\\u00f1aban al gobernador: \\u201cno, ya controlamos todo\\u201d\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Lorenzo-Bozada.png\"\n        },\n        {\n            \"start\": \"7614\",\n            \"description\": \"Xochitl Cisneros No est\\u00e1mos muy bien enterados pero han habido casos de personas que han muerto, que han muerto de c\\u00e1ncer, que han tenido leucemias, \",\n            \"thumbnail\": \"..\/files\/2016\/11\/Xochitl-Cisneros.png\"\n        },\n        {\n            \"start\": \"8244\",\n            \"description\": \"Fernado Casta\\u00f1on  acud\\u00ed al hospital de PEMEX, nadie supo \\u00bfeh? no tienen idea de cu\\u00e1ntos pacientes de c\\u00e1ncer tienen, infantil nadie, no sabe, el onc\\u00f3logo que estaba ya se fue, el doctor Mej\\u00eda ya no hay, onc\\u00f3logo pedi\\u00e1\\u2026 onc\\u00f3logo no onc\\u00f3logo pediatra ya no hay \",\n            \"thumbnail\": \"..\/files\/2024\/07\/fernado-castanon.png\"\n        },\n        {\n            \"start\": \"8288\",\n            \"description\": \"Fernado Casta\\u00f1on   2010 se presentaron 6 casos de leucemia, 2011 8 casos, 2012 8 casos, 2013 llevamos 13 casos \\u00bfs\\u00ed?, algo est\\u00e1 pasando \",\n            \"thumbnail\": \"..\/files\/2024\/07\/fernado-castanon.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":[75,82,120,74,119,122,110,121],"class_list":["post-659","page","type-page","status-publish","hentry","tag-coming-to-know","tag-llegando-a-conocer","tag-minatitlancoatzacoalcos","tag-petrochemicals","tag-productos-petroquimicos","tag-refinacion-craqueo-etc","tag-refining-cracking-etc","tag-veracruz"],"_links":{"self":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/659","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=659"}],"version-history":[{"count":16,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"predecessor-version":[{"id":5539,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/659\/revisions\/5539"}],"wp:attachment":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/tags?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}