first webbie!!

js/gallery.js

@@ -0,0 +1,12 @@
+document.addEventListener('DOMContentLoaded', () => {
+  const galleryContainer = document.getElementById('gallery-container');
+  const totalImages = 50; // number of images you want to load
+
+  for (let i = 1; i <= totalImages; i++) {
+    const img = document.createElement('img');
+    img.src = `gallery/${i}.jpg`;  // assuming .jpg extension, change if needed
+    img.alt = `Image ${i}`;
+    img.onerror = () => { img.style.display = 'none'; }; // hide broken images
+    galleryContainer.appendChild(img);
+  }
+});

js/hideBroken.js

@@ -0,0 +1,7 @@
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('img').forEach(img => {
+    img.onerror = () => {
+      img.style.display = 'none';
+    };
+  });
+});

js/tabs.js

@@ -0,0 +1,17 @@
+document.addEventListener('DOMContentLoaded', () => {
+ 
+  const tabs = document.querySelectorAll('.tab-content');
+  tabs.forEach(tab => tab.style.display = 'none'); 
+  const aboutTab = document.getElementById('about');
+  if (aboutTab) aboutTab.style.display = 'block';   
+
+  const buttons = document.querySelectorAll('#top-line button');
+  buttons.forEach(button => {
+    button.addEventListener('click', () => {
+      const targetId = button.id.replace('-btn', '');
+      tabs.forEach(tab => tab.style.display = 'none');
+      const targetTab = document.getElementById(targetId);
+      if (targetTab) targetTab.style.display = 'block';
+    });
+  });
+});