update styles

website/static/style.css

@@ -306,7 +306,7 @@ kbd {
 }
 
 .hero-sub {
-  margin-top: 1.3rem;
+  margin-top: 2rem;
   color: var(--hero-muted);
   font-size: clamp(1rem, 2vw, 1.18rem);
   text-wrap: pretty;
@@ -331,12 +331,23 @@ kbd {
 }
 
 .hero-proof {
-  margin-top: 1.5rem;
+  margin-top: 0.5rem;
   color: var(--hero-proof);
   font-size: var(--text-sm);
   letter-spacing: 0.02em;
 }
 
+.hero-proof a {
+  color: var(--hero-text);
+  text-decoration: underline;
+  text-decoration-color: oklch(100% 0 0 / 0.25);
+  text-underline-offset: 0.2em;
+}
+
+.hero-proof a:hover {
+  text-decoration-color: oklch(100% 0 0 / 0.6);
+}
+
 .hero-category-nav {
   display: grid;
   grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr);

website/templates/index.html

@@ -24,22 +24,16 @@
 
     <div class="hero-grid">
       <div class="hero-copy">
-        <p class="hero-kicker">The field guide to the Python ecosystem</p>
+        <p class="hero-kicker">The definitive list that answers "I want to do X in Python, which tool should I use?"</p>
         <h1>Awesome Python</h1>
-        <p class="hero-sub">
-          {{ subtitle }}<br />Maintained by
-          <a href="https://github.com/vinta" target="_blank" rel="noopener"
-            >@vinta</a
-          >
+        <p class="hero-sub">{{ subtitle }}</p>
+        <p class="hero-proof">
+          {% if repo_stars %}{{ repo_stars }}+ stars on GitHub{% endif %} {% if repo_stars and build_date %}/{% endif %} {% if build_date %}Updated {{ build_date }}{% endif %} {% if repo_stars or
+          build_date %}/{% endif %} Maintained by
+          <a href="https://github.com/vinta" target="_blank" rel="noopener">@vinta</a>
           and
-          <a
-            href="https://github.com/JinyangWang27"
-            target="_blank"
-            rel="noopener"
-            >@JinyangWang27</a
-          >.
+          <a href="https://github.com/JinyangWang27" target="_blank" rel="noopener">@JinyangWang27</a>
         </p>
-
         <div class="hero-actions">
           <a
             href="#library-index"
@@ -55,14 +49,6 @@
             >View on GitHub</a
           >
         </div>
-
-        {% if repo_stars or build_date %}
-        <p class="hero-proof">
-          {% if repo_stars %}{{ repo_stars }}+ stars on GitHub{% endif %} {% if
-          repo_stars and build_date %}/{% endif %} {% if build_date %}Updated {{
-          build_date }}{% endif %}
-        </p>
-        {% endif %}
       </div>
     </div>