Merge pull request #11 from Team-Deep-Impact/page-updates

Cleaned up proj directory by removing extra proj dir, updated defense…

frontend/src/pages/defenses.jsx

@@ -1,107 +1,117 @@
-
 const Defenses = () => {
   return (
-    <>
-      <div>
-          <h1 className="text-center text-2xl text-white my-5">Defensive Options</h1>
-          <h2 className="text-center underline text-xl text-white my-5">What Can We Do?</h2>
-          <p className="text-l text-white">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:</p>
-          <h3 className="text-xl text-white my-5">Early Detection and Monitoring</h3>
-          <ul>
-        <li className="text-l text-white mb-3">
+    <div className="w-8/12 mx-auto">
+      <h1 className="text-center text-2xl text-white my-5">Defensive Options</h1>
+      <h2 className="text-center underline text-xl text-white my-5">What Can We Do?</h2>
+      <p className="text-l text-white">
+        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:
+      </p>
+
+      <h3 className="text-2xl font-bold text-white my-5">Early Detection and Monitoring</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Space-Based Telescopes:</strong> Deploying telescopes in space to continuously monitor the sky for Near-Earth Objects (NEOs). Examples include NASA’s NEOWISE mission and the upcoming NEOCam.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Ground-Based Telescopes:</strong> Utilizing a network of observatories around the world to detect and track asteroids. Projects like the Pan-STARRS and the Catalina Sky Survey are part of this effort.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Data Sharing and Coordination:</strong> International collaboration through organizations like the International Asteroid Warning Network (IAWN) and the Space Mission Planning Advisory Group (SMPAG) to share data and coordinate responses.
         </li>
       </ul>
-          <h3 class="text-xl text-white my-5">Deflection Techniques</h3>
-          <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">Deflection Techniques</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Kinetic Impactor:</strong> This involves sending a spacecraft to collide with the asteroid at high speed, changing its trajectory. NASA’s Double Asteroid Redirection Test (DART) mission is an example, scheduled to test this method on the moonlet of the asteroid Didymos.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Gravity Tractor:</strong> A spacecraft would fly alongside the asteroid for an extended period, using its gravitational pull to gradually alter the asteroid’s path.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Ion Beam Shepherd:</strong> This concept involves using ion thrusters to create a continuous stream of particles that push against the asteroid, slowly changing its trajectory over time.
         </li>
       </ul>
-      <h3 class="text-xl text-white my-5">Disruption Techniques</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">Disruption Techniques</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Nuclear Explosions:</strong> A nuclear device could be detonated near or on the asteroid to either vaporize a portion of it or to alter its course significantly. This is considered a last resort due to the potential for fragmenting the asteroid into multiple pieces, which might still pose a threat.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Laser Ablation:</strong> Using high-powered lasers to vaporize the surface of the asteroid, creating jets of gas that would act as a propulsion mechanism to nudge the asteroid off course.
         </li>
       </ul>
-      <h3 class="text-xl text-white my-5">Civil Protection and Mitigation</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">Civil Protection and Mitigation</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Impact Prediction and Modeling:</strong> Improved computer models to predict impact locations, potential damage, and secondary effects like tsunamis and atmospheric changes.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Evacuation Plans:</strong> Developing and rehearsing evacuation plans for regions identified as potential impact sites.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Global Response Coordination:</strong> Establishing international protocols for disaster response, resource distribution, and public communication.
         </li>
       </ul>
-      <h3 class="text-xl text-white my-5">General Effects on Human Civilization</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">General Effects on Human Civilization</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Economic Disruption:</strong> Severe damage to infrastructure, agriculture, and resources can lead to economic collapse in affected regions.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="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">
+        <li className="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">International Collaboration and Policy Development</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">International Collaboration and Policy Development</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Space Treaties and Agreements:</strong> Strengthening international treaties and agreements to ensure cooperation and shared responsibility in asteroid detection and deflection efforts.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Funding and Research:</strong> Increasing funding for asteroid research, detection programs, and the development of deflection technologies.
         </li>
       </ul>
-      <h3 class="text-xl text-white my-5">Key Missions and Programs</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
-          <strong>NASA’s Planetary Defense Coordination Office (PDCO):</strong>  Coordinates efforts to detect, track, and characterize potentially hazardous asteroids and comets.
+
+      <h3 className="text-2xl font-bold text-white my-5">Key Missions and Programs</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
+          <strong>NASA’s Planetary Defense Coordination Office (PDCO):</strong> Coordinates efforts to detect, track, and characterize potentially hazardous asteroids and comets.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>ESA’s Hera Mission:</strong> A follow-up to NASA’s DART mission, Hera will study the aftermath of the DART impact to gather critical data on the effectiveness of kinetic impactors.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Space Situational Awareness (SSA) Program:</strong> Run by the European Space Agency (ESA) to detect and track objects that pose a risk to Earth or to satellites in orbit.
         </li>
       </ul>
-      <h3 class="text-xl text-white my-5">Challenges and Considerations</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">Challenges and Considerations</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Timely Detection:</strong> Early detection is crucial, as deflection methods are more effective when applied well in advance of a potential impact.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>Technological Development:</strong> Many of the proposed deflection techniques are still in the research or testing phase and require further development.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <strong>International Cooperation:</strong> Effective planetary defense requires global collaboration, as the impact of a large asteroid would have worldwide consequences.
         </li>
       </ul>
-      <div class="mt-3">
-          <p class="text-l text-white mb-10">By combining these strategies, the global community aims to protect Earth from the potentially devastating effects of asteroid impacts.</p>
-          </div>
-      </div>
-    </>
-  )
-}
 
-export default Defenses
+      <div className="mt-3">
+        <p className="text-l text-white mb-10">
+          By combining these strategies, the global community aims to protect Earth from the potentially devastating effects of asteroid impacts.
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default Defenses;

frontend/src/pages/effects.jsx

@@ -1,86 +1,94 @@
-
 const Effects = () => {
   return (
-    <>
-      <div>
-          <h1 className="text-center text-2xl text-white my-5">Effects of an Impact</h1>
-          <h2 className="text-center underline text-xl text-white my-5">The Impact of a Meteor Hitting Earth</h2>
-          <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>
-          <h3 className="text-xl text-white my-5">Small Meteors (up to 25 meters in diameter)</h3>
-          <ul>
-        <li className="text-l text-white mb-3">
+    <div className="w-8/12 mx-auto">
+      <h1 className="text-center text-2xl text-white my-5">Effects of an Impact</h1>
+      <h2 className="text-center underline text-xl text-white my-5">The Impact of a Meteor Hitting Earth</h2>
+      <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>
+
+      <h3 className="text-2xl font-bold text-white my-5">Small Meteors (up to 25 meters in diameter)</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Atmospheric Entry:</strong> These meteors typically burn up upon entering the Earth’s atmosphere, causing a bright flash and potentially a sonic boom.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="mb-3">
           <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.
         </li>
       </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">
+
+      <h3 className="text-2xl font-bold text-white my-5">Medium Meteors (25 meters to 1 kilometer in diameter)</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="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">
+        <li className="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">
+        <li className="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">
+
+      <h3 className="text-2xl font-bold text-white my-5">Large Meteors (1 kilometer to 10 kilometers in diameter)</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="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">
+        <li className="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">
+        <li className="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">
+        <li className="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">
+
+      <h3 className="text-2xl font-bold text-white my-5">Very Large Meteors (over 10 kilometers in diameter)</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="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">
+        <li className="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">
+        <li className="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.
         </li>
       </ul>
-      <h3 class="text-xl text-white my-5">General Effects on Human Civilization</h3>
-      <ul>
-        <li className="text-l text-white mb-3">
+
+      <h3 className="text-2xl font-bold text-white my-5">General Effects on Human Civilization</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="mb-3">
           <strong>Economic Disruption:</strong> Severe damage to infrastructure, agriculture, and resources can lead to economic collapse in affected regions.
         </li>
-        <li className="text-l text-white mb-3">
+        <li className="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">
+        <li className="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">
+
+      <h3 className="text-2xl font-bold text-white my-5">Mitigation and Prevention</h3>
+      <ul className="list-disc pl-5 text-l text-white">
+        <li className="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">
+        <li className="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 className="mt-3">
+        <p className="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
+export default Effects;

frontend/src/pages/main.jsx

@@ -4,27 +4,29 @@ function Main() {
 
     return (
       <>
-        <div className='w-7/12'>
-            <h1 class="text-center text-2xl text-white my-5">Welcome to Deep Impact!</h1>
-            <h2 class="text-center underline text-xl text-white my-5">Close Approaches</h2>
-            <h3 class="text-xl text-white my-3">How close?</h3>
-            <p class="text-l text-white">A body in space is considered a near-earth object if passing within 1.3 times the distance from the Earth to the Sun (defined as 1 astronomical unit, AU).  For reference, the Earth is 93 million miles from the Sun (150 million km), and the moon is 238,900 miles (384,000 km) from Earth.</p>
-            <h3 class="text-xl text-white my-3">What's the issue? </h3>
-            <p class="text-l text-white">Collision with the earth can have significant effects on the environment, ranging from local effects to global impact.</p>
-            <p class="text-l text-white">A potential hazardous asteroid (PHA) would approach closer than 0.05 AU and a diameter of greater than 500 ft (140m).</p>
-            <h3 class="text-xl text-white my-3">How often?</h3>
-            <p class="text-l text-white">Since 1900, NASA has logged 2,586 PHAs and anticipate 3,317 more out to 2200 AD.</p>
-            <img src={distanceImage} class="mt-5"/>
-            <p class="text-base text-white text-center">Comparison of the distances of satellite range and the closest approaches to the Earth</p>
-            <h2 class="text-center underline text-xl text-white my-5">Examples</h2>
-            <p class="text-l text-white">In 1957, 2019 CD2 asteroid passed 46,349 mi from Earth, with a diameter of 850-1940 ft.  This is relatively large, and with this asteroid's orbit around the sun it will have at least 5 more close approaches in the future (although not as close). </p>
-            <p class="text-l text-white">In 2029, 99942 Apophis, an asteroid of around 1,115 ft in diameter, will pass 23,619 mi from the Earth.</p>
-            <p class="text-l text-white mb-10">The near-earth object everyone recognizes is Halley's Comet. With observations going back 2,000 years, the comet approaches the earth every 76 years.  The comet is large, being about 48,000 ft by 26,000 ft.  Thankfully the closest approach has been 0.033 AU (3 million miles), in 837 AD.</p>
+        <div className='w-8/12 mx-auto'>
+            <h1 className="text-center text-2xl text-white my-5">Welcome to Deep Impact!</h1>
+            <h2 className="text-center underline text-xl text-white my-5">Close Approaches</h2>
 
+            <h3 className="text-2xl font-bold text-white my-5">How close?</h3>
+            <p className="text-l text-white">A body in space is considered a near-earth object if passing within 1.3 times the distance from the Earth to the Sun (defined as 1 astronomical unit, AU). For reference, the Earth is 93 million miles from the Sun (150 million km), and the moon is 238,900 miles (384,000 km) from Earth.</p>
+
+            <h3 className="text-2xl font-bold text-white my-5">What's the issue?</h3>
+            <p className="text-l text-white">Collision with the earth can have significant effects on the environment, ranging from local effects to global impact.</p>
+            <p className="text-l text-white">A potential hazardous asteroid (PHA) would approach closer than 0.05 AU and a diameter of greater than 500 ft (140m).</p>
+
+            <h3 className="text-2xl font-bold text-white my-5">How often?</h3>
+            <p className="text-l text-white">Since 1900, NASA has logged 2,586 PHAs and anticipate 3,317 more out to 2200 AD.</p>
+            <img src={distanceImage} className="mt-5"/>
+            <p className="text-base text-white text-center">Comparison of the distances of satellite range and the closest approaches to the Earth</p>
+
+            <h2 className="text-center underline text-xl text-white my-5">Examples</h2>
+            <p className="text-l text-white">In 1957, 2019 CD2 asteroid passed 46,349 mi from Earth, with a diameter of 850-1940 ft. This is relatively large, and with this asteroid's orbit around the sun it will have at least 5 more close approaches in the future (although not as close).</p>
+            <p className="text-l text-white">In 2029, 99942 Apophis, an asteroid of around 1,115 ft in diameter, will pass 23,619 mi from the Earth.</p>
+            <p className="text-l text-white mb-10">The near-earth object everyone recognizes is Halley's Comet. With observations going back 2,000 years, the comet approaches the earth every 76 years. The comet is large, being about 48,000 ft by 26,000 ft. Thankfully the closest approach has been 0.033 AU (3 million miles), in 837 AD.</p>
         </div>
       </>
     )
-  }
-  
-  export default Main
+}
 
+export default Main