Update file part-collection.md

docs/part-collection.md

@@ -4,40 +4,53 @@ title: Our Part Collection
 
 # Parts-Collection
 
-<table style="width: 70%; border-collapse: collapse; margin: auto;">
-  <thead style="background-color: #00b4c5; color: white;">
-    <tr>
-      <th>BioBrick Part</th>
-      <th>Short Description</th>
-      <th>Part Type</th>
-      <th>Sequence</th>
-      <th>Assembly Compatibility</th>
-      <th>Designed By</th>
-      <th>Module</th>
-      <th>References</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr style="background-color: #b3c7f7;">
-      <td><a href="http://parts.igem.org/Part:BBa_XXXXXXXX">Part 1</a></td>
-      <td>Part Name</td>
-      <td>Type</td>
-      <td>AGA</td>
-      <td><span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 3px;">21</span> <span style="background-color: #0073e6; color: white; padding: 5px; border-radius: 3px;">1000</span></td>
-      <td>Iulia Beres</td>
-      <td>Module</td>
-      <td><a href="https://doi.org/10.1038/s41598-018-24134-3">Hui, C. et al. (April 9, 2018)</a></td>
-    </tr>
-    <tr style="background-color: #8babf1;">
-      <td><a href="http://parts.igem.org/Part:BBa_XXXXXXXX">Part 2</a></td>
-      <td>Part Name</td>
-      <td>Type</td>
-      <td>AGA</td>
-      <td><span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 3px;">21</span> <span style="background-color: #0073e6; color: white; padding: 5px; border-radius: 3px;">1000</span></td>
-      <td>Iulia Beres</td>
-      <td>Module</td>
-      <td><a href="https://doi.org/10.1038/s41598-018-24134-3">Hui, C. et al. (April 9, 2018)</a></td>
-    </tr>
-    <!-- Repeat for additional parts -->
-  </tbody>
-</table>
+---
+title: Our Part Collection
+---
+
+<style>
+table {
+  width: 70%;
+  border-collapse: collapse;
+  margin: auto;
+  border-radius: 10px; /* Rounded corners for the table */
+  overflow: hidden; /* Ensures the corners stay rounded */
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+}
+
+th {
+  background-color: #00b4c5; /* Header background color */
+  color: white; /* Header text color */
+  padding: 10px; /* Padding for header */
+}
+
+td {
+  padding: 10px; /* Padding for table cells */
+  text-align: center; /* Center-align text */
+}
+
+tr:nth-child(even) {
+  background-color: #b3c7f7; /* Light blue for even rows */
+}
+
+tr:nth-child(odd) {
+  background-color: #8babf1; /* Light blue for odd rows */
+}
+
+a {
+  color: #0073e6; /* Link color */
+  text-decoration: none; /* Remove underline from links */
+}
+
+a:hover {
+  text-decoration: underline; /* Underline on hover */
+}
+</style>
+
+# Parts Collection
+
+| BioBrick Part | Short Description | Part Type | Sequence | Assembly Compatibility | Designed By | Module | References |
+|---------------|-------------------|-----------|----------|-----------------------|-------------|--------|------------|
+| [Part 1](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | 21, 1000 | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
+| [Part 2](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | 21, 1000 | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |
+<!-- Repeat for additional parts -->