{"id":4232,"date":"2020-02-13T23:08:46","date_gmt":"2020-02-13T23:08:46","guid":{"rendered":"http:\/\/disaster.studies.stonybrook.edu\/wordpress\/disasters\/?page_id=4232"},"modified":"2025-01-28T23:31:22","modified_gmt":"2025-01-28T23:31:22","slug":"port-arthur-government-officials","status":"publish","type":"page","link":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/port-arthur-government-officials\/","title":{"rendered":"Government Officials, Port Arthur"},"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\": \"EvKNG0SXdGI\",\n    \"startTimes\": [\n        {\n            \"start\": \"336\",\n            \"description\": \"\\u201cTiffany Hamilton, Councilwoman for the City of Port Arthur\\u201d\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Tiffany-Hamilton.png\"\n        },\n        {\n            \"start\": \"3462\",\n            \"description\": \"\\u201cTiffany Hamilton on the the industrial agreements between the city of Port Arthur and local companies have been updated to have \\u201c\\u201dmore meat to  the contracts\\u201d\\u201d; hoping to make the community\\u2019s voice stronger in these relationships\\u201d\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Tiffany-Hamilton.png\"\n        },\n        {\n            \"start\": \"3760\",\n            \"description\": \"\\u201cTiffany Hamilton on the pressures she faced to move away from Port Arthur to be \\u201c\\u201dsuccessful\\u201d\\u201d; seeing city\\u2019s decline but wanting her city to grow\\u201d\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Tiffany-Hamilton.png\"\n        },\n        {\n            \"start\": \"4088\",\n            \"description\": \"Tiffany Hamilton on attracting new businesses\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Tiffany-Hamilton.png\"\n        },\n        {\n            \"start\": \"4359\",\n            \"description\": \"Tiffany Hamilton on the harbor improvement project; official Coast Guard station\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Tiffany-Hamilton.png\"\n        },\n        {\n            \"start\": \"7238\",\n            \"description\": \"\\u201cTiffany Hamilton on \\u201c\\u201dnot all the time do I think negative when I see a smokestack or a ship pass by on the other side, we definitely have to hold the industry accountable\\u201d\\u201d; also individuals\\u201d\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Tiffany-Hamilton.png\"\n        },\n        {\n            \"start\": \"7385\",\n            \"description\": \"\\u201cBobbie Prince, Mayor of Port Arthur (arrived near end), tells of how industry here was important to her family\\u2019s arrival in PA but those in power forgot about holding them responsible for helping us overcome obstacles the environment\\u201d\\u201d\\u201d\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Bobbie-Prince.png\"\n        },\n        {\n            \"start\": \"8153\",\n            \"description\": \"\\u201cBobbie Prince on a Port Arthur Industrial Group that\\u2019s \\u201c\\u201dhighly involved with the school system here in the city of Port Arthur\\u201d\\u201d\\u201d\\n\",\n            \"thumbnail\": \"..\/files\/2020\/01\/Bobbie-Prince.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":[],"class_list":["post-4232","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/4232","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=4232"}],"version-history":[{"count":4,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/4232\/revisions"}],"predecessor-version":[{"id":6062,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/pages\/4232\/revisions\/6062"}],"wp:attachment":[{"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/media?parent=4232"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/envirodangers.studies.stonybrook.edu\/wordpress\/envirodangers\/wp-json\/wp\/v2\/tags?post=4232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}