Minor fixes

Author: john-b-yang

data/team.json

@@ -19,7 +19,7 @@
             "affiliation": "Cornell University"
         },
         {
-            "name": "Carlos E. Jimenez",
+            "name": "Carlos Jimenez",
             "role": "Contributor",
             "link": "https://www.carlosejimenez.com/#about",
             "affiliation": "Princeton University"

static/css/core.css

@@ -7,7 +7,7 @@
  * Design tokens and CSS variables
  */
 :root {
-  --bg: #ffffff;
+  --bg: #fdfdfd;
   --fg: #0b0b0b;
   --border: #e5e7eb;
   --accent: #00cc66;
@@ -24,7 +24,7 @@
   /* Font sizes */
   --text-xs: 0.7rem;    /* 12px */
   --text-sm: 0.8rem;   /* 14px */
-  --text-base: 0.95rem;     /* 16px */
+  --text-base: 0.9rem;     /* 16px */
   --text-md: 1.125rem;   /* 18px */
   --text-lg: 1.25rem;    /* 20px */
   --text-xl: 1.5rem;     /* 24px */
@@ -52,7 +52,7 @@
 }
 
 :root[data-theme="light"] {
-    --bg: #ffffff;
+    --bg: #fdfdfd;
     --fg: #0b0b0b;
     --muted: #5a5f66;
     --border: #e5e7eb;
@@ -83,13 +83,19 @@
 .text-3xl { font-size: var(--text-3xl); }
 
 .hero {
-  background: linear-gradient(to right, #92b4f8, #4289a7);
   display: flex;
   flex-direction: column;
-  height: 150px;
+  height: 100px;
   justify-content: center;
   margin-bottom: 1em;
-  padding: 2rem;
+  padding: 1em 0 1em 2.25em;
+  font-family: var(--font-anta);
+  font-size: var(--text-2xl);
+  background: linear-gradient(135deg, #fdfdfd 0%, #fdfdfd 20%, #01552b 100%);
+}
+
+:root[data-theme="dark"] .hero {
+  background: linear-gradient(135deg, #0b0b0b 0%, #0b0b0b 20%, #026134 100%);
 }
 
 /* Logo styling for dark mode */

static/css/homepage.css

@@ -22,7 +22,7 @@
 
 .hsubtext {
     font-size: var(--text-md);
-    color: var(--muted);
+    font-weight: var(--weight-semibold);
     margin: 0.5em 0 2em 0;
 }
 

static/css/layout.css

@@ -14,6 +14,17 @@ body {
     margin: 0 auto;
 }
 
+a {
+    color: var(--fg);
+    text-decoration: none;
+    border-bottom: 1px solid transparent;
+}
+
+a:hover {
+    color: var(--accent);
+    border-bottom-color: var(--accent);
+}
+
 .container { margin-bottom: 2em; }
 
 .img-insight {
@@ -51,6 +62,9 @@ nav {
     display: flex;
     align-items: center;
     gap: 1rem;
+    font-family: var(--font-anta);
+    font-weight: var(--weight-semibold);
+    font-size: var(--text-lg);
 }
 
 .nav-links {
@@ -59,21 +73,6 @@ nav {
     gap: 1rem;
 }
 
-.nav-links li {
-    border-bottom: 2px solid transparent;
-    transition: opacity 0.3s, border-bottom-color 0.3s;
-}
-
-.nav-links li:hover {
-    opacity: 0.7;
-    border-bottom-color: currentColor;
-}
-
-.nav-links a {
-    text-decoration: none;
-    color: inherit;
-}
-
 .nav-right {
     display: flex;
     align-items: center;
@@ -135,6 +134,7 @@ nav {
     background: transparent;
     border: 1px solid var(--border);
     transition: border-color 0.15s ease;
+    padding: 0 0.5em;
 }
 
 .bordered:hover {
@@ -175,14 +175,8 @@ nav {
 
 /* Insights */
 .insight-card {
-    text-decoration: none;
-    padding-bottom: 1.5em;
-    color: inherit;
-}
-
-.insight-card * {
-    text-decoration: none;
-    color: inherit;
+    padding-bottom: 2em;
+    line-height: 1.4;
 }
 
 .insight-card p {
@@ -236,30 +230,13 @@ nav {
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
 }
 
-.arena-link {
-    text-decoration: none;
-    color: inherit;
-}
-
 .arena-title {
-    background: linear-gradient(currentColor 0 0) 0 100% / 0 1px no-repeat;
     transition: background-size 0.3s;
     margin: 0 auto;
+    margin-top: 0.75em;
     font-weight: var(--weight-semibold);
     font-size: var(--text-md);
-}
-
-.arena-link:hover .arena-title {
-    background-size: 100% 1px;
-}
-
-.arena-card img {
-    height: 50px;     /* fixed height */
-    width: auto;       /* keep original aspect ratio */
-    max-width: 100%;   /* never exceed container width */
-    display: block;
-    margin: 1em auto;
-    object-fit: contain;
+    letter-spacing: -0.03em;
 }
 
 @media (max-width: 900px) {

templates/_topnav.html

@@ -1,8 +1,6 @@
 <nav>
     <div class="nav-left">
-        <a href="/">
-            <span>CodeClash</span>
-        </a>
+        <a href="/"><span>CodeClash</span></a>
     </div>
     <div class="nav-right">
         <ul class="nav-links">

templates/arena.html

@@ -43,7 +43,7 @@ <h2 style="margin: 0 auto;">
 
 <div style="width: 75%; margin: 0 auto;">
   <hr style="margin:1.5em auto;"/>
-  <h3>Leaderboard</h3>
+  <h2>Leaderboard</h2>
   {% include "_leaderboard.html" %}
   <hr style="margin:1.5em auto;"/>
   {{page.html|safe}}

templates/arenas.html

@@ -2,17 +2,23 @@
 
 {% block content %}
 <div class="hero">
-    <h1>Code Arenas</h1>
+    <h1>Arenas</h1>
 </div>
 
 <div class="arenas-container">
     <div class="arenas-grid">
         {%- for page in pages | sort(attribute='title') %}
-        <a href="{{ url_for("page", path=page.path) }}" class="arena-link">
+        <a href="{{ url_for("page", path=page.path) }}">
             <div class="arena-card">
-                <img src="{{ page.logo }}" alt="{{ page.title }}">
-                <p class="arena-title">{{ page.title }}</p>
-                <p style="margin: 0.35em 0 0.65em 0;width:90%;">{{ page.description }}</p>
+                <p class="arena-title">
+                    <img
+                        src="{{ page.logo }}"
+                        alt="{{ page.title }}"
+                        class="img-inline"
+                        style="height:1.5rem;margin-right: 0em;"
+                    > {{ page.title }}
+                </p>
+                <p style="margin: 0.35em 0 0.65em 0;width:80%;">{{ page.description }}</p>
             </div>
         </a>
         {%- endfor %}

templates/index.html

@@ -26,7 +26,7 @@
     <div>
         <p class="hsubtitle" style="margin-top: 0em;">Features</p>
         <div>
-            <div class="hfeature">
+            <div class="hfeature bordered">
                 <span>
                     <img src="/static/images/misc/target.svg" />
                     Goals, not tasks
@@ -37,7 +37,7 @@
                     decide for themselves what to build.
                 </p>
             </div>
-            <div class="hfeature">
+            <div class="hfeature bordered">
                 <span>
                     <img src="/static/images/misc/rewind.svg" />
                     Progress, not perfection
@@ -48,7 +48,7 @@
                     and make all high- to low-level decisions.
                 </p>
             </div>
-            <div class="hfeature">
+            <div class="hfeature bordered">
                 <span>
                     <img src="/static/images/misc/sword.svg" />
                     Competition, not unit tests
@@ -122,20 +122,20 @@
     </p>
 </section>
 <div class="h3columns">
-    <div class="hfeature">
+    <div class="hfeature bordered">
         <span><img src="/static/images/misc/profile.svg" /> Far from Humans</span>
         <p class="subtext">
             On RobotRumble, the worst human solution still beats the best LM by miles.
             Read <a href="/insights/20251105_human_ai/">more</a>.
         </p>
     </div>
-    <div class="hfeature">
+    <div class="hfeature bordered">
         <span><img src="/static/images/misc/loop.svg" /> Unable to Iterate</span>
         <p class="subtext">
             Models struggle to improve over rounds, exhibiting a variety of failure modes.
         </p>
     </div>
-    <div class="hfeature">
+    <div class="hfeature bordered">
         <span><img src="/static/images/misc/cube.svg" /> Decaying codebases</span>
         <p class="subtext">
             Model codebases accumulate tech debt and become messy rapidly.
@@ -147,7 +147,7 @@
 <hr class="hborder" />
 
  <section class="hsection" style="text-align: center;margin-bottom: 2em;">
-    <p>CodeClash is fully open-source</p>
+    <p>CodeClash is fully open-source. Happy Clashing!</p>
     <div class="cta-buttons">
         <a href="https://arxiv.org/abs/2511.00839" class="cta-button primary">Read the Paper</a>
         <a href="https://github.com/CodeClash-ai/CodeClash" class="cta-button">View on GitHub</a>

templates/team.html

@@ -27,7 +27,6 @@ <h1>Team</h1>
 <h3 style="margin: 1.5em 0 1em 0">Get in Touch</h3>
 <span>
 We're excited about future work on CodeClash!
-<br><br>
 Have suggestions or ideas? Please open an issue or pull request on our
 <a href="https://github.com/CodeClash-ai/CodeClash">GitHub repository</a>.
 <br><br>