main.js 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. // Language selector
  2. (function () {
  3. var btn = document.querySelector('.lang-btn');
  4. var popup = document.querySelector('.lang-popup');
  5. if (!btn || !popup) return;
  6. btn.addEventListener('click', function (e) {
  7. e.stopPropagation();
  8. popup.classList.toggle('open');
  9. });
  10. document.addEventListener('click', function () {
  11. popup.classList.remove('open');
  12. });
  13. popup.addEventListener('click', function (e) {
  14. var link = e.target.closest('[data-lang]');
  15. if (!link) return;
  16. e.preventDefault();
  17. var lang = link.getAttribute('data-lang');
  18. localStorage.setItem('preferred-lang', lang);
  19. var path = window.location.pathname;
  20. var newPath = path.replace(/^\/[a-z]{2}\//, '/' + lang + '/');
  21. window.location.href = newPath;
  22. });
  23. })();
  24. // Theme toggle
  25. (function () {
  26. var btn = document.querySelector('.theme-toggle');
  27. if (!btn) return;
  28. function getTheme() {
  29. var stored = localStorage.getItem('preferred-theme');
  30. if (stored) return stored;
  31. return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
  32. }
  33. function applyTheme(theme) {
  34. if (theme === 'light') {
  35. document.documentElement.setAttribute('data-theme', 'light');
  36. } else {
  37. document.documentElement.removeAttribute('data-theme');
  38. }
  39. btn.textContent = theme === 'light' ? '\u2600\uFE0F' : '\uD83C\uDF19';
  40. }
  41. applyTheme(getTheme());
  42. btn.addEventListener('click', function () {
  43. var current = getTheme();
  44. var next = current === 'dark' ? 'light' : 'dark';
  45. localStorage.setItem('preferred-theme', next);
  46. applyTheme(next);
  47. });
  48. })();
  49. // Mobile sidebar toggle
  50. (function () {
  51. var toggle = document.querySelector('.sidebar-toggle');
  52. var sidebar = document.querySelector('.sidebar');
  53. if (!toggle || !sidebar) return;
  54. toggle.addEventListener('click', function () {
  55. sidebar.classList.toggle('open');
  56. });
  57. document.addEventListener('click', function (e) {
  58. if (!sidebar.contains(e.target) && e.target !== toggle) {
  59. sidebar.classList.remove('open');
  60. }
  61. });
  62. })();