added a page to decribe effects of an impact on earth

frontend/src/components/navbar.jsx

@@ -9,6 +9,7 @@ function NavBar() {
                 <li><Link to='/'><p className='text-2xl text-white hover:text-red-900'>Main</p></Link></li>
                 <li><Link to='scenario/'><p className='text-2xl text-white hover:text-red-900'>Scenario</p></Link></li>
                 <li><Link to='about/'><p className='text-2xl text-white hover:text-red-900'>About</p></Link></li>
+                <li><Link to='effects/'><p className='text-2xl text-white hover:text-red-900'>Effects</p></Link></li>
             </ul>
         </div>
       </>

frontend/src/pages/effects.jsx

@@ -1,26 +1,87 @@
-// The impact of a meteor hitting Earth can vary widely depending on the size, composition, speed, and location of the impact. Here are the key impacts based on the size of the meteor:
 
-// Small Meteors (up to 25 meters in diameter)
+const Effects = () => {
-// Atmospheric Entry: These meteors typically burn up upon entering the Earth’s atmosphere, causing a bright flash and potentially a sonic boom.
+  return (
-// Damage: If fragments reach the ground, they may cause minor damage locally, such as breaking windows or small craters. An example is the Chelyabinsk meteor in 2013, which caused injuries mainly from broken glass.
+    <>
-// Medium Meteors (25 meters to 1 kilometer in diameter)
+      <div>
-// Local Destruction: A meteor in this size range can cause significant local destruction, including fires, shockwaves, and substantial craters.
+          <h1 className="text-center text-2xl text-white my-5">Effects of an Impact</h1>
-// Tsunamis: If it impacts an ocean, it can generate large tsunamis capable of affecting coastal areas over a wide region.
+          <h2 className="text-center underline text-xl text-white my-5">The Impact of a Meteor Hitting Earth</h2>
-// Climate Effects: Dust and debris thrown into the atmosphere can lead to short-term climate changes, such as “impact winter,” where sunlight is blocked, leading to global cooling and agricultural impacts.
+          <p className="text-l text-white">The impact of a meteor hitting Earth can vary widely depending on the size, composition, speed, and location of the impact. Here are the key impacts based on the size of the meteor:</p>
-// Large Meteors (1 kilometer to 10 kilometers in diameter)
+          <h3 className="text-xl text-white my-5">Small Meteors (up to 25 meters in diameter)</h3>
-// Regional to Global Catastrophe: These impacts can cause massive destruction over hundreds of kilometers from the impact site. The blast, heat, and shockwave can annihilate life forms in the vicinity.
+          <ul>
-// Tsunamis: If the impact occurs in the ocean, it would generate massive tsunamis with potentially devastating global effects on coastal regions.
+        <li className="text-l text-white mb-3">
-// Climate Disruption: The impact would throw vast amounts of dust, ash, and aerosols into the atmosphere, potentially causing global cooling for years. This can disrupt ecosystems, agriculture, and food supplies globally.
+          <strong>Atmospheric Entry:</strong> These meteors typically burn up upon entering the Earth’s atmosphere, causing a bright flash and potentially a sonic boom.
-// Extinctions: Such an event can lead to mass extinctions due to the combination of immediate destruction, climatic effects, and ecological collapse. The most well-known example is the Chicxulub impactor, which contributed to the extinction of the dinosaurs 66 million years ago.
+        </li>
-// Very Large Meteors (over 10 kilometers in diameter)
+        <li className="text-l text-white mb-3">
-// Global Catastrophe: These are extremely rare but can cause near-instantaneous global devastation.
+          <strong>Damage:</strong> If fragments reach the ground, they may cause minor damage locally, such as breaking windows or small craters. An example is the Chelyabinsk meteor in 2013, which caused injuries mainly from broken glass.
-// Immediate Effects: Massive firestorms, shockwaves, and tsunamis would affect the entire planet.
+        </li>
-// Long-term Effects: Severe climate changes, including extended “impact winters,” leading to mass extinctions and potentially the collapse of human civilization.
+      </ul>
+          <h3 class="text-xl text-white my-5">Medium Meteors (25 meters to 1 kilometer in diameter)</h3>
+          <ul>
+        <li className="text-l text-white mb-3">
+          <strong>Local Destruction:</strong> A meteor in this size range can cause significant local destruction, including fires, shockwaves, and substantial craters.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Tsunamis:</strong> If it impacts an ocean, it can generate large tsunamis capable of affecting coastal areas over a wide region.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Climate Effects:</strong> Dust and debris thrown into the atmosphere can lead to short-term climate changes, such as “impact winter,” where sunlight is blocked, leading to global cooling and agricultural impacts.
+        </li>
+      </ul>
+      <h3 class="text-xl text-white my-5">Large Meteors (1 kilometer to 10 kilometers in diameter)</h3>
+      <ul>
+        <li className="text-l text-white mb-3">
+          <strong>Regional to Global Catastrophe:</strong> These impacts can cause massive destruction over hundreds of kilometers from the impact site. The blast, heat, and shockwave can annihilate life forms in the vicinity.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Tsunamis:</strong> If the impact occurs in the ocean, it would generate massive tsunamis with potentially devastating global effects on coastal regions.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Climate Disruption:</strong> The impact would throw vast amounts of dust, ash, and aerosols into the atmosphere, potentially causing global cooling for years. This can disrupt ecosystems, agriculture, and food supplies globally.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Extinctions:</strong> Such an event can lead to mass extinctions due to the combination of immediate destruction, climatic effects, and ecological collapse. The most well-known example is the Chicxulub impactor, which contributed to the extinction of the dinosaurs 66 million years ago.
+        </li>
+      </ul>
+      <h3 class="text-xl text-white my-5">Very Large Meteors (over 10 kilometers in diameter)</h3>
+      <ul>
+        <li className="text-l text-white mb-3">
+          <strong>Global Catastrophe:</strong> These are extremely rare but can cause near-instantaneous global devastation.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Immediate Effects:</strong> Massive firestorms, shockwaves, and tsunamis would affect the entire planet.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Long-term Effects:</strong> Severe climate changes, including extended “impact winters,” leading to mass extinctions and potentially the collapse of human civilization.
 // General Effects on Human Civilization
-// Economic Disruption: Severe damage to infrastructure, agriculture, and resources can lead to economic collapse in affected regions.
+        </li>
-// Human Casualties: Direct impact areas would suffer heavy casualties, with potential global consequences from secondary effects like famine and disease.
+      </ul>
-// Global Cooperation and Response: Such an event would likely necessitate global cooperation for disaster response, food distribution, and potentially relocation of populations.
+      <h3 class="text-xl text-white my-5">General Effects on Human Civilization</h3>
-// Mitigation and Prevention
+      <ul>
-// Early Detection: Advances in space observation aim to detect potential impactors well in advance. Programs like NASA’s Near-Earth Object (NEO) Observations Program work towards this goal.
+        <li className="text-l text-white mb-3">
-// Deflection Strategies: Potential strategies for deflecting an asteroid include kinetic impactors, gravitational tractors, or even nuclear devices to alter the asteroid’s trajectory.
+          <strong>Economic Disruption:</strong> Severe damage to infrastructure, agriculture, and resources can lead to economic collapse in affected regions.
-// In summary, while the impact of small meteors is relatively minor and localized, large meteors can have devastating global consequences. Preparedness and mitigation strategies are essential for minimizing the potential impacts of such events.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Human Casualties:</strong> Direct impact areas would suffer heavy casualties, with potential global consequences from secondary effects like famine and disease.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Global Cooperation and Response:</strong> Such an event would likely necessitate global cooperation for disaster response, food distribution, and potentially relocation of populations.
+        </li>
+      </ul>
+      <h3 class="text-xl text-white my-5">Mitigation and Prevention</h3>
+      <ul>
+        <li className="text-l text-white mb-3">
+          <strong>Early Detection:</strong> Advances in space observation aim to detect potential impactors well in advance. Programs like NASA’s Near-Earth Object (NEO) Observations Program work towards this goal.
+        </li>
+        <li className="text-l text-white mb-3">
+          <strong>Deflection Strategies:</strong> Potential strategies for deflecting an asteroid include kinetic impactors, gravitational tractors, or even nuclear devices to alter the asteroid’s trajectory.
+        </li>
+      </ul>
+      <div class="mt-3">
+          <p class="text-l text-white mb-10">In summary, while the impact of small meteors is relatively minor and localized, large meteors can have devastating global consequences. Preparedness and mitigation strategies are essential for minimizing the potential impacts of such events.</p>
+          </div>
+      </div>
+    </>
+  )
+}
+
+export default Effects

frontend/src/router.jsx

@@ -4,6 +4,7 @@ import App from "./App";
 import Main from "./pages/main";
 import Scenario from "./pages/scenario";
 import About from "./pages/about";
+import Effects from "./pages/effects";
 const router = createBrowserRouter([
   {
     path: "/",
@@ -20,6 +21,10 @@ const router = createBrowserRouter([
       {
         path: 'about/',
         element: <About />
+      },
+      {
+        path: 'effects/',
+        element: <Effects />
       }
       
     ],