Remove section followers from website

Author: tutosrive

index.html

@@ -198,19 +198,6 @@ <h1 class="text-3xl font-bold inline">
             <section id="description" class="my-4"></section>
 
             <hr class="border-gray-800 border-2 my-2 w-full" />
-
-            <!-- Followers Carousel -->
-            <section id="followers" class="w-full flex flex-col items-center mx-auto mt-2">
-                <h2 class="block font-bold mb-5">Followers</h2>
-                <div class="w-full flex justify-center">
-                    <div class="flex items-center justify-center max-w-full w-auto">
-                        <!-- Carousel container: Only profile pictures -->
-                        <div id="followers-container" class="flex overflow-x-auto gap-2 snap-x snap-mandatory py-1 px-1 no-scrollbar w-auto">
-                            <!-- Followers will be injected here -->
-                        </div>
-                    </div>
-                </div>
-            </section>
         </main>
 
         <!-- Footer -->

src/assets/js/main.js

@@ -3,7 +3,6 @@ import PhotoSwipeLightbox from 'https://unpkg.com/photoswipe/dist/photoswipe-lig
 document.addEventListener('DOMContentLoaded', () => {
     loadDescription();
     loadRepos();
-    loadFollowers();
 });
 
 async function loadDescription() {
@@ -55,25 +54,6 @@ async function loadRepos() {
     }
 }
 
-/**
- * Load followers from GitHub API and display them as a horizontal avatar carousel.
- * Only the profile pictures are shown, as per the new design.
- */
-async function loadFollowers() {
-    const req = await fetch('https://api.github.com/users/Dev2Forge/followers');
-    const response = await req.json();
-    const container = document.querySelector('#followers-container');
-    response.forEach((follower) => {
-        const img = document.createElement('img');
-        img.src = follower.avatar_url;
-        img.alt = follower.login;
-        img.title = follower.login;
-        img.className = 'w-20 h-20 rounded-full object-cover snap-center border-2 border-gray-300 dark:border-gray-700 cursor-pointer transition hover:scale-110';
-        img.onclick = () => window.open(follower.html_url, '_blank');
-        container.appendChild(img);
-    });
-}
-
 async function loadConfigs() {
     const req = await fetch('src/assets/json/configs.json');
     const data = await req.json();