From c66f53c5cab13b9824488f35315b775673b93fd4 Mon Sep 17 00:00:00 2001
From: Jordan Edgington <jordan.edgington.dev@gmail.com>
Date: Sat, 18 May 2024 17:08:15 -0400
Subject: [PATCH] add: info to about page, width to main page

---
 frontend/src/pages/about.jsx | 20 ++++++++++++++++++--
 frontend/src/pages/main.jsx  |  2 +-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/about.jsx b/frontend/src/pages/about.jsx
index 2d400b0..b40c05d 100644
--- a/frontend/src/pages/about.jsx
+++ b/frontend/src/pages/about.jsx
@@ -2,8 +2,24 @@ function About() {
   
     return (
       <>
-        <div>
-            <p>About</p>
+        <div className='text-white text-center flex flex-col w-1/2'>
+            <div className='m-4'>
+            <p className='text-2xl underline mb-2'>What is Deep Impact?</p>
+            <p>Deep impact is a web-app designed to give users insight into potential danger of asteroid impact. Using the NASA NeoWs API we have created a simulation tool to visualize incoming asteroids and various methods of asteroid deflection.</p>
+            </div>
+            <div className='m-4'>
+            <p className='text-2xl underline mb-2'>Our Team</p>
+            <ul>
+              <li>Daniel Smith-dePaz</li>
+              <li>Jordan Yamada</li>
+              <li>Pierre Bell</li>
+              <li>Michael Roy</li>
+              <li>Mickey Shoenberger</li>
+              <li>Jordan Edgington</li>
+            </ul>
+            </div>
+            <p className='italic m-4'>The Sky Is Falling!</p>
+            <p className='m-4'>To see learn more about Deep Impact, checkout our <a href='https://github.com/Team-Deep-Impact/Deep-Impact/blob/threats-page/frontend/src/pages/about.jsx' className='underline hover:text-red-900'>GitHub</a>.</p>
         </div>
       </>
     )
diff --git a/frontend/src/pages/main.jsx b/frontend/src/pages/main.jsx
index 4012892..15fe785 100644
--- a/frontend/src/pages/main.jsx
+++ b/frontend/src/pages/main.jsx
@@ -4,7 +4,7 @@ function Main() {
   
     return (
       <>
-        <div>
+        <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>