update logo
4 changed files+73−26
web-ui/public/favicon.svgmodified+28−12View file
@@ -1,15 +1,31 @@
11 <?xml version="1.0" encoding="UTF-8"?>
22 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
3- <!-- Outer box -->
4- <rect x="4" y="4" width="24" height="24" stroke="#777777" stroke-width="1.5" fill="none"/>
5- <!-- Inner box (compressed) -->
6- <rect x="10" y="10" width="12" height="12" stroke="#2c2c2c" stroke-width="1.5" stroke-dasharray="2" fill="none"/>
7- <!-- Left arrow (pointing right) -->
8- <path d="M7 16 L13 16 L10 13 M13 16 L10 19" stroke="#2c2c2c" stroke-width="2" fill="none"/>
9- <!-- Right arrow (pointing left) -->
10- <path d="M25 16 L19 16 L22 13 M19 16 L22 19" stroke="#2c2c2c" stroke-width="2" fill="none"/>
11- <!-- Top arrow (pointing down) -->
12- <path d="M16 7 L16 13 L13 10 M16 13 L19 10" stroke="#2c2c2c" stroke-width="2" fill="none"/>
13- <!-- Bottom arrow (pointing up) -->
14- <path d="M16 25 L16 19 L13 22 M16 19 L19 22" stroke="#2c2c2c" stroke-width="2" fill="none"/>
3+ <!-- Background shape -->
4+ <rect width="32" height="32" rx="6" fill="#f8f9fa"/>
5+
6+ <!-- Scientific waveform representing data -->
7+ <path d="M6 16 L10 16 L12 12 L14 20 L16 12 L18 20 L20 16 L24 16"
8+ stroke="#2563eb"
9+ stroke-width="2"
10+ fill="none"
11+ stroke-linecap="round"
12+ stroke-linejoin="round"/>
13+
14+ <!-- Compression brackets -->
15+ <path d="M4 8 L4 24 L8 20 M8 12 L4 8"
16+ stroke="#1e40af"
17+ stroke-width="2"
18+ fill="none"
19+ stroke-linecap="round"
20+ stroke-linejoin="round"/>
21+
22+ <path d="M28 8 L28 24 L24 20 M24 12 L28 8"
23+ stroke="#1e40af"
24+ stroke-width="2"
25+ fill="none"
26+ stroke-linecap="round"
27+ stroke-linejoin="round"/>
28+
29+ <!-- Central dot -->
30+ <circle cx="16" cy="16" r="1.5" fill="#1e40af"/>
1531 </svg>
web-ui/public/logo.svgmodified+28−12View file
@@ -1,15 +1,31 @@
11 <?xml version="1.0" encoding="UTF-8"?>
22 <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
3- <!-- Outer box -->
4- <rect x="4" y="4" width="24" height="24" stroke="#777777" stroke-width="1.5" fill="none"/>
5- <!-- Inner box (compressed) -->
6- <rect x="10" y="10" width="12" height="12" stroke="#2c2c2c" stroke-width="1.5" stroke-dasharray="2" fill="none"/>
7- <!-- Left arrow (pointing right) -->
8- <path d="M7 16 L13 16 L10 13 M13 16 L10 19" stroke="#2c2c2c" stroke-width="2" fill="none"/>
9- <!-- Right arrow (pointing left) -->
10- <path d="M25 16 L19 16 L22 13 M19 16 L22 19" stroke="#2c2c2c" stroke-width="2" fill="none"/>
11- <!-- Top arrow (pointing down) -->
12- <path d="M16 7 L16 13 L13 10 M16 13 L19 10" stroke="#2c2c2c" stroke-width="2" fill="none"/>
13- <!-- Bottom arrow (pointing up) -->
14- <path d="M16 25 L16 19 L13 22 M16 19 L19 22" stroke="#2c2c2c" stroke-width="2" fill="none"/>
3+ <!-- Background shape -->
4+ <rect width="32" height="32" rx="6" fill="#f8f9fa"/>
5+
6+ <!-- Scientific waveform representing data -->
7+ <path d="M6 16 L10 16 L12 12 L14 20 L16 12 L18 20 L20 16 L24 16"
8+ stroke="#2563eb"
9+ stroke-width="2"
10+ fill="none"
11+ stroke-linecap="round"
12+ stroke-linejoin="round"/>
13+
14+ <!-- Compression brackets -->
15+ <path d="M4 8 L4 24 L8 20 M8 12 L4 8"
16+ stroke="#1e40af"
17+ stroke-width="2"
18+ fill="none"
19+ stroke-linecap="round"
20+ stroke-linejoin="round"/>
21+
22+ <path d="M28 8 L28 24 L24 20 M24 12 L28 8"
23+ stroke="#1e40af"
24+ stroke-width="2"
25+ fill="none"
26+ stroke-linecap="round"
27+ stroke-linejoin="round"/>
28+
29+ <!-- Central dot -->
30+ <circle cx="16" cy="16" r="1.5" fill="#1e40af"/>
1531 </svg>
web-ui/src/content/home-content.ymlmodified+2−1View file
@@ -1,7 +1,8 @@
11 title: Welcome to Benchcompress
22 description:
33 Benchcompress is an open-source project for comparing compression algorithms
4- on scientific data arrays.
4+ on scientific data arrays, with a special focus on electrophysiology
5+ recordings.
56
67 sections:
78 algorithms:
web-ui/src/pages/Home.tsxmodified+15−1View file
@@ -53,7 +53,21 @@ const SectionCard: React.FC<{ section: HomeSection }> = ({ section }) => {
5353 export default function Home() {
5454 return (
5555 <div style={{ maxWidth: "1200px", margin: "0 auto", padding: "2rem" }}>
56- <h1 style={{ marginBottom: "2rem" }}>{content.title}</h1>
56+ <h1
57+ style={{
58+ marginBottom: "2rem",
59+ display: "flex",
60+ alignItems: "center",
61+ gap: "1rem",
62+ }}
63+ >
64+ <img
65+ src={`${import.meta.env.BASE_URL}logo.svg`}
66+ alt="BenchCompress Logo"
67+ style={{ width: "40px", height: "auto" }}
68+ />
69+ {content.title}
70+ </h1>
5771
5872 <p
5973 style={{ fontSize: "1.1rem", lineHeight: "1.6", marginBottom: "2rem" }}