Add logo for paper section and github link on main page

_pages/projects.md

@@ -7,15 +7,28 @@ permalink: /paper/
 <section class="fc-projects-page">
   <div class="fc-projects-hero">
     <h1>Paper</h1>
-    <p>Read the Frontier-CS benchmark paper.</p>
+    <p>Read the Frontier-CS research papers.</p>
   </div>
 
   <div class="fc-project-card-grid">
     <a class="fc-project-card" href="https://arxiv.org/abs/2512.15699" target="_blank" rel="noopener noreferrer">
+      <div class="fc-project-card-logo fc-project-card-logo-wide">
+        <img src="{{ '/assets/img/papers/frontier-cs-logo.png' | relative_url }}" alt="Frontier-CS logo">
+      </div>
       <p class="fc-project-card-kicker">Paper</p>
-      <h2>Paper</h2>
+      <h2>Frontier-CS</h2>
       <p>Read the benchmark paper for methodology, task design, model results, and analysis.</p>
       <span>Read paper ↗</span>
     </a>
+
+    <a class="fc-project-card" href="https://arxiv.org/abs/2605.14445" target="_blank" rel="noopener noreferrer">
+      <div class="fc-project-card-logo fc-project-card-logo-mark">
+        <img src="{{ '/assets/img/papers/frontiersmith-logo.png' | relative_url }}" alt="FrontierSmith logo">
+      </div>
+      <p class="fc-project-card-kicker">Paper</p>
+      <h2>FrontierSmith</h2>
+      <p>Synthesizing open-ended coding problems at scale from closed-ended seeds, with results on Frontier-CS and ALE-bench.</p>
+      <span>Read paper ↗</span>
+    </a>
   </div>
 </section>

_sass/_anthropic.scss

@@ -577,6 +577,7 @@ h4 { font-size: var(--fc-fs-h4); font-weight: 580 !important; letter-spacing: -0
   box-shadow: none !important;
   background: var(--fc-industrial-panel) !important;
   padding: 2rem !important;
+  min-height: 27rem !important;
   display: flex !important;
   flex-direction: column !important;
   gap: 0.6rem !important;
@@ -598,6 +599,51 @@ h4 { font-size: var(--fc-fs-h4); font-weight: 580 !important; letter-spacing: -0
   margin: 0 !important;
 }
 
+.fc-project-card-logo {
+  position: relative !important;
+  width: 100% !important;
+  height: 9.35rem !important;
+  display: grid !important;
+  place-items: center !important;
+  overflow: hidden !important;
+  margin: -0.35rem 0 0.9rem !important;
+  padding: 1rem 1.1rem 1.25rem !important;
+  border: 0 !important;
+  border-radius: 8px !important;
+  background:
+    radial-gradient(circle at 50% 26%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.48) 48%, rgba(247, 250, 254, 0.18) 72%),
+    linear-gradient(180deg, rgba(229, 236, 247, 0.34), rgba(229, 236, 247, 0.08)) !important;
+}
+
+.fc-project-card-logo::after {
+  content: "" !important;
+  position: absolute !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: 0 !important;
+  height: 1px !important;
+  background: linear-gradient(90deg, transparent, rgba(116, 133, 158, 0.24), transparent) !important;
+}
+
+.fc-project-card-logo img {
+  display: block !important;
+  width: auto !important;
+  height: auto !important;
+  max-width: 100% !important;
+  max-height: 100% !important;
+  object-fit: contain !important;
+}
+
+.fc-project-card-logo-wide img {
+  width: 96% !important;
+  max-height: 5.25rem !important;
+}
+
+.fc-project-card-logo-mark img {
+  max-width: 78% !important;
+  max-height: 8.25rem !important;
+}
+
 .fc-project-card h2 {
   font-size: 1.375rem !important;
   font-weight: 580 !important;

index.md

@@ -32,6 +32,7 @@ permalink: /
     </div>
     <p class="fc-release-link">→ Read our blog <a href="{{ '/blog/feb-release/' | relative_url }}">here</a>.</p>
     <p class="fc-release-link">→ Read our paper <a href="{{ '/blog/feb-release/' | relative_url }}">here</a>.</p>
+    <p class="fc-release-link">→ View our GitHub <a href="https://github.com/FrontierCS/Frontier-CS" target="_blank" rel="noopener noreferrer">here</a>.</p>
   </div>
 
   <div class="fc-terminal-card" aria-label="Frontier-CS Harbor agent evaluation preview">