From e804bab90a955ead0e41e983c57aac9c611ab8d2 Mon Sep 17 00:00:00 2001
From: Joy <138333978+joypan1@users.noreply.github.com>
Date: Wed, 14 Feb 2024 19:47:37 -0500
Subject: [PATCH] about us

---
 pages/aboutus.html | 81 +++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 70 insertions(+), 11 deletions(-)
diff --git a/pages/aboutus.html b/pages/aboutus.html
index 3c1ff1a..ca65e2c 100644
--- a/pages/aboutus.html
+++ b/pages/aboutus.html
@@ -5,23 +5,82 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>About Us</title>
     <link rel="stylesheet" href="teams.css" />
+    <style>
+        /* CSS for centering */
+        body {
+            text-align: center;
+        }
+        /* CSS for indentation */
+        .indented {
+            margin-left: 180px; /* Adjust the value as needed */
+            text-align: left; /* Reset text alignment for indented text */
+        }
+        .bullet-list {
+            margin-left: 200px; /* Adjust the value to indent the bullets further */
+            text-align: left; /* Reset text alignment for bullet list */
+            list-style-position: inside; /* Ensure bullets are within the list */
+        }
+        /* CSS for box */
+        .capability-box {
+            border: 1px solid black;
+            padding: 10px;
+            margin: 20px auto; /* Center the box */
+            width: 80%; /* Adjust the width as needed */
+        }
+        /* CSS for input box */
+        .ranking-input {
+            width: 50px; /* Adjust the width as needed */
+        }
+    </style>
 </head>
 <body>
     <nav>
-		<div class = "heading">
-			<h1> Longmetal 7127 </h1>
-		</div>
-		<div class = "topnav">
-			<a href="../index.html"> Teams </a> 
-		    <a href="teamdetails.html"> Team Details </a> 
-			<a href="aboutus.html"> About Us </a> 
-		</div>
-	</nav>
+        <div class="heading">
+            <h1>Longmetal 7127</h1>
+        </div>
+        <div class="topnav">
+            <a href="../index.html">Teams</a>
+            <a href="teamdetails.html">Team Details</a>
+            <a href="aboutus.html">About Us</a>
+        </div>
+    </nav>
 
     <header>
         <div>
-            <h1> About Us </h1>
+            <h1>About Us</h1>
         </div>
     </header>
+
+    <div class="capability-box">
+        <h2>Our robot capabilities:</h2>
+    </div>
+    <!-- Space or new line between the box and the bullet list -->
+    <p class="indented"><strong>Autonomous</strong></p>
+    <ul>
+        <li class="bullet-list">prefer position ___ </li>
+        <li class="bullet-list">leaves position and shoots in ___ </li>
+    </ul>
+    <br>
+    <p class="indented"><strong>TeleOp</strong></p>
+    <ul>
+        <li class="bullet-list">prefer scoring in ___ </li>
+        <li class="bullet-list">prefer intaking from ___ </li>
+        <li class="bullet-list">can hang with ___ </li>
+    </ul>
+    <br>
+    <p class="indented"><strong>Human Player</strong></p>
+    <ul></ul>
+        <li class="bullet-list">prefer the coopertition button </li>
+        <li class="bullet-list">don't attempt the spotlight </li>
+    </ul>
+    <br>
+    <div class="capability-box">
+        <h2>Our Stats:</h2>
+    </div>
+    <br>
+    <p class="indented"><strong>Current Ranking:</strong> <input type="text" class="ranking-input"></p>
+    <br>
+    <p class="indented"><strong>Average points scored:</strong> <input type="text" class="ranking-input"></p>
+    <br>
 </body>
-</html>
\ No newline at end of file
+</html>
