kiitians/script.js at main · ritesh-chauhan0x1/kiitians · GitHub

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
40
41
42
43
44
45
46
47
48
49
50
51
// Wait for the DOM to be fully loaded
document.addEventListener('DOMContentLoaded', () => {
    // Instagram link handling - just set the href attribute
    const instagramLink = document.getElementById('instagram-link');
    if (instagramLink) {
        instagramLink.setAttribute('href', 'https://instagram.com/riteshchauhan_15');
    }

    // GitHub link handling - just set the href attribute
    const githubLink = document.getElementById('github-link');
    if (githubLink) {
        githubLink.setAttribute('href', 'https://github.com/ritesh-chauhan0x1');
    }

    // Make sure all feature items are immediately visible but the dropdown is closed
    const featureItems = document.querySelectorAll('.upcoming-features li');
    if (featureItems.length > 0) {
        featureItems.forEach(item => {
            item.style.opacity = '1';
            item.style.transform = 'translateX(0)';
        });
    }

    // Dropdown functionality
    const dropdownButton = document.getElementById('updates-dropdown');
    const dropdownContent = document.getElementById('dropdown-content');

    if (dropdownButton && dropdownContent) {
        // Set up click handler for the dropdown button
        dropdownButton.addEventListener('click', () => {
            // Toggle the dropdown content visibility
            if (dropdownContent.style.display === 'block') {
                dropdownContent.style.display = 'none';
                dropdownButton.classList.remove('active');
            } else {
                dropdownContent.style.display = 'block';
                dropdownButton.classList.add('active');
            }
        });

        // Close the dropdown if the user clicks outside of it
        window.addEventListener('click', (event) => {
            if (!event.target.matches('.dropdown-button') &&
                !event.target.matches('.dropdown-button *') &&
                dropdownContent.style.display === 'block') {
                dropdownContent.style.display = 'none';
                dropdownButton.classList.remove('active');
            }
        });
    }
});