Skip to content

Commit 9e558de

Browse files
xhuang31xhuang31
committed
initial website
1 parent 81f6c95 commit 9e558de

File tree

110 files changed

+15713
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

110 files changed

+15713
-0
lines changed

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
www.swebench.com

‎citations.html‎

Lines changed: 360 additions & 0 deletions
Large diffs are not rendered by default.

‎contact.html‎

Lines changed: 218 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,218 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Contact SWE-bench Team</title>
7+
<link rel="stylesheet" href="css/main.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
9+
<script
10+
async
11+
src="https://www.googletagmanager.com/gtag/js?id=G-H9XFCMDPNS"
12+
></script>
13+
<script>
14+
window.dataLayer = window.dataLayer || [];
15+
function gtag() {
16+
dataLayer.push(arguments);
17+
}
18+
gtag("js", new Date());
19+
20+
gtag("config", "G-H9XFCMDPNS");
21+
</script>
22+
23+
<link rel="icon" href="favicon.ico" type="image/x-icon">
24+
25+
</head>
26+
<body>
27+
<div class="sidebar-overlay"></div>
28+
<header class="mobile-header">
29+
<a href="/" class="mobile-logo"><img src="img/swe-llama.svg" alt="SWE-bench logo" class="sidebar-logo-icon">SWE-bench</a>
30+
<button class="sidebar-opener" aria-label="Open menu">
31+
<i class="fas fa-bars"></i>
32+
</button>
33+
</header>
34+
35+
<aside class="sidebar">
36+
<div class="sidebar-header">
37+
<a href="/" class="sidebar-logo">DEEP Lab</a>
38+
<button class="mobile-nav-toggle" aria-label="Close menu">
39+
<i class="fas fa-times"></i>
40+
</button>
41+
</div>
42+
<nav class="sidebar-nav">
43+
<ul>
44+
<li><a href="index.html" class="nav-link" data-page="index">Leaderboards</a></li>
45+
<li><a href="https://github.com/DEEP-PolyU/Awesome-GraphRAG" class="nav-link" data-page="verified">Survey <i class="fas fa-external-link-alt"></i></a></li>
46+
<li><a href="https://github.com/chensyCN/Agentic-RAG" class="nav-link" data-page="verified">Agentic RAG <i class="fas fa-external-link-alt"></i></a></li>
47+
<li><a href="https://web.comp.polyu.edu.hk/xiaohuang/deeplab.html" class="nav-link" data-page="verified">Contact <i class="fas fa-external-link-alt"></i></a></li>
48+
<li class="nav-section-title">RAG Models</li>
49+
50+
</ul>
51+
</nav>
52+
<div class="sidebar-footer">
53+
<a href="https://github.com/DEEP-PolyU" target="_blank" rel="noopener noreferrer">
54+
<i class="fab fa-github"></i>
55+
</a>
56+
&nbsp;
57+
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle dark mode">
58+
<i class="fas fa-moon"></i>
59+
</button>
60+
</div>
61+
</aside>
62+
63+
<div class="main-content">
64+
65+
<header class="page-header">
66+
<div class="container">
67+
<h1>Contact Us</h1>
68+
</div>
69+
</header>
70+
71+
<section class="container">
72+
<div class="content-section">
73+
<div class="contact-container">
74+
<p>For general inquiries about SWE-bench, please email:</p>
75+
<p>
76+
<a href="mailto:[email protected],[email protected]">{[email protected], [email protected]}</a>
77+
</p>
78+
</div>
79+
</div>
80+
</section>
81+
82+
83+
<footer class="footer">
84+
<div class="container">
85+
<div class="footer-content">
86+
<div class="footer-copyright">
87+
&copy; 2025 Data Exploring and Extracting @ PolyU (DEEP Lab). All rights reserved.
88+
</div>
89+
<div class="footer-links">
90+
<a href="https://github.com/DEEP-PolyU" target="_blank">GitHub</a>
91+
<a href="https://arxiv.org/pdf/2501.13958" target="_blank">Paper</a>
92+
</div>
93+
</div>
94+
</div>
95+
</footer>
96+
</div>
97+
98+
<!-- Common JS files -->
99+
<script src="js/mainResults.js"></script>
100+
<script src="js/citation.js"></script>
101+
<script src="js/citationFormat.js"></script>
102+
103+
<!-- Page-specific JS files will be injected here -->
104+
105+
106+
<script>
107+
function initTheme() {
108+
const themeToggle = document.getElementById('theme-toggle');
109+
const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)');
110+
const storedTheme = localStorage.getItem('theme');
111+
112+
if (storedTheme === 'dark' || (!storedTheme && prefersDarkScheme.matches)) {
113+
document.body.classList.add('dark-mode');
114+
}
115+
116+
if (themeToggle) {
117+
themeToggle.addEventListener('click', () => {
118+
document.body.classList.toggle('dark-mode');
119+
120+
const isDarkMode = document.body.classList.contains('dark-mode');
121+
localStorage.setItem('theme', isDarkMode ? 'dark' : 'light');
122+
});
123+
}
124+
125+
prefersDarkScheme.addEventListener('change', (e) => {
126+
if (!localStorage.getItem('theme')) {
127+
if (e.matches) {
128+
document.body.classList.add('dark-mode');
129+
} else {
130+
document.body.classList.remove('dark-mode');
131+
}
132+
}
133+
});
134+
}
135+
136+
document.addEventListener('DOMContentLoaded', function() {
137+
initTheme();
138+
139+
const currentPath = window.location.pathname;
140+
const currentPage = currentPath.split('/').pop().split('.')[0] || 'index';
141+
142+
const navLinks = document.querySelectorAll('.nav-link');
143+
navLinks.forEach(link => {
144+
const linkPage = link.getAttribute('data-page');
145+
if (linkPage === currentPage) {
146+
link.classList.add('active');
147+
}
148+
149+
if (currentPage === 'index' && window.location.hash) {
150+
const currentHash = window.location.hash.substring(1);
151+
if (linkPage === currentHash) {
152+
link.classList.add('active');
153+
}
154+
}
155+
});
156+
157+
const sidebarOpener = document.querySelector('.sidebar-opener');
158+
const sidebarCloser = document.querySelector('.sidebar .mobile-nav-toggle');
159+
const sidebar = document.querySelector('.sidebar');
160+
const overlay = document.querySelector('.sidebar-overlay');
161+
162+
if ((sidebarOpener || sidebarCloser) && sidebar && overlay) {
163+
function toggleMenu() {
164+
sidebar.classList.toggle('open');
165+
overlay.classList.toggle('active');
166+
}
167+
168+
function openMenu() {
169+
sidebar.classList.add('open');
170+
overlay.classList.add('active');
171+
}
172+
173+
function closeMenu() {
174+
sidebar.classList.remove('open');
175+
overlay.classList.remove('active');
176+
}
177+
178+
if (sidebarOpener) {
179+
sidebarOpener.addEventListener('click', function(e) {
180+
e.preventDefault();
181+
openMenu();
182+
});
183+
}
184+
185+
if (sidebarCloser) {
186+
sidebarCloser.addEventListener('click', function(e) {
187+
e.preventDefault();
188+
closeMenu();
189+
});
190+
}
191+
192+
overlay.addEventListener('click', function(e) {
193+
e.preventDefault();
194+
closeMenu();
195+
});
196+
197+
navLinks.forEach(link => {
198+
link.addEventListener('click', () => {
199+
if (sidebar.classList.contains('open')) {
200+
closeMenu();
201+
}
202+
});
203+
});
204+
205+
document.addEventListener('keydown', function(e) {
206+
if (e.key === 'Escape' && sidebar.classList.contains('open')) {
207+
closeMenu();
208+
}
209+
});
210+
}
211+
});
212+
</script>
213+
214+
215+
<!-- Optional page-specific scripts -->
216+
217+
</body>
218+
</html>

‎css/README.md‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
# SWE-bench CSS Architecture
2+
3+
This CSS architecture follows a simplified component-based approach with a focus on maintainability and reusability.
4+
5+
## Structure
6+
7+
```
8+
css/
9+
|
10+
|– core.css # Core styles (variables, fonts, typography, base)
11+
|– layout.css # Layout components (grid, containers, spacing)
12+
|– components.css # UI components (buttons, forms, tables, cards)
13+
|– pages.css # Page-specific styles
14+
|– utilities.css # Utility classes
15+
|– vendors/ # Third-party CSS
16+
| |– normalize.css # Normalize.css (reset)
17+
|
18+
|– dmsans/ # DM Sans font files
19+
|
20+
`– main.css # Primary CSS file that imports all modules
21+
```
22+
23+
## Usage
24+
25+
All styles are imported through the main.css file. Individual CSS files are modular and focus on a specific category of styles.
26+
27+
## Design Tokens
28+
29+
Global design tokens are defined in the core.css file, including:
30+
31+
- Colors
32+
- Typography
33+
- Spacing
34+
- Border radius
35+
- Shadows
36+
- Z-index
37+
- Animations/transitions
38+
39+
## Naming Conventions
40+
41+
- Component-based naming convention is used for component classes
42+
- Utility classes follow a consistent pattern:
43+
- `.d-` for display utilities
44+
- `.m-` and `.p-` for margin and padding
45+
- `.text-` for text utilities
46+
- `.bg-` for background colors
47+
- `.border-` for border utilities
48+
- `.position-` for positioning utilities
49+
50+
## Responsive Design
51+
52+
The layout is mobile-first with breakpoints:
53+
54+
- Small: up to 576px
55+
- Medium: 577px to 768px
56+
- Large: 769px to 992px
57+
- X-Large: 993px and up
58+
59+
## Advantages of This Architecture
60+
61+
1. **Simplified structure**: Reduces the number of files while maintaining separation of concerns
62+
2. **Easier maintenance**: Related styles are grouped together
63+
3. **Reduced file size**: Less duplication and overhead
64+
4. **Better organization**: Clear categorization of styles
65+
5. **Faster development**: Utility classes enable rapid prototyping

0 commit comments

Comments
 (0)