diff --git a/index.html b/index.html index 846cf93..5002d67 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,41 @@ - + + + + +

Модальное окно

+
Loading...
+
+
+ +
+ Первое +

Эта разница, вероятно, помогает объяснить, почему бобовая руда своеобразна. + Иольдиевая глина благоприятно переоткладывает железистый перенос, где на поверхность выведены + кристаллические структуры фундамента. +

+
+
+ Второе +

Альпийская складчатость слагает отсортированный ийолит-уртит, поскольку непосредственно + мантийные струи не наблюдаются. Происхождение, но если принять для простоты некоторые докущения, отмыто. + Базальтовый слой занимает плейстоцен. +

+
+
+ Третье +

Несомненный интерес представляет и тот факт, что минерализация складчата. + Криптархей изменяет девонский грязевой вулкан. Извержение разогревает фирн. Отличительной чертой поверхности, + сложенной излияниями очень текучей лавы, является то, что надвиг изменяет кремнистый сдвиг. +

+
+
+
+ + + \ No newline at end of file diff --git a/index.js b/index.js index dd50919..7eb8323 100644 --- a/index.js +++ b/index.js @@ -4,4 +4,33 @@ const element = document.querySelector('.myElement'); element.style.color = 'red'; element.style.width = '300px'; -*/ \ No newline at end of file +*/ +for (const logo of document.querySelectorAll('.logo')) { + logo.style.width < logo.style.height ? logo.style.height = '100px' : logo.style.width = '100px'; +} + +const modalElement = document.getElementById('modal'); +modalElement.showModal(); + +const closeButton = document.getElementById('close'); +closeButton.addEventListener('click', () => modalElement.close()); + + +const bar = document.querySelector('.progress .bar'); +let progress = 0; +let iter = () => { + if (progress !== 100) { + progress += 1; + bar.style.width = `${progress}%`; + let timerId = setTimeout(iter, 30); + } +} +setTimeout(iter, 30) + +const accordion = document.getElementsByClassName('container'); + +for (i=0; i