Tech4Bio2025.github.io/script.js at main · marinetech/Tech4Bio2025.github.io · 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
document.addEventListener('DOMContentLoaded', function () {
    function showContent(page) {

        const homeDiv = document.getElementById('home-header'); // use querySelector for class
        const contentDiv = document.querySelector('.content'); // use querySelector for class

        if (homeDiv) {
            if (page === 'Home') {
                homeDiv.innerHTML = `
                <div class="home-header">
                    <h2>Tech4Bio 2025</h2>
                    <p>11th Haifa Conference in Marine Sciences</p>
                    <h3>October 21-22, 2025</h3>
                </div>
                `;
            } else {
                homeDiv.innerHTML = ``;
            }
        }

        if (page === 'Home') {
            document.querySelector('.background-top-demos').style.transform = 'translateY(0%)';
            //document.querySelector('.content').style.top = '30%';

        } else {
            document.querySelector('.background-top-demos').style.transform = 'translateY(0%)';
            //document.querySelector('.content').style.top = '30%';
        }

        if (contentDiv) {
            if (page === 'Home') {
                contentDiv.innerHTML = `<home-page></home-page>`;
            } else if (page === 'CallForAbstracts') {
                contentDiv.innerHTML = `<call-for-abstracts-page></call-for-abstracts-page>`;
            } else if (page === 'OrganizingCommittee') {
                contentDiv.innerHTML = `<organizing-committee-page></organizing-committee-page>`;
            } else if (page === 'KeynoteSpeakers') {
                contentDiv.innerHTML = `<keynote-speakers-page></keynote-speakers-page>`;
            } else if (page === 'SocialEvent') {
                contentDiv.innerHTML = `<social-event-page></social-event-page>`;
            } else if (page === 'VenueAndTraveling') {
                contentDiv.innerHTML = `<venue-and-traveling-page></venue-and-traveling-page>`;
            } else if (page === 'Demos') {
                contentDiv.innerHTML = `<demos-page></demos-page>`;
            } else if (page === 'Register') {
                contentDiv.innerHTML = `<register-page></register-page>`;
            } else if (page === 'Sponsors') {
                contentDiv.innerHTML = `<sponsors-page></sponsors-page>`;
            }
        } else {
            console.error("Content div not found.");
        }
    }
    window.showContent = showContent; // Assign function to window so html onclick can use it.
});

document.querySelector('.hamburger-menu').addEventListener('click', function() {
    document.querySelector('.menu').classList.toggle('active');
});