Refactor: Remove progress bar implementation from carousel; clean up related code in carousel.js and CSS

Author: Greigh

public/assets/css/components/carousel.css

@@ -120,20 +120,3 @@
   flex-direction: column;
   align-items: center;
 }
-
-/* Visual indicator for current position */
-.carousel-progress {
-  height: 4px;
-  width: 80%;
-  background-color: rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
-  margin: 0 auto 1rem;
-  overflow: hidden;
-}
-
-.carousel-progress-bar {
-  height: 100%;
-  background-color: var(--accent-color);
-  transition: width 0.5s ease-in-out;
-  border-radius: 2px;
-}

public/assets/js/index.js

@@ -110,8 +110,6 @@ function renderProjects(projects = []) {
 
 // Render skills
 function renderSkills(skills) {
-  console.log('Skills data received:', skills); // Debug log
-
   if (!skills) {
     console.error('No skills data provided');
     return;
@@ -124,8 +122,6 @@ function renderSkills(skills) {
     '.skills-group:nth-child(2) .skills-grid'
   );
 
-  console.log('Grid elements:', { technicalGrid, professionalGrid }); // Debug log
-
   if (!technicalGrid || !professionalGrid) {
     console.error('Skills grid elements not found', {
       technicalGrid: !!technicalGrid,

public/assets/js/utils/carousel.js

@@ -123,18 +123,6 @@ export class Carousel {
     }
   }
 
-  createProgressBar(container) {
-    const progressContainer = document.createElement('div');
-    progressContainer.className = 'carousel-progress';
-
-    this.progressBar = document.createElement('div');
-    this.progressBar.className = 'carousel-progress-bar';
-    this.progressBar.style.width = `${(1 / this.totalSlides) * 100}%`;
-
-    progressContainer.appendChild(this.progressBar);
-    container.appendChild(progressContainer);
-  }
-
   getItemsPerSlide() {
     const viewportWidth = window.innerWidth;