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 |
|