document.addEventListener('DOMContentLoaded', () => {
// Add Favicon
const favicon = document.createElement('link');
favicon.rel = 'icon';
favicon.href = 'https://konn3kt.teallvbs.xyz/logo.jpeg';
document.head.appendChild(favicon);
// Generate Sidebar HTML
const sidebarHtml = `
`;
const sidebar = document.createElement('aside');
sidebar.className = 'sidebar';
sidebar.innerHTML = sidebarHtml;
document.querySelector('.layout').insertBefore(sidebar, document.querySelector('.main-content'));
// Highlight active link
const path = window.location.pathname.split('/').pop();
const currentPage = path.replace('.html', '') || 'index';
const activeLink = document.querySelector(`.nav-item[data-page="${currentPage}"]`);
if (activeLink) {
activeLink.classList.add('active');
}
// Add Footer
const footer = document.createElement('footer');
footer.innerHTML = `
`;
document.querySelector('.main-content').appendChild(footer);
// Mobile toggle
const toggleBtn = document.createElement('button');
toggleBtn.className = 'mobile-toggle';
toggleBtn.innerHTML = 'Menu';
document.body.appendChild(toggleBtn);
toggleBtn.addEventListener('click', () => sidebar.classList.toggle('open'));
});
