Skip to content

Commit 9fa1086

Browse files
klieretklieret
committed
Enh(viewer): Add links to header
1 parent 8b64c75 commit 9fa1086

4 files changed

Lines changed: 114 additions & 3 deletions

File tree

‎codeclash/viewer/static/css/style.css‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,38 @@ body {
9090
color: var(--accent-color);
9191
font-size: 1.75rem;
9292
font-weight: 600;
93+
margin-bottom: 0.25rem;
94+
}
95+
96+
.header-title-section {
97+
display: flex;
98+
flex-direction: column;
99+
gap: 0.25rem;
100+
}
101+
102+
.header-links {
103+
display: flex;
104+
align-items: center;
105+
gap: 0.5rem;
106+
flex-wrap: wrap;
107+
font-size: 0.875rem;
108+
}
109+
110+
.header-link {
111+
color: var(--text-muted);
112+
text-decoration: none;
113+
transition: color 0.2s ease;
114+
}
115+
116+
.header-link:hover {
117+
color: var(--accent-color);
118+
text-decoration: none;
119+
}
120+
121+
.header-link-separator {
122+
color: var(--text-muted);
123+
user-select: none;
124+
opacity: 0.5;
93125
}
94126

95127
.controls {
@@ -928,6 +960,15 @@ details summary {
928960
text-align: center;
929961
}
930962

963+
.header-title-section {
964+
align-items: center;
965+
text-align: center;
966+
}
967+
968+
.header-links {
969+
justify-content: center;
970+
}
971+
931972
.controls {
932973
justify-content: center;
933974
}

‎codeclash/viewer/templates/batch.html‎

Lines changed: 45 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,13 +42,44 @@
4242
margin-bottom: 2rem;
4343
}
4444

45+
.batch-header-title-section {
46+
display: flex;
47+
flex-direction: column;
48+
gap: 0.25rem;
49+
}
50+
4551
.batch-header h1 {
4652
margin: 0;
4753
font-size: 1.75rem;
4854
color: var(--accent-color);
4955
font-weight: 600;
5056
}
5157

58+
.batch-header-links {
59+
display: flex;
60+
align-items: center;
61+
gap: 0.5rem;
62+
flex-wrap: wrap;
63+
font-size: 0.875rem;
64+
}
65+
66+
.batch-header-link {
67+
color: var(--text-muted);
68+
text-decoration: none;
69+
transition: color 0.2s ease;
70+
}
71+
72+
.batch-header-link:hover {
73+
color: var(--accent-color);
74+
text-decoration: none;
75+
}
76+
77+
.batch-header-link-separator {
78+
color: var(--text-muted);
79+
user-select: none;
80+
opacity: 0.5;
81+
}
82+
5283
.back-link {
5384
color: var(--accent-color);
5485
text-decoration: none;
@@ -657,7 +688,20 @@
657688
<body>
658689
<div class="batch-container">
659690
<div class="batch-header">
660-
<h1><i class="bi bi-cloud"></i> AWS Batch Job Monitor</h1>
691+
<div class="batch-header-title-section">
692+
<h1><i class="bi bi-cloud"></i> AWS Batch Job Monitor</h1>
693+
<div class="batch-header-links">
694+
<a href="https://codeclash.ai/" target="_blank" rel="noopener noreferrer" class="batch-header-link">Leaderboard</a>
695+
<span class="batch-header-link-separator">•</span>
696+
<a href="https://github.com/codeclash-ai/codeclash" target="_blank" rel="noopener noreferrer" class="batch-header-link">GitHub</a>
697+
<span class="batch-header-link-separator">•</span>
698+
<a href="https://docs.codeclash.ai/" target="_blank" rel="noopener noreferrer" class="batch-header-link">Docs</a>
699+
<span class="batch-header-link-separator">•</span>
700+
<a href="https://join.slack.com/t/swe-bench/shared_invite/zt-36pj9bu5s-o3_yXPZbaH2wVnxnss1EkQ" target="_blank" rel="noopener noreferrer" class="batch-header-link">Slack</a>
701+
<span class="batch-header-link-separator">•</span>
702+
<a href="https://codeclash.ai/team/" target="_blank" rel="noopener noreferrer" class="batch-header-link">Team</a>
703+
</div>
704+
</div>
661705
<a href="{{ url_for('game_picker') }}" class="back-link">
662706
<i class="bi bi-arrow-left"></i> Back to Picker
663707
</a>

‎codeclash/viewer/templates/includes/header.html‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,19 @@
11
<header class="header">
22
<div class="header-content">
3-
<h1>CodeClash Trajectory Viewer</h1>
3+
<div class="header-title-section">
4+
<h1>CodeClash Trajectory Viewer</h1>
5+
<div class="header-links">
6+
<a href="https://codeclash.ai/" target="_blank" rel="noopener noreferrer" class="header-link">Leaderboard</a>
7+
<span class="header-link-separator">•</span>
8+
<a href="https://github.com/codeclash-ai/codeclash" target="_blank" rel="noopener noreferrer" class="header-link">GitHub</a>
9+
<span class="header-link-separator">•</span>
10+
<a href="https://docs.codeclash.ai/" target="_blank" rel="noopener noreferrer" class="header-link">Docs</a>
11+
<span class="header-link-separator">•</span>
12+
<a href="https://join.slack.com/t/swe-bench/shared_invite/zt-36pj9bu5s-o3_yXPZbaH2wVnxnss1EkQ" target="_blank" rel="noopener noreferrer" class="header-link">Slack</a>
13+
<span class="header-link-separator">•</span>
14+
<a href="https://codeclash.ai/team/" target="_blank" rel="noopener noreferrer" class="header-link">Team</a>
15+
</div>
16+
</div>
417

518
<div class="controls">
619
<!-- Navigation Buttons -->

‎codeclash/viewer/templates/includes/picker_header.html‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,19 @@
11
<header class="header">
22
<div class="header-content">
3-
<h1>CodeClash Trajectory Viewer</h1>
3+
<div class="header-title-section">
4+
<h1>CodeClash Trajectory Viewer</h1>
5+
<div class="header-links">
6+
<a href="https://codeclash.ai/" target="_blank" rel="noopener noreferrer" class="header-link">Leaderboard</a>
7+
<span class="header-link-separator">•</span>
8+
<a href="https://github.com/codeclash-ai/codeclash" target="_blank" rel="noopener noreferrer" class="header-link">GitHub</a>
9+
<span class="header-link-separator">•</span>
10+
<a href="https://docs.codeclash.ai/" target="_blank" rel="noopener noreferrer" class="header-link">Docs</a>
11+
<span class="header-link-separator">•</span>
12+
<a href="https://join.slack.com/t/swe-bench/shared_invite/zt-36pj9bu5s-o3_yXPZbaH2wVnxnss1EkQ" target="_blank" rel="noopener noreferrer" class="header-link">Slack</a>
13+
<span class="header-link-separator">•</span>
14+
<a href="https://codeclash.ai/team/" target="_blank" rel="noopener noreferrer" class="header-link">Team</a>
15+
</div>
16+
</div>
417

518
<div class="controls">
619
{% if not is_static %}

0 commit comments

Comments
 (0)