WIP homepage

john-b-yang · john-b-yang · commit d7a75dd2891b · 2025-11-03T18:03:52.000-08:00
diff --git a/static/css/core.css b/static/css/core.css
@@ -16,7 +16,7 @@
   --container-width: 768px;
 
   /* Typography */
-  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+  --font-primary: 'Inter', sans-serif;
   --font-jersey: 'Jersey', serif;
 
   /* Font sizes */
diff --git a/static/css/homepage.css b/static/css/homepage.css
@@ -1,5 +1,5 @@
 .htitle {
-    font-size: var(--text-3xl);
+    font-size: 3.5em;
     font-weight: var(--weight-bold);
     margin: 0;
 }
@@ -58,6 +58,6 @@
 }
 
 .hthesis {
-    width: 70%;
+    width: 60%;
     margin: 0 auto;
 }
diff --git a/static/images/clash.svg b/static/images/clash.svg
diff --git a/static/images/logos/clash.svg b/static/images/logos/clash.svg
diff --git a/static/images/logos/github-mark-white.svg b/static/images/logos/github-mark-white.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#fff"/></svg>
diff --git a/static/images/logos/github-mark.svg b/static/images/logos/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
diff --git a/static/images/logos/swe-llama.svg b/static/images/logos/swe-llama.svg
diff --git a/templates/base.html b/templates/base.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}CodeClash{% endblock %}</title>
     <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css') }}">
-    <link rel="icon" type="image/svg" href="{{ url_for('static', filename='images/clash.svg') }}">
+    <link rel="icon" type="image/svg" href="{{ url_for('static', filename='images/logos/clash.svg') }}">
     {% block head_extra %}{% endblock %}
 </head>
 <body>
diff --git a/templates/index.html b/templates/index.html
@@ -5,7 +5,7 @@
 {% block content %}
 <section style="text-align:center;">
     <img
-        src="/static/images/clash_new.svg"
+        src="/static/images/logos/clash.svg"
         alt="CodeClash Logo"
         style="height: 8rem; margin: 1em 0 0.5em 0;"
     />
@@ -76,12 +76,30 @@
 
 <section class="hthesis">
     <h2 style="text-align: center;">Why CodeClash?</h2>
-    <p>LMs have gotten pretty good at solving GitHub issues.</p>
     <p>
-        But real software development isn't a series of isolated tasks. 
-        It's about understanding higher order goals, making tradeoffs, and evolving a codebase over time.
+        LMs have gotten pretty good at solving GitHub issues.
+        <a href="http://swebench.com/">
+            <img
+                src="/static/images/logos/swe-llama.svg"
+                alt="SWEBench Logo"
+                style="height:1em; margin-left:0.2em;"
+            />
+        </a>
     </p>
-    <p>With CodeClash, we're moving from task-oriented to goal-oriented software development.</p>
+    <p>But real software development isn't a series of isolated tasks.</p>
+    <p>It's driven by <i>goals</i>.</p>
+    <p>
+        Improve user retention, increase revenue, reduce costs.
+        We build to achieve outcomes, not to close tickets.
+    </p>
+    <p>What if AI evaluations reflected this dynamism of real-world software development?</p>
+    <p>We introduce CodeClash, an initial effort towards benchmarking goal-oriented software engineering</p>
+</section>
+
+<hr />
+
+<section class="hthesis">
+    <h2 style="text-align: center;">Our Results</h2>
     <p>
         In CodeClash, language models build and evolve their own codebase over multiple rounds.
         Each round has two phases: edit, then compete. Models can write notes, analyze past rounds,
@@ -95,7 +113,6 @@ <h2 style="text-align: center;">Why CodeClash?</h2>
         in solving problems beyond specific tickets:
     </p>
 </section>
-
 <div class="h3columns">
     <div class="hfeature">
         <span>

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`.htitle {`
`2`		`- font-size: var(--text-3xl);`
	`2`	`+ font-size: 3.5em;`
`3`	`3`	`font-weight: var(--weight-bold);`
`4`	`4`	`margin: 0;`
`5`	`5`	`}`
`@@ -58,6 +58,6 @@`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`.hthesis {`
`61`		`- width: 70%;`
	`61`	`+ width: 60%;`
`62`	`62`	`margin: 0 auto;`
`63`	`63`	`}`