Spaces:
Running
Running
touch ups - thanks Claude for some CSS help
Browse files- index.html +5 -3
- style.css +9 -3
index.html
CHANGED
@@ -116,7 +116,7 @@
|
|
116 |
currentProgress++;
|
117 |
progressBar.style.width = `${currentProgress}%`;
|
118 |
progressBar.textContent = `${currentProgress}%`;
|
119 |
-
setTimeout(animateProgressBar,
|
120 |
}
|
121 |
}
|
122 |
animateProgressBar();
|
@@ -167,7 +167,6 @@
|
|
167 |
scales: {
|
168 |
y: {
|
169 |
min: 0,
|
170 |
-
max: maxCount,
|
171 |
ticks: { stepSize: 100000 }
|
172 |
},
|
173 |
x: {
|
@@ -191,9 +190,12 @@
|
|
191 |
//
|
192 |
// Donut chart for large files
|
193 |
//
|
194 |
-
|
|
|
195 |
lfs_file_count = file_rows[file_rows.length - 1].lfs_files;
|
196 |
xet_file_count = file_rows[file_rows.length - 1].xet_files;
|
|
|
|
|
197 |
// Initialize donut chart
|
198 |
const donutChartCtx = document.getElementById('largeFilesChart').getContext('2d');
|
199 |
let donutChart = new Chart(donutChartCtx, {
|
|
|
116 |
currentProgress++;
|
117 |
progressBar.style.width = `${currentProgress}%`;
|
118 |
progressBar.textContent = `${currentProgress}%`;
|
119 |
+
setTimeout(animateProgressBar, 75);
|
120 |
}
|
121 |
}
|
122 |
animateProgressBar();
|
|
|
167 |
scales: {
|
168 |
y: {
|
169 |
min: 0,
|
|
|
170 |
ticks: { stepSize: 100000 }
|
171 |
},
|
172 |
x: {
|
|
|
190 |
//
|
191 |
// Donut chart for large files
|
192 |
//
|
193 |
+
|
194 |
+
// Set up donut chart data
|
195 |
lfs_file_count = file_rows[file_rows.length - 1].lfs_files;
|
196 |
xet_file_count = file_rows[file_rows.length - 1].xet_files;
|
197 |
+
|
198 |
+
|
199 |
// Initialize donut chart
|
200 |
const donutChartCtx = document.getElementById('largeFilesChart').getContext('2d');
|
201 |
let donutChart = new Chart(donutChartCtx, {
|
style.css
CHANGED
@@ -26,13 +26,13 @@ body::before {
|
|
26 |
background-image:
|
27 |
radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, 0.8), transparent),
|
28 |
radial-gradient(1px 1px at 40px 70px, rgba(255, 255, 255, 0.6), transparent),
|
29 |
-
radial-gradient(1px 1px at 90px 40px, rgba(255, 255, 255, 0
|
30 |
radial-gradient(1px 1px at 130px 80px, rgba(255, 255, 255, 0.4), transparent),
|
31 |
radial-gradient(1px 1px at 160px 30px, rgba(255, 255, 255, 0.7), transparent),
|
32 |
radial-gradient(1px 1px at 200px 90px, rgba(255, 255, 255, 0.5), transparent),
|
33 |
radial-gradient(1px 1px at 240px 50px, rgba(255, 255, 255, 0.8), transparent),
|
34 |
radial-gradient(1px 1px at 280px 10px, rgba(255, 255, 255, 0.6), transparent),
|
35 |
-
radial-gradient(1px 1px at 320px 70px, rgba(255, 255, 255, 0
|
36 |
radial-gradient(1px 1px at 360px 40px, rgba(255, 255, 255, 0.4), transparent);
|
37 |
background-repeat: repeat;
|
38 |
background-size: 400px 100px;
|
@@ -186,6 +186,12 @@ body::after {
|
|
186 |
transition: transform 0.3s ease, opacity 0.3s ease;
|
187 |
}
|
188 |
|
|
|
|
|
|
|
|
|
|
|
|
|
189 |
.hero-logo:hover {
|
190 |
transform: scale(1.1);
|
191 |
opacity: 1;
|
@@ -242,7 +248,7 @@ body::after {
|
|
242 |
position: relative;
|
243 |
display: flex;
|
244 |
gap: 32px;
|
245 |
-
max-width:
|
246 |
margin: 40px auto;
|
247 |
padding: 20px;
|
248 |
|
|
|
26 |
background-image:
|
27 |
radial-gradient(1px 1px at 20px 30px, rgba(255, 255, 255, 0.8), transparent),
|
28 |
radial-gradient(1px 1px at 40px 70px, rgba(255, 255, 255, 0.6), transparent),
|
29 |
+
radial-gradient(1px 1px at 90px 40px, rgba(255, 255, 255, 1.0), transparent),
|
30 |
radial-gradient(1px 1px at 130px 80px, rgba(255, 255, 255, 0.4), transparent),
|
31 |
radial-gradient(1px 1px at 160px 30px, rgba(255, 255, 255, 0.7), transparent),
|
32 |
radial-gradient(1px 1px at 200px 90px, rgba(255, 255, 255, 0.5), transparent),
|
33 |
radial-gradient(1px 1px at 240px 50px, rgba(255, 255, 255, 0.8), transparent),
|
34 |
radial-gradient(1px 1px at 280px 10px, rgba(255, 255, 255, 0.6), transparent),
|
35 |
+
radial-gradient(1px 1px at 320px 70px, rgba(255, 255, 255, 1.0), transparent),
|
36 |
radial-gradient(1px 1px at 360px 40px, rgba(255, 255, 255, 0.4), transparent);
|
37 |
background-repeat: repeat;
|
38 |
background-size: 400px 100px;
|
|
|
186 |
transition: transform 0.3s ease, opacity 0.3s ease;
|
187 |
}
|
188 |
|
189 |
+
.hero-logo-right {
|
190 |
+
height: 100px;
|
191 |
+
padding: 0 0 10px 0;
|
192 |
+
margin-left: -10px;
|
193 |
+
}
|
194 |
+
|
195 |
.hero-logo:hover {
|
196 |
transform: scale(1.1);
|
197 |
opacity: 1;
|
|
|
248 |
position: relative;
|
249 |
display: flex;
|
250 |
gap: 32px;
|
251 |
+
max-width: 1820px;
|
252 |
margin: 40px auto;
|
253 |
padding: 20px;
|
254 |
|