{"id":680,"date":"2015-05-11T20:34:25","date_gmt":"2015-05-11T20:34:25","guid":{"rendered":"http:\/\/apps.tlt.stonybrook.edu\/wordpress\/disasters\/?page_id=680"},"modified":"2025-01-28T23:31:23","modified_gmt":"2025-01-28T23:31:23","slug":"becoming-active-4","status":"publish","type":"page","link":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/becoming-active-4\/","title":{"rendered":"Minatitl\u00e1n\/Coatzacoalcos&#8211;Activismo, Movilizaci\u00f3n, Conflicto"},"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\": \"7812\",\n            \"description\": \"Gonzalo Rodriguez \\u00c9l me debe que hace un rato que escuchaba que la sociedad civil la tenemos que organizar, muy importante\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Gonzalo-Rodriguez.png\"\n        },\n        {\n            \"start\": \"7844\",\n            \"description\": \"Gonzalo Rodriguez Para ir a exigirle a los senadores, a los diputados para que esto, hay que decirlo  en la legislaci\\u00f3n bien y vigilarlo nosotros como ciudadanos\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Gonzalo-Rodriguez.png\"\n        },\n        {\n            \"start\": \"7939\",\n            \"description\": \"Gonzalo Rodriguez y juro que si nos organizamos bien, vamos a dar la batalla y con lo t\\u00e9cnico, con lo, con lo pro con lo proteccionista que hay oiga, \\u00a1vamos! Yo Nosotros hemos dicho como organizaci\\u00f3n nosotros ponemos que la empresa que la industria produzca pero que lo haga decente, bien\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Gonzalo-Rodriguez.png\"\n        },\n        {\n            \"start\": \"1112\",\n            \"description\": \"Renato V\\u00e1zquez  Ser\\u00e1 hasta que tengamos conciencia plena de que es cada cosa y cada funci\\u00f3n cuando sentemos y tengamos   a los impactos adecuados para la vivienda y para los espacios laborales, de otra manera seguiremos sufriendo las consecuencias\",\n            \"thumbnail\": \"..\/files\/2024\/07\/renato-vazquez.png\"\n        },\n        {\n            \"start\": \"9648\",\n            \"description\": \"Renato V\\u00e1zquez  y enfoquemos nuestra acci\\u00f3n a resolver los problemas. Hay aqu\\u00ed en esta reuni\\u00f3n tres productos que podemos aprovechar, uno a la vista el   centro toxicol\\u00f3gico del doctor Mercado, yo le pedir\\u00eda que si puede fijar fecha, hora y lugar de reuni\\u00f3n os, una segunda, una reuni\\u00f3n o una tipo de celebraci\\u00f3n entre los asistentes que puedan impulsar iniciativas respecto al problema, y tres, si el Doctor Sellers quiere  quiere compartir su directorio para que se lo facilite ese trabajo\",\n            \"thumbnail\": \"..\/files\/2024\/07\/renato-vazquez.png\"\n        },\n        {\n            \"start\": \"2241\",\n            \"description\": \"Lorenzo Bozada  sin embargo parece ser que en este pa\\u00eds la primac\\u00eda de la vida es el desarrollo industrial\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Lorenzo-Bozada.png\"\n        },\n        {\n            \"start\": \"5359\",\n            \"description\": \"Lorenzo Bozada  hay otras  alternativas para Minatitl\\u00e1n, por ejemplo, est\\u00e1 el municipio de Uxpanapa, con toda su, su, su probabilidad de, poder jalar el agua del municipio de Uxpanapa\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Lorenzo-Bozada.png\"\n        },\n        {\n            \"start\": \"9939\",\n            \"description\": \"Maria Perez  Quisiera, en parte pues, yo creo que para poder concluir tenemos que empezar cada uno por su casa, \\u00bfs\\u00ed?\",\n            \"thumbnail\": \"..\/files\/2016\/11\/Maria-Perez.png\"\n        },\n        {\n            \"start\": \"5608\",\n            \"description\": \"Artemio Lopez Entonces falta conciencia ciudadana. Falta que las autoridades se pongan las pilas. No es un ejercicio de 3 o 4 a\\u00f1os. tiene que verse eso al futuro \",\n            \"thumbnail\": \"..\/files\/2016\/11\/Artemio-Lopez.png\"\n        },\n        {\n            \"start\": \"9520\",\n            \"description\": \"Rogelio Gil  meta las manos bueno ya se acab\\u00f3 aqu\\u00ed como es posible que venga a, a robarnos y a quitarnos lo poquito que va existiendo, a ratos, en la educaci\\u00f3n, la apat\\u00eda de un pueblo, deja que haga que haga y deshagan \",\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":[88,77,78,114,120,74,119,122,110,121],"class_list":["post-680","page","type-page","status-publish","hentry","tag-activism-mobilization-conflict","tag-activismo-movilizacion-conflicto","tag-activistas","tag-activists","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\/680","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=680"}],"version-history":[{"count":12,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/680\/revisions"}],"predecessor-version":[{"id":5536,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/680\/revisions\/5536"}],"wp:attachment":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/media?parent=680"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/tags?post=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}