-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscript.js
More file actions
39 lines (36 loc) · 1.24 KB
/
Copy pathscript.js
File metadata and controls
39 lines (36 loc) · 1.24 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
// Smooth scroll for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Navigation background on scroll
const nav = document.querySelector('.nav');
window.addEventListener('scroll', () => {
if (window.scrollY > 100) {
nav.style.background = 'rgba(10, 10, 11, 0.95)';
} else {
nav.style.background = 'rgba(10, 10, 11, 0.9)';
}
});
// Poem expand functionality
document.querySelectorAll('.poem-expand-btn').forEach(btn => {
btn.addEventListener('click', function() {
const card = this.closest('.poem-card-expandable');
const content = card.querySelector('.poem-content-collapsed');
if (content.classList.contains('expanded')) {
content.classList.remove('expanded');
this.textContent = 'Read more';
} else {
content.classList.add('expanded');
this.textContent = 'Show less';
}
});
});