From 71d97c8848b2726ddc9792a57ee806eda83a6a44 Mon Sep 17 00:00:00 2001 From: Jordan Yamada Date: Sat, 18 May 2024 21:36:08 +0000 Subject: [PATCH] added a defenses page that details our defensive options --- frontend/src/components/navbar.jsx | 1 + frontend/src/pages/defenses.jsx | 107 +++++++++++++++++++++++++++++ frontend/src/pages/effects.jsx | 1 - frontend/src/router.jsx | 6 +- 4 files changed, 113 insertions(+), 2 deletions(-) create mode 100644 frontend/src/pages/defenses.jsx diff --git a/frontend/src/components/navbar.jsx b/frontend/src/components/navbar.jsx index 4033c87..b009167 100644 --- a/frontend/src/components/navbar.jsx +++ b/frontend/src/components/navbar.jsx @@ -10,6 +10,7 @@ function NavBar() {
  • Scenario

  • About

  • Effects

  • +
  • Defenses

  • diff --git a/frontend/src/pages/defenses.jsx b/frontend/src/pages/defenses.jsx new file mode 100644 index 0000000..20f6edc --- /dev/null +++ b/frontend/src/pages/defenses.jsx @@ -0,0 +1,107 @@ + +const Defenses = () => { + return ( + <> +
    +

    Defensive Options

    +

    What Can We Do?

    +

    Defending Earth against potentially hazardous meteors or asteroids involves several strategies and technologies, primarily focused on detection, deflection, and disruption. Here are the primary defense options:

    +

    Early Detection and Monitoring

    + +

    Deflection Techniques

    + +

    Disruption Techniques

    + +

    Civil Protection and Mitigation

    + +

    General Effects on Human Civilization

    + +

    International Collaboration and Policy Development

    + +

    Key Missions and Programs

    + +

    Challenges and Considerations

    + +
    +

    By combining these strategies, the global community aims to protect Earth from the potentially devastating effects of asteroid impacts.

    +
    +
    + + ) +} + +export default Defenses diff --git a/frontend/src/pages/effects.jsx b/frontend/src/pages/effects.jsx index f2b076c..21ee8b5 100644 --- a/frontend/src/pages/effects.jsx +++ b/frontend/src/pages/effects.jsx @@ -52,7 +52,6 @@ const Effects = () => {
  • Long-term Effects: Severe climate changes, including extended “impact winters,” leading to mass extinctions and potentially the collapse of human civilization. -// General Effects on Human Civilization
  • General Effects on Human Civilization

    diff --git a/frontend/src/router.jsx b/frontend/src/router.jsx index 135651b..295bfc4 100644 --- a/frontend/src/router.jsx +++ b/frontend/src/router.jsx @@ -5,6 +5,7 @@ import Main from "./pages/main"; import Scenario from "./pages/scenario"; import About from "./pages/about"; import Effects from "./pages/effects"; +import Defenses from "./pages/defenses"; const router = createBrowserRouter([ { path: "/", @@ -25,8 +26,11 @@ const router = createBrowserRouter([ { path: 'effects/', element: + }, + { + path: 'defenses/', + element: } - ], }, ]);