portfolio/script.js at main · arnavrdas/portfolio · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
function openLink(link) { window.open(link, '_blank') }

function toggleSection(section) {
    allButton.classList.remove('button-selected');
    skillsButton.classList.remove('button-selected');
    experienceButton.classList.remove('button-selected');
    projectsButton.classList.remove('button-selected');
    educationButton.classList.remove('button-selected');

    skills.classList.remove('show');
    experience.classList.remove('show');
    projects.classList.remove('show');
    education.classList.remove('show');

    skills.classList.add('hide')
    experience.classList.add('hide');
    projects.classList.add('hide');
    education.classList.add('hide');

    switch(section) {

        case 'all':
            allButton.classList.add('button-selected');
            experience.classList.remove('hide');
            education.classList.remove('hide');
            skills.classList.remove('hide');
            projects.classList.remove('hide');
            break;

        case 'skills':
            skillsButton.classList.add('button-selected');
            skills.classList.remove('hide');
            skills.classList.add('show');
            break;

        case 'experience':
            experienceButton.classList.add('button-selected');
            experience.classList.remove('hide');
            experience.classList.add('show');
            break;

        case 'projects':
            projectsButton.classList.add('button-selected');
            projects.classList.remove('hide');
            projects.classList.add('show');
            break;

        case 'education':
            educationButton.classList.add('button-selected');
            education.classList.remove('hide');
            education.classList.add('show');
            break;
    }

    document.getElementById('nav').scrollIntoView({
        behavior: 'smooth' // adds smooth scrolling
    });
}

document.addEventListener("click", (e) => {

    // Contacts
        if (e.target.id === 'cv') {
            fetch('resume/CV_Arnav_Das.pdf')
                .then(response => response.blob())
                .then(blob => {
                    const url = window.URL.createObjectURL(blob);
                    const a = document.createElement('a');
                    a.href = url;
                    a.download = 'CV_Arnav_Das.pdf';
                    document.body.appendChild(a);
                    a.click();
                    document.body.removeChild(a);
                    window.URL.revokeObjectURL(url);
                })
                .catch(error => console.error('Error downloading file:', error));
        }

    // Sections
        if (e.target.id === 'allButton')            { toggleSection('all'           ) }
        if (e.target.id === 'skillsButton')         { toggleSection('skills'        ) }
        if (e.target.id === 'experienceButton')     { toggleSection('experience'    ) }
        if (e.target.id === 'projectsButton')       { toggleSection('projects'      ) }
        if (e.target.id === 'educationButton')      { toggleSection('education'     ) }
})