Add links to github/slack

Author: klieret

static/css/layout.css

@@ -79,14 +79,32 @@ nav {
     gap: 0.5rem;
 }
 
+.nav-right .icon-btn,
+.nav-right .theme-toggle {
+    padding: 0.25rem;
+    margin-left: 0;
+}
+
+.nav-right .nav-links {
+    margin-right: 1rem;
+}
+
 .icon-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    padding: 0;
+    padding: 0.5rem;
     border: none;
     background: none;
     cursor: pointer;
+    transition: opacity 0.2s;
+    transform: translateY(-2px);
+    border-bottom: none;
+}
+
+.icon-btn:hover {
+    opacity: 0.7;
+    border-bottom: none;
 }
 
 /* Theme toggle */
@@ -129,6 +147,15 @@ nav {
     display: none;
 }
 
+/* Social icons - adapt to theme */
+:root[data-theme="dark"] .icon-btn img {
+    filter: invert(1);
+}
+
+:root[data-theme="light"] .icon-btn img {
+    filter: none;
+}
+
 /* Leaderboard Table */
 .bordered {
     background: transparent;

static/images/logos/slack.svg

@@ -10,10 +10,17 @@
             <a href=""><li>Docs</li></a>
             <a href="/team/"><li>Team</li></a>
         </ul>
+        <a href="https://github.com/codeclash-ai/codeclash" class="icon-btn" aria-label="GitHub" title="Check out our code on GitHub" target="_blank" rel="noopener noreferrer">
+            <img src="/static/images/logos/github-mark.svg" class="theme-icon" alt="GitHub" />
+        </a>
+        <a href="https://join.slack.com/t/swe-bench/shared_invite/zt-36pj9bu5s-o3_yXPZbaH2wVnxnss1EkQ" class="icon-btn" aria-label="Slack" title="Join us on Slack" target="_blank" rel="noopener noreferrer">
+            <img src="/static/images/logos/slack.svg" class="theme-icon" alt="Slack" />
+        </a>
         <button
             id="theme-toggle"
             class="theme-toggle"
             aria-label="Toggle theme"
+            title="Toggle dark/bright mode"
         >
             <img src="/static/images/misc/sun.svg" class="theme-icon sun-icon" alt="Light mode" />
             <img src="/static/images/misc/moon.svg" class="theme-icon moon-icon" alt="Dark mode" />