the dates are not centered and remove them inside the details

index.html

@@ -20,20 +20,14 @@
 
         <div class="timeline-wrapper" style="background: white; border-radius: 12px; padding: 2rem; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
             <div id="timeline-container" style="position: relative; min-height: 300px;">
-                <div style="position: relative; height: 4px; background: linear-gradient(to right, #ffd21e, #ff6b00); margin: 0 4rem; border-radius: 2px;">
-                    <div style="position: absolute; top: -24px; left: 0; transform: translateX(-50%); color: #888; font-weight: 500;">2020-2021</div>
-                    <div style="position: absolute; top: -24px; left: 33.33%; transform: translateX(-50%); color: #888; font-weight: 500;">2022</div>
-                    <div style="position: absolute; top: -24px; left: 66.66%; transform: translateX(-50%); color: #888; font-weight: 500;">2023-2024</div>
-                    <div style="position: absolute; top: -24px; left: 100%; transform: translateX(-50%); color: #888; font-weight: 500;">2025</div>
-                </div>
-<div style="display: flex; justify-content: space-between; padding: 0 3rem;">
-                    <!-- 2020-2021 -->
+                <div style="position: relative; height: 4px; background: linear-gradient(to right, #ffd21e, #ff6b00); margin: 0 6rem; border-radius: 2px;"></div>
+<div style="display: flex; justify-content: space-between; padding: 0 4rem;">
+<!-- 2020-2021 -->
                     <div class="timeline-item" style="width: 200px; position: relative;">
                         <div style="position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #ff6b00; border-radius: 50%; border: 3px solid white;"></div>
                         <div style="background: white; padding: 1.5rem; border-radius: 8px; margin-top: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
                             <h3 style="font-weight: 600; color: #ff6b00; margin: 0 0 0.5rem 0;">Foundation</h3>
-                            <p style="font-size: 0.875rem; color: #888; margin: 0 0 1rem 0;">2020-2021</p>
-                            <ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
+<ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
                                 <li>First release</li>
                                 <li>Git wrapper</li>
                                 <li>Token auth</li>
@@ -46,8 +40,7 @@
                         <div style="position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #ff6b00; border-radius: 50%; border: 3px solid white;"></div>
                         <div style="background: white; padding: 1.5rem; border-radius: 8px; margin-top: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
                             <h3 style="font-weight: 600; color: #ff6b00; margin: 0 0 0.5rem 0;">Git to HTTP</h3>
-                            <p style="font-size: 0.875rem; color: #888; margin: 0 0 1rem 0;">2022</p>
-                            <ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
+<ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
                                 <li>HTTP Commit API</li>
                                 <li>Git-aware cache</li>
                                 <li>Spaces</li>
@@ -60,8 +53,7 @@
                         <div style="position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #ff6b00; border-radius: 50%; border: 3px solid white;"></div>
                         <div style="background: white; padding: 1.5rem; border-radius: 8px; margin-top: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
                             <h3 style="font-weight: 600; color: #ff6b00; margin: 0 0 0.5rem 0;">API Expansion</h3>
-                            <p style="font-size: 0.875rem; color: #888; margin: 0 0 1rem 0;">2023-2024</p>
-                            <ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
+<ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
                                 <li>Inference API</li>
                                 <li>Community features</li>
                                 <li>Collections</li>
@@ -74,8 +66,7 @@
                         <div style="position: absolute; top: -14px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #ff6b00; border-radius: 50%; border: 3px solid white;"></div>
                         <div style="background: white; padding: 1.5rem; border-radius: 8px; margin-top: 1.5rem; box-shadow: 0 2px 8px rgba(0,0,0,0.05);">
                             <h3 style="font-weight: 600; color: #ff6b00; margin: 0 0 0.5rem 0;">Xet Protocol</h3>
-                            <p style="font-size: 0.875rem; color: #888; margin: 0 0 1rem 0;">2025</p>
-                            <ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
+<ul style="padding-left: 1rem; margin: 0; font-size: 0.875rem; color: #555; line-height: 1.6;">
                                 <li>Chunk storage</li>
                                 <li>77PB+ migrated</li>
                                 <li>Faster transfers</li>