From c9a2ba3ef6cfbf58cce36ecaabdb13e79b1f88f6 Mon Sep 17 00:00:00 2001 From: Robert Malikov Date: Tue, 8 Apr 2025 18:00:38 +0500 Subject: [PATCH 1/7] 1 --- index.html | 9 ++++++++- styles.css | 17 +++++++++++++++++ 2 files changed, 25 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 846cf93..3fdc3cb 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,14 @@ - +
+
+ +
+
+ +
+
\ No newline at end of file diff --git a/styles.css b/styles.css index e69de29..5342e65 100644 --- a/styles.css +++ b/styles.css @@ -0,0 +1,17 @@ +.logo-container { + display: flex; + justify-content: space-around; +} + +.logo-wrapper { + display: flex; + align-items: center; + width: 100px; + height: 100px; + background-color: #e1e1e1; + overflow: hidden; +} + +.logo-wrapper img { + max-width: 100%; +} \ No newline at end of file From 5db12a49d19a1829be1d18c0bdb985ba4b99e72a Mon Sep 17 00:00:00 2001 From: AnastasiaKostareva Date: Tue, 8 Apr 2025 18:04:47 +0500 Subject: [PATCH 2/7] lightbox --- index.html | 4 ++++ styles.css | 16 ++++++++++++++++ 2 files changed, 20 insertions(+) diff --git a/index.html b/index.html index 3fdc3cb..7014986 100644 --- a/index.html +++ b/index.html @@ -12,6 +12,10 @@
+
+
+ +
diff --git a/styles.css b/styles.css index 5342e65..9e1b8a4 100644 --- a/styles.css +++ b/styles.css @@ -14,4 +14,20 @@ .logo-wrapper img { max-width: 100%; +} + +.lightbox { + position: fixed; + width: 640px; + min-height: 100px; + height: auto; + display: flex; + justify-content: center; + align-items: center; +} + +.close-lightbox { + width: 10px; + height: 10px; + position: relative; } \ No newline at end of file From d901b17228aeacaad382e5028145f76e4bde5413 Mon Sep 17 00:00:00 2001 From: Robert Malikov Date: Tue, 8 Apr 2025 18:27:39 +0500 Subject: [PATCH 3/7] 2 --- index.html | 12 +++++++++--- index.js | 12 +++++------- styles.css | 17 +++++++++++++++++ 3 files changed, 31 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 7014986..c5c858e 100644 --- a/index.html +++ b/index.html @@ -12,10 +12,16 @@
-
+
+
+
- - +

Lorem ipsum dolor sit amet consectetur adipisicing + elit. Quasi ipsum quae hic harum. Accusamus + voluptates vitae voluptatem excepturi veritatis + nulla voluptatum officia dignissimos doloremque +

+
diff --git a/index.js b/index.js index dd50919..380ee05 100644 --- a/index.js +++ b/index.js @@ -1,7 +1,5 @@ -/* - Изменить элементу цвет и ширину можно вот так: - - const element = document.querySelector('.myElement'); - element.style.color = 'red'; - element.style.width = '300px'; -*/ \ No newline at end of file +const closeButton = document.getElementById('close-lightbox'); +closeButton.addEventListener('click', () => { + const otherPage = document.getElementById('other-page'); + otherPage.style.display = "none"; +}) \ No newline at end of file diff --git a/styles.css b/styles.css index 9e1b8a4..17a1309 100644 --- a/styles.css +++ b/styles.css @@ -16,14 +16,31 @@ max-width: 100%; } +#other-page { + background-color: #9e9e9e7a; + position: fixed; + width: 100%; + height: 100%; + top:0; +} + .lightbox { position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); width: 640px; min-height: 100px; height: auto; display: flex; justify-content: center; align-items: center; + background-color: #fff; + align-items: start; +} + +.lightbox p { + margin: 50px; } .close-lightbox { From c7761b696725a27c86eeb5dba0b428bd1c8e9b83 Mon Sep 17 00:00:00 2001 From: AnastasiaKostareva Date: Tue, 8 Apr 2025 18:41:10 +0500 Subject: [PATCH 4/7] progress --- index.html | 20 +++++++++++++++----- styles.css | 16 +++++++++++++++- 2 files changed, 30 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index c5c858e..3805429 100644 --- a/index.html +++ b/index.html @@ -16,13 +16,23 @@
-

Lorem ipsum dolor sit amet consectetur adipisicing - elit. Quasi ipsum quae hic harum. Accusamus - voluptates vitae voluptatem excepturi veritatis - nulla voluptatum officia dignissimos doloremque -

+
+

Lorem ipsum dolor sit amet consectetur adipisicing + elit. Quasi ipsum quae hic harum. Accusamus + voluptates vitae voluptatem excepturi veritatis + nulla voluptatum officia dignissimos doloremque +

+ +
+
+

Loading...

+
+
+
+
+
diff --git a/styles.css b/styles.css index 17a1309..9c3fafe 100644 --- a/styles.css +++ b/styles.css @@ -47,4 +47,18 @@ width: 10px; height: 10px; position: relative; -} \ No newline at end of file +} + +.progress { + position: relative; + background-color: #3d3d3d; + width: 550px; + left: 45px; +} + +.strip { + position: relative; + background-color: #ff0000; + width: 100%; + text-align: center; +} From 3a871b7b6fb9da5b7690631f2b55b98ee7c9dfb3 Mon Sep 17 00:00:00 2001 From: Robert Malikov Date: Tue, 8 Apr 2025 19:07:22 +0500 Subject: [PATCH 5/7] 3 --- index.html | 5 ++++- styles.css | 28 +++++++++++++++++++++++++--- 2 files changed, 29 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 3805429..8d9f83f 100644 --- a/index.html +++ b/index.html @@ -24,8 +24,11 @@

+

Loading...

+
-

Loading...

+

Loading...

+
diff --git a/styles.css b/styles.css index 9c3fafe..c2346ef 100644 --- a/styles.css +++ b/styles.css @@ -52,13 +52,35 @@ .progress { position: relative; background-color: #3d3d3d; - width: 550px; + width: calc(100% - 45px); left: 45px; + text-align: center; + } -.strip { +.progress p { position: relative; + color: black; +} + +.strip { + position: absolute; + top: 0px; background-color: #ff0000; - width: 100%; + width: 50%; + height: 19px; text-align: center; + overflow: hidden; } + + +.strip p{ + position: absolute; + margin: 0; + padding: 0; + left: 213px; + color: rgb(255, 255, 255); + width: 50%; + height: 19px; + text-align: center; +} \ No newline at end of file From 6f19cecc91ab94db0a3b011287a5bc372dbd5cc7 Mon Sep 17 00:00:00 2001 From: AnastasiaKostareva Date: Tue, 8 Apr 2025 19:20:12 +0500 Subject: [PATCH 6/7] acordeon --- index.html | 38 ++++++++++++++++++++++++++++++++++++-- styles.css | 37 +++++++++++++++++++++++++++++++++++++ 2 files changed, 73 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 8d9f83f..8c90cc5 100644 --- a/index.html +++ b/index.html @@ -25,15 +25,49 @@

Loading...

- +

Loading...

+
+
+ + +
+

Точка перегиба раскручивает тригонометрический интеграл от функции, + обращающейся в бесконечность в изолированной точке, что и требовалось доказать. + Стоит отметить, что матожидание переворачивает интеграл от функции, + обращающейся в бесконечность в изолированной точке. Представляется логичным, + что число е переворачивает анормальный ряд Тейлора. Лист Мёбиуса, исключая очевидный случай, + соответствует равновероятный лист Мёбиуса. Криволинейный интеграл, не вдаваясь в подробности, + притягивает предел последовательности.

+
+
+ +
+ + +
+

Линейное программирование ускоряет разрыв функции. Интегрирование по частям уравновешивает неопровержимый + криволинейный интеграл. Непрерывная функция последовательно определяет возрастающий минимум.

+
+
+ +
+ + +
+

Целое число, как следует из вышесказанного, трансформирует абсолютно сходящийся ряд. + Сходящийся ряд создает комплексный ортогональный определитель. + Однако не все знают, что непрерывная функция отрицательна. + Число е, следовательно, последовательно.

+
+
+
- diff --git a/styles.css b/styles.css index c2346ef..bd99292 100644 --- a/styles.css +++ b/styles.css @@ -83,4 +83,41 @@ width: 50%; height: 19px; text-align: center; +} + +.acordeon { + width: 600px; + margin-left: 20px; +} + +.section { + border: 1px solid #ccc; + margin-bottom: 5px; +} + +.section-header { + display: block; + padding: 10px; + background-color: #f1f1f1; + cursor: pointer; + margin: 0; +} + +.section-header:hover { + background-color: #e1e1e1; +} + +.accordion-toggle { + display: none; +} + +.section-content { + max-height: 0; + overflow: hidden; + padding: 0 10px; +} + +.accordion-toggle:checked ~ .section-content { + max-height: 500px; + padding: 10px; } \ No newline at end of file From 9ee0090e5b8db07eac95cb2dca602e1f5ae7a83f Mon Sep 17 00:00:00 2001 From: Robert Malikov Date: Tue, 8 Apr 2025 19:30:26 +0500 Subject: [PATCH 7/7] 4 --- index.html | 5 +++-- index.js | 19 ++++++++++++++++++- styles.css | 19 ++++++++----------- 3 files changed, 29 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 8d9f83f..06564c2 100644 --- a/index.html +++ b/index.html @@ -26,10 +26,11 @@

Loading...

-
+ +
+

Loading...

-
diff --git a/index.js b/index.js index 380ee05..537fd09 100644 --- a/index.js +++ b/index.js @@ -2,4 +2,21 @@ const closeButton = document.getElementById('close-lightbox'); closeButton.addEventListener('click', () => { const otherPage = document.getElementById('other-page'); otherPage.style.display = "none"; -}) \ No newline at end of file +}) + + +const strip = document.getElementById('strip'); +let perc = 0; + +function timePass() { + setTimeout(() => { + perc++; + strip.style.clipPath = `inset(0 ${100 - perc}% 0 0)`; + if (perc < 100) { + timePass(); + } + }, 10) +} + + +timePass(); \ No newline at end of file diff --git a/styles.css b/styles.css index c2346ef..686c64e 100644 --- a/styles.css +++ b/styles.css @@ -65,22 +65,19 @@ .strip { position: absolute; - top: 0px; - background-color: #ff0000; - width: 50%; - height: 19px; + background-color: #cd1818; + width: calc(100% - 70px); + top: 156px; + left: 45px; text-align: center; - overflow: hidden; + /* clip-path: inset(0 50% 0 0); */ } .strip p{ - position: absolute; + position: relative; + color: rgb(255, 255, 255); margin: 0; padding: 0; - left: 213px; - color: rgb(255, 255, 255); - width: 50%; - height: 19px; - text-align: center; + /* text-align: center; */ } \ No newline at end of file