Skip to content

Commit bd7802a

Browse files
john-smilgajohn-smilga
committed
11-tabs-project updated
1 parent 8b091d8 commit bd7802a

9 files changed

Lines changed: 8 additions & 8 deletions

File tree

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ about.addEventListener("click", function (e) {
66
if (id) {
77
// remove selected from other buttons
88
btns.forEach(function (btn) {
9-
btn.classList.remove("selected");
9+
btn.classList.remove("active");
1010
});
11-
e.target.classList.add("selected");
11+
e.target.classList.add("active");
1212
// hide other articles
1313
articles.forEach(function (article) {
14-
article.classList.remove("selected");
14+
article.classList.remove("active");
1515
});
1616
const element = document.getElementById(id);
17-
element.classList.add("selected");
17+
element.classList.add("active");
1818
}
1919
});

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

File renamed without changes.

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,13 +25,13 @@ <h2>about</h2>
2525
<article class="about">
2626
<!-- btn container -->
2727
<div class="btn-container">
28-
<button class="tab-btn selected" data-id="history">history</button>
28+
<button class="tab-btn active" data-id="history">history</button>
2929
<button class="tab-btn" data-id="vision">vision</button>
3030
<button class="tab-btn" data-id="goals">goals</button>
3131
</div>
3232
<div class="about-content">
3333
<!-- single item -->
34-
<div class="content selected" id="history">
34+
<div class="content active" id="history">
3535
<h4>history</h4>
3636
<p>
3737
I'm baby wolf pickled schlitz try-hard normcore marfa man bun

11-about/setup/styles.css renamed to 11-tabs/final/styles.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -250,9 +250,9 @@ About
250250
.content {
251251
display: none;
252252
}
253-
.tab-btn.selected {
253+
.tab-btn.active {
254254
background: var(--clr-white);
255255
}
256-
.content.selected {
256+
.content.active {
257257
display: block;
258258
}

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

File renamed without changes.

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

File renamed without changes.

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

File renamed without changes.

11-about/final/styles.css renamed to 11-tabs/setup/styles.css

File renamed without changes.

11-about/setup/utils.html renamed to 11-tabs/setup/utils.html

File renamed without changes.

0 commit comments

Comments
 (0)