jsulz HF Staff commited on
Commit
719f263
·
1 Parent(s): 0727c42

touch ups - thanks Claude for some CSS help

Browse files
Files changed (2) hide show
  1. index.html +5 -3
  2. 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, 50);
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
- console.log(file_rows);
 
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.9), 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, 0.9), 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,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: 1440px;
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