Skip to content

Commit 79548e3

Browse files
ShvrthShvrth
authored
Update index.html
1 parent 7021014 commit 79548e3

File tree

1 file changed

+88
-63
lines changed

1 file changed

+88
-63
lines changed

‎index.html‎

Lines changed: 88 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>AnimalHaze3K Dataset</title>
6+
<title>AnimalHaze3K Dataset Documentation</title>
77
<style>
88
:root {
99
--primary-green: #2b6f5c;
@@ -15,54 +15,65 @@
1515

1616
body {
1717
font-family: 'Inter', system-ui, -apple-system, sans-serif;
18-
line-height: 1.6;
1918
margin: 0;
20-
padding: 2rem;
21-
background-color: var(--background-light);
19+
min-height: 100vh;
20+
background:
21+
linear-gradient(rgba(238, 233, 233, 0.2), rgba(192, 189, 189, 0.6)),
22+
url('https://cdn.magicdecor.in/com/2023/02/29174642/image-1690620998-8101.jpg') center/cover fixed;
2223
color: var(--text-dark);
2324
}
2425

25-
.container {
26-
max-width: 1000px;
26+
.main-wrapper {
27+
max-width: 1200px;
2728
margin: 0 auto;
28-
background: rgb(235, 249, 214);
29-
padding: 2.5rem;
29+
padding: 4rem 2rem;
30+
}
31+
32+
.content-container {
33+
background: rgba(255, 255, 255, 0.2);
34+
background: rgba(255, 255, 255, 0.2); /* Reduced opacity from 0.85 */
35+
backdrop-filter: blur(2px); /* Reduced blur radius from 8px */
3036
border-radius: 16px;
31-
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
37+
padding: 3rem;
38+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
39+
border: 1px solid rgba(255, 255, 255, 0.3);
3240
}
3341

3442
.header-row {
3543
display: flex;
3644
justify-content: space-between;
3745
align-items: center;
38-
margin-bottom: 2rem;
46+
margin-bottom: 2.5rem;
47+
flex-wrap: wrap;
48+
gap: 1.5rem;
3949
}
4050

4151
h1 {
4252
color: var(--primary-green);
43-
font-size: 2.2rem;
53+
font-size: 2.5rem;
4454
margin: 0;
45-
font-weight: 600;
46-
letter-spacing: -0.5px;
55+
font-weight: 700;
56+
letter-spacing: -0.75px;
57+
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
4758
}
4859

4960
.dataset-stats {
50-
background: #f0f7f5;
51-
padding: 1.8rem;
61+
background: rgba(248, 250, 249, 0.6);
62+
padding: 2rem;
5263
border-radius: 12px;
53-
margin: 2rem 0;
54-
border: 1px solid rgba(43, 111, 92, 0.1);
64+
margin: 2.5rem 0;
65+
border: 1px solid rgba(43, 111, 92, 0.15);
5566
}
5667

5768
.structure-wrapper {
5869
font-family: 'JetBrains Mono', monospace;
59-
background: #f0f7f5;
70+
background: rgba(248, 250, 249, 0.6);
6071
color: var(--text-dark);
6172
padding: 1.5rem;
6273
border-radius: 8px;
6374
overflow-x: auto;
6475
white-space: pre;
65-
border: 1px solid #e0e7e5;
76+
border: 1px solid rgba(224, 231, 229, 0.8);
6677
}
6778

6879
.top-links {
@@ -75,13 +86,14 @@
7586
text-decoration: none;
7687
color: white;
7788
background: linear-gradient(135deg, var(--primary-green), var(--secondary-blue));
78-
padding: 0.8rem 1.8rem;
89+
padding: 0.9rem 2rem;
7990
border-radius: 8px;
8091
font-weight: 500;
81-
transition: transform 0.2s, box-shadow 0.2s;
92+
transition: all 0.25s ease;
8293
display: flex;
8394
align-items: center;
84-
gap: 0.5rem;
95+
gap: 0.75rem;
96+
box-shadow: 0 2px 8px rgba(58, 122, 140, 0.2);
8597
}
8698

8799
.dataset-link svg {
@@ -92,14 +104,26 @@
92104

93105
.dataset-link:hover {
94106
transform: translateY(-2px);
95-
box-shadow: 0 4px 15px rgba(58, 122, 140, 0.25);
107+
box-shadow: 0 4px 16px rgba(58, 122, 140, 0.3);
108+
opacity: 0.95;
96109
}
97110

98111
@media (max-width: 768px) {
112+
.main-wrapper {
113+
padding: 2rem 1rem;
114+
}
115+
116+
.content-container {
117+
padding: 2rem;
118+
}
119+
99120
.header-row {
100121
flex-direction: column;
101122
align-items: flex-start;
102-
gap: 1.5rem;
123+
}
124+
125+
h1 {
126+
font-size: 2rem;
103127
}
104128

105129
.top-links {
@@ -109,53 +133,53 @@
109133

110134
.dataset-link {
111135
justify-content: center;
112-
text-align: center;
113136
}
114137
}
115138
</style>
116139
</head>
117140
<body>
118-
<div class="container">
119-
<div class="header-row">
120-
<h1>AnimalHaze3K Dataset</h1>
121-
<div class="top-links">
122-
<a href="https://huggingface.co/datasets/shvrth/AnimalHaze3k"
123-
class="dataset-link"
124-
target="_blank">
125-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
126-
Hugging Face
127-
</a>
128-
<a href="https://huggingface.co/datasets/shvrth/AnimalHaze3k/resolve/main/AnimalHaze3K.tar"
129-
class="dataset-link"
130-
download
131-
target="_blank">
132-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 20h14v-2H5v2zm7-18L5.33 8.67 6 10l6-4 6 4 .67-1.33L12 2z"/></svg>
133-
Download Dataset
134-
</a>
141+
<div class="main-wrapper">
142+
<div class="content-container">
143+
<div class="header-row">
144+
<h1>AnimalHaze3K Dataset</h1>
145+
<div class="top-links">
146+
<a href="https://huggingface.co/datasets/shvrth/AnimalHaze3k"
147+
class="dataset-link"
148+
target="_blank">
149+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
150+
Hugging Face
151+
</a>
152+
<a href="https://huggingface.co/datasets/shvrth/AnimalHaze3k/resolve/main/AnimalHaze3K.tar"
153+
class="dataset-link"
154+
download
155+
target="_blank">
156+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 20h14v-2H5v2zm7-18L5.33 8.67 6 10l6-4 6 4 .67-1.33L12 2z"/></svg>
157+
Download Dataset
158+
</a>
159+
</div>
135160
</div>
136-
</div>
137161

138-
<!-- Rest of your content remains the same -->
139-
<div class="dataset-description">
140-
<p>AnimalHaze3k is an image dehazing dataset focused on animal subjects in diverse environments. Contains 4,636 carefully curated images across three splits:</p>
141-
</div>
142-
<div class="dataset-stats">
143-
<ul>
144-
<li><strong>Training Set:</strong>
145-
<br>1,041 clean reference images
146-
<br>3,123 hazy counterparts</li>
147-
<li><strong>Test Set:</strong>
148-
<br>59 clean images
149-
<br>177 hazy versions</li>
150-
<li><strong>Validation Set:</strong>
151-
<br>59 clean images
152-
<br>177 hazy versions</li>
153-
</ul>
154-
</div>
162+
<div class="dataset-description">
163+
<h3>AnimalHaze3k is an image dehazing dataset focused on animal subjects in diverse environments. Contains 4,636 carefully curated images across three splits:</h3>
164+
</div>
165+
166+
<div class="dataset-stats">
167+
<ul>
168+
<li><strong>Training Set:</strong>
169+
<br>1,041 clean reference images
170+
<br>3,123 hazy counterparts</li>
171+
<li><strong>Test Set:</strong>
172+
<br>59 clean images
173+
<br>177 hazy versions</li>
174+
<li><strong>Validation Set:</strong>
175+
<br>59 clean images
176+
<br>177 hazy versions</li>
177+
</ul>
178+
</div>
155179

156-
<div class="structure-section">
157-
<h2>Directory Structure</h2>
158-
<div class="structure-wrapper">
180+
<div class="structure-section">
181+
<h2>Directory Structure</h2>
182+
<div class="structure-wrapper">
159183
AnimalHaze3k/
160184
├── train/
161185
│ ├── train_hazy
@@ -166,6 +190,7 @@ <h2>Directory Structure</h2>
166190
└── val/
167191
├── val_hazy
168192
└── val_clean
193+
</div>
169194
</div>
170195
</div>
171196
</div>

0 commit comments

Comments
 (0)