homepage/res/index.js

let selected = 'button-home';

const changeSelected = (buttonId) => {
    console.log(buttonId);
    A(`#${selected}`).removeClass('button-selected');
    A(`#${buttonId}`).addClass('button-selected');
    selected = buttonId;
};

const onButtonClick = (buttonId) => {
    changeSelected(buttonId);
    switch (buttonId) {
        case 'button-home': {
            A('#content-container').load('/pages/home.html');
            break;
        }
        case 'button-file-server': {
            window.location.href = 'https://files.hippoz.xyz/';
            break;
        }
        case 'button-git-server': {
            window.location.href = 'https://git.hippoz.xyz/';
            break;
        }
        case 'button-about-me': {
            A('#content-container').load('/pages/about.html');
            break;
        }
        case 'button-contact-me': {
            A('#content-container').load('/pages/contact.html');
            break;
        }
        default: {
            console.error('Invalid button id');
            return;
        }
    }
};

A(() => {
    A('#content-container').load('/pages/home.html');
    A('.navigation-buttons .button-default').each((el) => {
        A(el).on('click', () => {
            onButtonClick(el.id);
        });
    })
});