11-tabs-project updated

Author: john-smilga

11-about/final/app.js renamed to 11-tabs/final/app.js

@@ -6,14 +6,14 @@ about.addEventListener("click", function (e) {
   if (id) {
     // remove selected from other buttons
     btns.forEach(function (btn) {
-      btn.classList.remove("selected");
+      btn.classList.remove("active");
     });
-    e.target.classList.add("selected");
+    e.target.classList.add("active");
     // hide other articles
     articles.forEach(function (article) {
-      article.classList.remove("selected");
+      article.classList.remove("active");
     });
     const element = document.getElementById(id);
-    element.classList.add("selected");
+    element.classList.add("active");
   }
 });

11-about/final/hero-bcg.jpeg renamed to 11-tabs/final/hero-bcg.jpeg

@@ -25,13 +25,13 @@ <h2>about</h2>
         <article class="about">
           <!-- btn container -->
           <div class="btn-container">
-            <button class="tab-btn selected" data-id="history">history</button>
+            <button class="tab-btn active" data-id="history">history</button>
             <button class="tab-btn" data-id="vision">vision</button>
             <button class="tab-btn" data-id="goals">goals</button>
           </div>
           <div class="about-content">
             <!-- single item -->
-            <div class="content selected" id="history">
+            <div class="content active" id="history">
               <h4>history</h4>
               <p>
                 I'm baby wolf pickled schlitz try-hard normcore marfa man bun

11-about/final/index.html renamed to 11-tabs/final/index.html

@@ -250,9 +250,9 @@ About
 .content {
   display: none;
 }
-.tab-btn.selected {
+.tab-btn.active {
   background: var(--clr-white);
 }
-.content.selected {
+.content.active {
   display: block;
 }