File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1- // Пока просто для возможных будущих интерактивов / анимаций
2-
31document . addEventListener ( 'DOMContentLoaded' , ( ) => {
4- // Пример: плавная прокрутка к секциям при клике
5- const links = document . querySelectorAll ( 'nav ul li a' ) ;
2+ // 🔽 Плавная прокрутка к якорям
3+ const links = document . querySelectorAll ( 'nav ul li a[href^="#"] ' ) ;
64 for ( const link of links ) {
7- link . addEventListener ( 'click' , function ( e ) {
5+ link . addEventListener ( 'click' , function ( e ) {
86 e . preventDefault ( ) ;
97 const targetId = this . getAttribute ( 'href' ) . substring ( 1 ) ;
108 const targetEl = document . getElementById ( targetId ) ;
119 if ( targetEl ) {
1210 window . scrollTo ( {
13- top : targetEl . offsetTop - 20 ,
11+ top : targetEl . offsetTop - 40 ,
1412 behavior : 'smooth'
1513 } ) ;
1614 }
1715 } ) ;
1816 }
17+
18+ // 🌓 Переключение темы
19+ const themeToggle = document . getElementById ( 'theme-toggle' ) ;
20+ const htmlEl = document . documentElement ;
21+
22+ themeToggle . addEventListener ( 'click' , ( ) => {
23+ const currentTheme = htmlEl . getAttribute ( 'data-theme' ) ;
24+ const newTheme = currentTheme === 'dark' ? 'light' : 'dark' ;
25+ htmlEl . setAttribute ( 'data-theme' , newTheme ) ;
26+ themeToggle . textContent = newTheme === 'dark' ? '🌙' : '☀️' ;
27+ } ) ;
1928} ) ;
You can’t perform that action at this time.
0 commit comments