diff --git a/frontend/src/components/navbar.jsx b/frontend/src/components/navbar.jsx index 1894bb7..4033c87 100644 --- a/frontend/src/components/navbar.jsx +++ b/frontend/src/components/navbar.jsx @@ -9,6 +9,7 @@ function NavBar() {
  • Main

  • Scenario

  • About

  • +
  • Effects

  • diff --git a/frontend/src/pages/effects.jsx b/frontend/src/pages/effects.jsx index 95ee3e7..f2b076c 100644 --- a/frontend/src/pages/effects.jsx +++ b/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) -// Atmospheric Entry: These meteors typically burn up upon entering the Earth’s atmosphere, causing a bright flash and potentially a sonic boom. -// 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) -// Local Destruction: A meteor in this size range can cause significant local destruction, including fires, shockwaves, and substantial craters. -// Tsunamis: If it impacts an ocean, it can generate large tsunamis capable of affecting coastal areas over a wide region. -// 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. -// Large Meteors (1 kilometer to 10 kilometers in diameter) -// 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. -// Tsunamis: If the impact occurs in the ocean, it would generate massive tsunamis with potentially devastating global effects on coastal regions. -// 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. -// 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. -// Very Large Meteors (over 10 kilometers in diameter) -// Global Catastrophe: These are extremely rare but can cause near-instantaneous global devastation. -// Immediate Effects: Massive firestorms, shockwaves, and tsunamis would affect the entire planet. -// Long-term Effects: Severe climate changes, including extended “impact winters,” leading to mass extinctions and potentially the collapse of human civilization. +const Effects = () => { + return ( + <> +
    +

    Effects of an Impact

    +

    The Impact of a Meteor Hitting Earth

    +

    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)

    + +

    Medium Meteors (25 meters to 1 kilometer in diameter)

    + +

    Large Meteors (1 kilometer to 10 kilometers in diameter)

    + +

    Very Large Meteors (over 10 kilometers in diameter)

    + +

    General Effects on Human Civilization

    + +

    Mitigation and Prevention

    + +
    +

    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.

    +
    +
    + + ) +} + +export default Effects diff --git a/frontend/src/router.jsx b/frontend/src/router.jsx index 251df87..135651b 100644 --- a/frontend/src/router.jsx +++ b/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: + }, + { + path: 'effects/', + element: } ],