About Page Adjustments (#72)

about.py

@@ -97,7 +97,7 @@ def build_page():
             </ul>
             
             <p>
-                <em>Note: Cost values reflect pricing and infrastructure conditions at the time of each submission. We recognize that compute costs may change over time, and are actively working on methods to normalize cost data across submissions for fairer longitudinal comparisons.</em>
+                <em>Note: Cost values reflect pricing and infrastructure conditions at a fixed point in time. We recognize that compute costs may change over time and vary by provider, and are actively working on methods to keep costs up-to-date and normalized for fair comparisons.</em>
             </p>
             
             <h3>Coverage</h3>
@@ -117,14 +117,24 @@ def build_page():
         # --- Section 6: Learn More ---
         gr.HTML(
             """
-            <h2>Learn More</h2>
-            <ul class="info-list">
-                <li>AstaBench technical blog post</li>
-                <li>FAQ and submission guide</li>
-            </ul>
+            <div class="learn-more-section">
+                <h2>Learn More</h2>
+                <div class="link-buttons-container">
+                    
+                    <a href="https://allenai.org/blog/astabench" target="_blank" class="link-button">
+                        <span style="color:#0fcb8c;">AstaBench technical blog post</span>
+                        <span class="external-link-icon">↗</span>
+                    </a>
+                    
+                    <a href="/submit" target="_blank" class="link-button">
+                        <span style="color:#0fcb8c;">Submit an agent for evaluation</span>
+                        <span class="external-link-icon">↗</span>
+                    </a>
+                    
+                </div>
+            </div>
             """
         )
-
         # Floating feedback button
         floating_feedback_button_html = """
         <div>

content.py

@@ -516,7 +516,6 @@ span.wrap[tabindex="0"][role="button"][data-editable="false"] {
     color: white;
     border: none;
     border-radius: 4px;
-    margin: 5px 0 0 24px;
     padding: 15px 20px;
     font-size: 16px;
     cursor: pointer;
@@ -655,7 +654,35 @@ span.wrap[tabindex="0"][role="button"][data-editable="false"] {
     gap: 40px; 
     margin-top: 40px;
     opacity: 85%; 
+    margin-bottom: 60px;
 }
+.link-buttons-container {
+    display: flex;
+    flex-wrap: wrap; /* Allows buttons to stack on very narrow screens */
+    gap: 16px;     
+    margin-top: 16px;
+}
+.link-button {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-grow: 1; 
+    background-color: #083c40; 
+    padding: 16px 20px;
+    font-weight: 600;
+    border-radius: 12px;
+    text-decoration: none; 
+    transition: background-color 0.2s ease-in-out;
+}
+.link-button:hover {
+    background-color: #0a4c52; 
+}
+.external-link-icon {
+    font-size: 20px;
+    line-height: 1;
+    margin-left: 12px;
+}
+
 #leaderboard-accordion table {
     width: auto !important;
     margin-right: auto !important;