feat: Add Volcano Safety Resources

public/7.GetEducated/volcano.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Volcanic Eruption Safety - Safe Haven</title>
+
     <link rel="icon" href="../../assets/1.HomePage/favicon.ico" type="image/x-icon">
     <link rel="icon" type="image/png" sizes="32x32" href="../../assets/1.HomePage/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="../../assets/1.HomePage/favicon-16x16.png">
@@ -18,30 +19,45 @@ <h1>Volcanic Eruption Safety</h1>
 
         <section class="disaster-info">
             <h2>What is a Volcanic Eruption?</h2>
-            <img src="https://i.pinimg.com/474x/c4/13/54/c41354cb7e8a5af1161055a1c41ac447.jpg" alt="Volcanic Eruption" class="disaster-img" width="300px" height="200px">
-            <p>Volcanic eruptions occur when magma from beneath the Earth’s crust escapes through vents. This can result in lava flows, ash clouds, and pyroclastic flows.</p>
+            <img src="https://i.pinimg.com/474x/c4/13/54/c41354cb7e8a5af1161055a1c41ac447.jpg" alt="Volcanic Eruption Diagram" class="disaster-img" width="300px" height="200px">
+            <p>Volcanic eruptions occur when magma from beneath the Earth’s crust escapes through vents. This can result in lava flows, ash clouds, and pyroclastic flows. Understanding the <strong>Volcanic Explosivity Index (VEI)</strong> can help assess potential risks in your area.</p>
         </section>
 
         <section class="safety-measures">
             <h2>Safety Measures During a Volcanic Eruption</h2>
             <ul>
-                <li>Evacuate the area if you are in a zone near a volcano.</li>
-                <li>Stay indoors and avoid ashfall.</li>
-                <li>Cover your nose and mouth to protect from inhaling ash particles.</li>
+                <li><strong>Evacuate Immediately:</strong> Follow authorities' instructions if you are in a danger zone.</li>
+                <li><strong>Protect Against Ash:</strong> Ash is pulverized rock, not wood ash. Wear N95 masks and goggles.</li>
+                <li><strong>Shelter in Place:</strong> If caught indoors, close all windows, doors, and fireplace dampers to keep ash out.</li>
+                <li><strong>Avoid Low Ground:</strong> Stay away from valleys where lahars (mudflows) and lava travel.</li>
             </ul>
-            <img src="https://i.pinimg.com/474x/58/86/f6/5886f67cb5e571b09d6a2e04728625f2.jpg" alt="Volcanic Eruption" class="disaster-img" width="500px" height="200px">
+            <img src="https://i.pinimg.com/474x/58/86/f6/5886f67cb5e571b09d6a2e04728625f2.jpg" alt="Volcano Safety Gear" class="disaster-img" width="500px" height="200px">
+        </section>
+
+        <section class="video-resources">
+            <h2>Video Guide: Surviving an Eruption</h2>
+            <div class="video-container" style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top: 1rem; border-radius: 8px;">
+   <iframe 
+    src="https://www.youtube.com/embed/WgktM2luLok" 
+    title="Volcanos: The Great Unkown" 
+    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" 
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
+    allowfullscreen>
+</iframe>
+</div>
         </section>
 
         <section class="real-life-cases">
             <h2>Real-Life Volcanic Cases</h2>
-            <p>The 1980 eruption of Mount St. Helens in the U.S. caused significant damage and loss of life due to its pyroclastic flows.</p>
-            <a href="https://www.usgs.gov/volcanoes/mount-st-helens">Learn More About Mount St. Helens Eruption</a>
+            <p>The 1980 eruption of Mount St. Helens in the U.S. caused significant damage and loss of life due to its pyroclastic flows. Historical data helps modern scientists predict exclusion zones.</p>
+            <a href="https://www.usgs.gov/volcanoes/mount-st-helens" target="_blank">Learn More About Mount St. Helens Eruption</a>
         </section>
 
         <footer>
-            <p>For more volcanic eruption safety tips, visit <a href="https://www.fema.gov/volcanic-eruption-safety-home">FEMA Volcanic Eruption Safety</a></p>
+            <p>For more volcanic eruption safety tips, visit <a href="https://www.fema.gov/volcanic-eruption-safety-home" target="_blank">FEMA Volcanic Eruption Safety</a></p>
         </footer>
     </div>
+
     <script src="../8.AIAssistant/chatbot.js"></script>
 </body>
-</html>
+</html>