From 3a5fb58291c9b45d6f823e44320c79e904b7bb03 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 19 Oct 2025 21:58:10 +0400 Subject: [PATCH 01/16] create gitignore again :( --- .gitignore | 1 + 1 file changed, 1 insertion(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..ed2b1e5f --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.vs \ No newline at end of file From abfb4a6692e984e86244e5417ae95b42a19d1ea0 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:40:31 +0400 Subject: [PATCH 02/16] =?UTF-8?q?=D0=BE=D1=81=D0=BD=D0=BE=D0=B2=D0=B0=20?= =?UTF-8?q?=D1=81=D0=B0=D0=B9=D1=82=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Добавлена стандартная HTML5 разметка с метатегами и заголовком. - Подключена внешняя таблица стилей `lab2.css`. - Реализована базовая семантическая структура: - `
` для шапки-письма с заголовком работы. - Секция `.parents-container` с тремя блоками "родителей". - Секция `.programming-languages` с описанием языков программирования. - `
` для подвала сайта. --- lab2/lab2.css | 1 + lab2/lab2.html | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 71 insertions(+) create mode 100644 lab2/lab2.css create mode 100644 lab2/lab2.html diff --git a/lab2/lab2.css b/lab2/lab2.css new file mode 100644 index 00000000..5f282702 --- /dev/null +++ b/lab2/lab2.css @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lab2/lab2.html b/lab2/lab2.html new file mode 100644 index 00000000..49de37d5 --- /dev/null +++ b/lab2/lab2.html @@ -0,0 +1,70 @@ + + + + + + Языки программирования + + + +
+
+

Лабораторная работа 2

+

Вариант 9!

+
+ +
+
+

Первый родитель

+
    +
  • Ребенок 1
    • +
  • Ребенок 2
    • +
  • Ребенок 3
    • +
+
+ +
+

Второй родитель

+
    +
  • Ребенок 1
    • +
  • Ребенок 2
    • +
  • Ребенок 3
    • +
+
+ +
+

Третий родитель

+
    +
  • Ребенок 1
    • +
  • Ребенок 2
    • +
  • Ребенок 3
    • +
+
+
+ +
+

О языках программирования

+

Языки программирования — это инструменты, с помощью которых разработчики создают программное обеспечение, веб-приложения, игры, алгоритмы и многое другое. Каждый язык имеет свои особенности, синтаксис и сферу применения. Ниже представлены некоторые из наиболее известных языков:

+ +
    +
  • Python – высокоуровневый язык с простым синтаксисом, популярный в Data Science, веб-разработке и автоматизации.
    • +
  • JavaScript – основной язык для фронтенд-разработки, работает в браузерах и на сервере (Node.js).
    • +
  • Java – объектно-ориентированный язык, широко используется в корпоративных приложениях и Android-разработке.
    • +
  • C++ – мощный язык для системного программирования, игр и высокопроизводительных приложений.
    • +
  • C# – язык от Microsoft, применяется в разработке под Windows, играх (Unity) и веб-приложениях.
    • +
  • Go (Golang) – созданный Google, язык для высоконагруженных сетевых сервисов и облачных технологий.
    • +
  • Ruby – известен благодаря фреймворку Ruby on Rails для веб-разработки.
    • +
  • Swift – язык Apple для разработки под iOS и macOS.
    • +
  • Kotlin – современный язык, официально поддерживаемый для Android-разработки.
    • +
  • Rust – язык системного программирования с акцентом на безопасность и производительность.
    • +
+ +

Это лишь малая часть из множества существующих языков, и выбор зависит от задач, которые нужно решить.

+
+ +
+

© 2025 мяу

+
+
+ + \ No newline at end of file From 5e396dee54a2e61edf830b1d6e32a2c756dce14b Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:43:11 +0400 Subject: [PATCH 03/16] =?UTF-8?q?=D0=BE=D1=81=D0=BD=D0=BE=D0=B2=D0=BD?= =?UTF-8?q?=D1=8B=D0=B5=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Сброшены стандартные `margin` и `padding` через `*`. - Задан `box-sizing: border-box` для всех элементов. - Установлен розовый фон тела сайта с точечным градиентом. - Центрирован контейнер и задана максимальная ширина. - Стилизован основной контейнер `.letter-container` с белым фоном, розовой рамкой и тенью. --- lab2/lab2.css | 29 ++++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index 5f282702..e57a186e 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -1 +1,28 @@ - \ No newline at end of file +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif; + background-color: #ffe6f2; + color: #333; + line-height: 1.6; + padding: 20px; + max-width: 800px; + margin: 0 auto; + background-image: radial-gradient(#ffb6e1 1px, transparent 1px), radial-gradient(#ffb6e1 1px, transparent 1px); + background-size: 20px 20px; + background-position: 0 0, 10px 10px; +} + +.letter-container { + background-color: #fff; + border: 2px solid #ffb6e1; + border-radius: 15px; + box-shadow: 0 8px 25px rgba(255, 105, 180, 0.3); + padding: 40px 30px; + position: relative; + min-height: 100vh; +} From 95b7d265abc5ad28113c69afc7cacc036aeb1a70 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:44:39 +0400 Subject: [PATCH 04/16] =?UTF-8?q?=D0=9E=D1=84=D0=BE=D1=80=D0=BC=D0=BB?= =?UTF-8?q?=D0=B5=D0=BD=20=D0=B1=D0=BB=D0=BE=D0=BA=20.letter-header?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Добавлен градиентный фон и пунктирная рамка. - Реализованы декоративные уголки с помощью псевдоэлементов `::before` и `::after`. - Стилизован заголовок `h1` розовым цветом с тенью. - Добавлен подзаголовок с курсивным начертанием. --- lab2/lab2.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/lab2/lab2.css b/lab2/lab2.css index e57a186e..a59c66a0 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -26,3 +26,45 @@ body { position: relative; min-height: 100vh; } +.letter-header { + text-align: center; + margin-bottom: 40px; + padding: 30px 20px; + background: linear-gradient(135deg, #fff 0%, #fff 50%, #fff0f5 100%); + border: 2px dashed #ffb6e1; + border-radius: 20px; + position: relative; +} + + .letter-header::before, + .letter-header::after { + content: '✻'; + position: absolute; + color: #ff69b4; + font-size: 1.5rem; + } + + .letter-header::before { + top: 10px; + left: 10px; + } + + .letter-header::after { + top: 10px; + right: 10px; + } + + .letter-header h1 { + color: #ff1493; + font-size: 2.5rem; + margin-bottom: 15px; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); + font-family: 'Georgia', serif; + } + +.subtitle { + color: #ff69b4; + font-size: 1.2rem; + font-weight: bold; + font-style: italic; +} \ No newline at end of file From 955d7bc7ecd84200199de99d60a065d1b30cd82c Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:50:45 +0400 Subject: [PATCH 05/16] =?UTF-8?q?=D0=A1=D0=BE=D0=B7=D0=B4=D0=B0=D0=BD?= =?UTF-8?q?=D0=B0=20=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D1=83=D1=80=D0=B0?= =?UTF-8?q?=20=D0=B8=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B4=D0=BB=D1=8F?= =?UTF-8?q?=20.parents-container?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Расположение блоков в колонку через `flex-direction: column`. - Каждому "родителю" заданы уникальные цвета рамок и фона: - #parent-1: красный акцент - #parent-2: оранжевый акцент - #parent-3: зелёный акцент - Добавлены тени и скругления углов. - Реализованы списки "детей" с отступами и hover-эффектами. --- lab2/lab2.css | 55 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 54 insertions(+), 1 deletion(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index a59c66a0..bfc868ed 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -67,4 +67,57 @@ body { font-size: 1.2rem; font-weight: bold; font-style: italic; -} \ No newline at end of file +} +h2 { + color: #ff69b4; + margin: 25px 0 20px; + font-size: 1.8rem; + border-bottom: 2px dotted #ffb6e1; + padding-bottom: 8px; +} + +p { + margin-bottom: 18px; + font-size: 1.1rem; + text-align: justify; +} + +.parents-container { + display: flex; + flex-direction: column; + gap: 25px; + margin-bottom: 40px; +} + +.parent { + padding: 20px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); + border: 1px solid #ffe6f2; +} + + .parent h3 { + margin-bottom: 12px; + font-size: 1.4rem; + padding-bottom: 8px; + border-bottom: 1px solid #ffe6f2; + } + +.children-list { + list-style-type: none; +} + + .children-list li { + padding: 10px 15px; + margin: 6px 0; + border-radius: 8px; + transition: all 0.3s ease; + cursor: pointer; + border-left: 3px solid transparent; + } + + .children-list li:hover { + transform: translateX(8px); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); + } \ No newline at end of file From 38ceb8a6d17d3d372c107e8a268075987d017402 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:52:11 +0400 Subject: [PATCH 06/16] =?UTF-8?q?=D0=A3=D1=82=D0=BE=D1=87=D0=BD=D0=B5?= =?UTF-8?q?=D0=BD=D0=BE=20=D0=BE=D1=84=D0=BE=D1=80=D0=BC=D0=BB=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D0=B5=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=D0=BE?= =?UTF-8?q?=D0=B2=20=D1=81=D0=BF=D0=B8=D1=81=D0=BA=D0=BE=D0=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - #parent-1: красные элементы с левой границей - #parent-2: элементы с пунктирной оранжевой рамкой и бордовым текстом - #parent-3: зелёные элементы - Добавлены плавные анимации при наведении (сдвиг и изменение фона) --- lab2/lab2.css | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) diff --git a/lab2/lab2.css b/lab2/lab2.css index bfc868ed..afd150df 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -120,4 +120,59 @@ p { .children-list li:hover { transform: translateX(8px); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); + } + +#parent-1 { + border-left: 5px solid #ff1493; + background: linear-gradient(135deg, #fff 0%, #fff5f5 100%); +} + + #parent-1 .children-list li { + color: red; + border-left-color: red; + } + + #parent-1 .children-list li:hover { + background-color: rgba(255, 0, 0, 0.08); + color: darkred; + } + +#parent-2 { + border-left: 5px solid orange; + background: linear-gradient(135deg, #fff 0%, #fff8f0 100%); +} + + #parent-2 h3 { + color: orange; + } + + #parent-2 .children-list li { + color: #b4005a; + border: 2px dashed orange; + padding: 8px 12px; + border-left: 3px solid #b4005a; + } + + #parent-2 .children-list li:hover { + background-color: rgba(255, 165, 0, 0.08); + color: #8a0045; + } + +#parent-3 { + border-left: 5px solid green; + background: linear-gradient(135deg, #fff 0%, #f0fff0 100%); +} + + #parent-3 h3 { + color: green; + } + + #parent-3 .children-list li { + color: green; + border-left-color: green; + } + + #parent-3 .children-list li:hover { + background-color: rgba(0, 128, 0, 0.08); + color: darkgreen; } \ No newline at end of file From 510f01828b6becf8540d469d3a6ff2c89feb4875 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:55:25 +0400 Subject: [PATCH 07/16] =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=B4=D0=B2=D0=B8?= =?UTF-8?q?=D0=BD=D1=83=D1=82=D1=8B=D0=B5=20=D1=81=D0=B5=D0=BB=D0=B5=D0=BA?= =?UTF-8?q?=D1=82=D0=BE=D1=80=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - `#parent-1 ~ #parent-3 .children-list li` - стили для детей третьего родителя, идущих после первого - `#parent-2 .children-list li ~ #parent-3 .children-list li` - эксперименты со сложными комбинациями - `#parent-3 .children-list li:has(~ #parent-2)` - попытка использования :has() --- lab2/lab2.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index afd150df..9c7a0f7e 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -175,4 +175,16 @@ p { #parent-3 .children-list li:hover { background-color: rgba(0, 128, 0, 0.08); color: darkgreen; - } \ No newline at end of file + } + +#parent-1 ~ #parent-3 .children-list li { + color: initial; + border-left-color: #ccc; +} + +#parent-2 .children-list li ~ #parent-3 .children-list li, +#parent-3 .children-list li:has(~ #parent-2) { + color: purple; + border: none; + border-left: 3px solid purple; +} \ No newline at end of file From 47816ada00e4f3c57290a709e845078b5fa7914f Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 16:57:02 +0400 Subject: [PATCH 08/16] .programming-languages MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Добавлен градиентный фон и рамка. - Созданы маркеры списка (💖). - Стилизованы ссылки с розовыми цветами и декоративными элементами. - Добавлены hover-эффекты для ссылок. --- lab2/lab2.css | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 63 insertions(+), 1 deletion(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index 9c7a0f7e..e3088430 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -187,4 +187,66 @@ p { color: purple; border: none; border-left: 3px solid purple; -} \ No newline at end of file +} +.programming-languages { + background: linear-gradient(135deg, #fff 0%, #fff0f8 100%); + padding: 30px; + border-radius: 15px; + border: 2px solid #ffb6e1; + margin-bottom: 40px; + position: relative; +} + + .programming-languages::before { + content: ''; + position: absolute; + top: -2px; + left: 50%; + transform: translateX(-50%); + width: 100px; + height: 15px; + background: #ffe6f2; + border: 2px solid #ffb6e1; + border-bottom: none; + border-radius: 10px 10px 0 0; + } + + .programming-languages ul { + list-style-type: none; + margin: 25px 0; + } + + .programming-languages li { + margin-bottom: 18px; + padding-left: 35px; + position: relative; + text-align: justify; + } + + .programming-languages li::before { + content: "💖"; + position: absolute; + left: 0; + top: 2px; + font-size: 1.2rem; + } + + .programming-languages a { + font-weight: bold; + color: #ff1493; + text-decoration: none; + position: relative; + transition: color 0.3s ease; + border-bottom: 1px dotted #ff69b4; + } + + .programming-languages a:hover { + color: #ff69b4; + text-decoration: none; + border-bottom: 1px solid #ff69b4; + } + + .programming-languages a::after { + content: " 🌸"; + font-size: 0.8em; + } \ No newline at end of file From 25afe816c8e715664fdf1b0055e1177b51880775 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 17:36:35 +0400 Subject: [PATCH 09/16] =?UTF-8?q?=D0=BB=D0=BE=D0=B3=D0=BE=D1=82=D0=B8?= =?UTF-8?q?=D0=BF=20=D0=A1=D0=B0=D0=BC=D0=93=D0=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Реализована с помощью псевдоэлемента `::after` - Использованы радиальные градиенты для создания круговой эмблемы - Добавлена двойная рамка и тень - В центре размещён текст "СамГУ" белым цветом --- lab2/lab2.css | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index e3088430..3f7e986d 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -249,4 +249,27 @@ p { .programming-languages a::after { content: " 🌸"; font-size: 0.8em; - } \ No newline at end of file + } + + .programming-languages::after { + content: "СамГУ"; + display: flex; + align-items: center; + justify-content: center; + width: 120px; + height: 120px; + margin: 30px auto 0; + background: radial-gradient(circle at center, transparent 30%, #ff69b4 31%, #ff69b4 40%, transparent 41%), radial-gradient(circle at center, #ff1493 50%, transparent 51%); + background-size: 100% 100%, 80% 80%; + background-repeat: no-repeat; + background-position: center; + border: 8px double #ff1493; + border-radius: 50%; + position: relative; + box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4); + color: white; + font-weight: bold; + font-size: 14px; + font-family: 'Times New Roman', serif; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + } \ No newline at end of file From cb3dc21741dc2ee3b3df657aaeeeb3a9c1617e11 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 17:37:44 +0400 Subject: [PATCH 10/16] footer --- lab2/lab2.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index 3f7e986d..3b04789a 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -272,4 +272,14 @@ p { font-size: 14px; font-family: 'Times New Roman', serif; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); - } \ No newline at end of file + } + +footer { + text-align: center; + margin-top: 40px; + padding: 20px; + background: linear-gradient(135deg, #ffb6d9 0%, #ff8ec6 100%); + border-radius: 12px; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); +} \ No newline at end of file From 627eea6e3acee42ef249707f0286718eba02a436 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 17:59:51 +0400 Subject: [PATCH 11/16] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20?= =?UTF-8?q?=D0=B2=20=D1=80=D0=BE=D0=B4=D0=B8=D1=82=D0=B5=D0=BB=D1=8F=D1=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit запуталась в задании очень сложно --- lab2/lab2.css | 47 +++++++++++++++++++++++++++++++++++++++++++---- lab2/lab2.html | 9 +++++++++ 2 files changed, 52 insertions(+), 4 deletions(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index 3b04789a..268aea04 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -177,17 +177,56 @@ p { color: darkgreen; } +#parent-1 ~ #parent-3 { + border-left: 5px solid #333; + background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%); +} + +#parent-1 ~ #parent-3 h3 { + color: #333; +} + #parent-1 ~ #parent-3 .children-list li { - color: initial; - border-left-color: #ccc; + color: #333; + border-left-color: #333; +} + +#parent-1 ~ #parent-3 .children-list li:hover { + background-color: rgba(0, 0, 0, 0.08); + color: #000; +} + +#parent-2 ~ #parent-3 { + border-left: 5px solid green; + background: linear-gradient(135deg, #fff 0%, #f0fff0 100%); +} + +#parent-2 ~ #parent-3 h3 { + color: green; +} + +#parent-2 ~ #parent-3 .children-list li:first-child, +#parent-2 ~ #parent-3 .children-list li:nth-child(2) { + color: green; + border-left-color: green; +} + +#parent-2 ~ #parent-3 .children-list li:first-child:hover, +#parent-2 ~ #parent-3 .children-list li:nth-child(2):hover { + background-color: rgba(0, 128, 0, 0.08); + color: darkgreen; } -#parent-2 .children-list li ~ #parent-3 .children-list li, -#parent-3 .children-list li:has(~ #parent-2) { +#parent-2 ~ #parent-3 .children-list li:last-child { color: purple; border: none; border-left: 3px solid purple; } + +#parent-2 ~ #parent-3 .children-list li:last-child:hover { + background-color: rgba(128, 0, 128, 0.08); + color: darkviolet; +} .programming-languages { background: linear-gradient(135deg, #fff 0%, #fff0f8 100%); padding: 30px; diff --git a/lab2/lab2.html b/lab2/lab2.html index 49de37d5..f211706d 100644 --- a/lab2/lab2.html +++ b/lab2/lab2.html @@ -23,6 +23,15 @@

Первый родитель

+
+

Третий родитель

+
    +
  • Ребенок 1
    • +
  • Ребенок 2
    • +
  • Ребенок 3
    • +
+
+

Второй родитель

    From b9867cf00c9f960c0bc5d89bfb3a949b41e12fa1 Mon Sep 17 00:00:00 2001 From: shydoke Date: Sun, 26 Oct 2025 18:04:16 +0400 Subject: [PATCH 12/16] =?UTF-8?q?=D1=81=D0=BF=D0=B8=D1=81=D0=BE=D0=BA=20?= =?UTF-8?q?=D0=B2=D0=B8=D0=B4=D0=B5=D0=BE=D0=B8=D0=B3=D1=80=20=D0=BF=D0=BE?= =?UTF-8?q?=20=D0=B2=D0=B0=D1=80=D0=B8=D0=B0=D0=BD=D1=82=D1=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lab2/lab2.css | 43 +++++++++++++++++++++++++++++++++++++++++++ lab2/lab2.html | 11 +++++++++++ 2 files changed, 54 insertions(+) diff --git a/lab2/lab2.css b/lab2/lab2.css index 268aea04..6f717a62 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -68,6 +68,49 @@ body { font-weight: bold; font-style: italic; } + +.games-section { + margin-bottom: 40px; + padding: 25px; + background: linear-gradient(135deg, #fff 0%, #f8f0ff 100%); + border: 2px solid #e6b8ff; + border-radius: 15px; + box-shadow: 0 4px 15px rgba(200, 120, 255, 0.2); +} + + .games-section h2 { + color: #9d4edd; + margin-bottom: 20px; + font-size: 1.8rem; + border-bottom: 2px dotted #e6b8ff; + padding-bottom: 8px; + } + +.games-list { + list-style-type: none; +} + + .games-list li { + padding: 12px 20px; + margin: 8px 0; + background-color: #fff; + border-radius: 8px; + border-left: 4px solid #9d4edd; + font-size: 1.1rem; + font-weight: bold; + color: #7b2cbf; + transition: all 0.4s ease; + cursor: pointer; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + } + + .games-list li:hover { + color: #ff6bd6; + transform: translateX(10px); + background-color: #faf0ff; + box-shadow: 0 4px 12px rgba(157, 78, 221, 0.3); + } + h2 { color: #ff69b4; margin: 25px 0 20px; diff --git a/lab2/lab2.html b/lab2/lab2.html index f211706d..45641145 100644 --- a/lab2/lab2.html +++ b/lab2/lab2.html @@ -13,6 +13,17 @@

    Лабораторная работа 2

    Вариант 9!

+
+

Популярные видеоигры

+
    +
  • Minecraft
    • +
  • Fortnite
    • +
  • GTA V
    • +
  • Call of Duty
    • +
  • Among Us
    • +
+
+

Первый родитель

From 9b4c9312cac72c9ace4491878cb4d96e64b3922d Mon Sep 17 00:00:00 2001 From: shydoke Date: Thu, 6 Nov 2025 22:47:59 +0400 Subject: [PATCH 13/16] =?UTF-8?q?=D0=91=D0=AD=D0=9C=20=D0=B8=20=D0=BE?= =?UTF-8?q?=D1=81=D1=82=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit вот так ? :( --- lab2/lab2.css | 333 +++++++++++++++++++++++++------------------------ lab2/lab2.html | 98 +++++++-------- 2 files changed, 219 insertions(+), 212 deletions(-) diff --git a/lab2/lab2.css b/lab2/lab2.css index 6f717a62..c9f7d067 100644 --- a/lab2/lab2.css +++ b/lab2/lab2.css @@ -26,6 +26,7 @@ body { position: relative; min-height: 100vh; } + .letter-header { text-align: center; margin-bottom: 40px; @@ -69,7 +70,7 @@ body { font-style: italic; } -.games-section { +.games { margin-bottom: 40px; padding: 25px; background: linear-gradient(135deg, #fff 0%, #f8f0ff 100%); @@ -78,54 +79,40 @@ body { box-shadow: 0 4px 15px rgba(200, 120, 255, 0.2); } - .games-section h2 { - color: #9d4edd; - margin-bottom: 20px; - font-size: 1.8rem; - border-bottom: 2px dotted #e6b8ff; - padding-bottom: 8px; - } - -.games-list { - list-style-type: none; -} - - .games-list li { - padding: 12px 20px; - margin: 8px 0; - background-color: #fff; - border-radius: 8px; - border-left: 4px solid #9d4edd; - font-size: 1.1rem; - font-weight: bold; - color: #7b2cbf; - transition: all 0.4s ease; - cursor: pointer; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } - - .games-list li:hover { - color: #ff6bd6; - transform: translateX(10px); - background-color: #faf0ff; - box-shadow: 0 4px 12px rgba(157, 78, 221, 0.3); - } - -h2 { - color: #ff69b4; - margin: 25px 0 20px; +.games__title { + color: #9d4edd; + margin-bottom: 20px; font-size: 1.8rem; - border-bottom: 2px dotted #ffb6e1; + border-bottom: 2px dotted #e6b8ff; padding-bottom: 8px; } -p { - margin-bottom: 18px; +.games__list { + list-style-type: none; +} + +.games__item { + padding: 12px 20px; + margin: 8px 0; + background-color: #fff; + border-radius: 8px; + border-left: 4px solid #9d4edd; font-size: 1.1rem; - text-align: justify; + font-weight: bold; + color: #7b2cbf; + transition: all 0.4s ease; + cursor: pointer; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } -.parents-container { + .games__item:hover { + color: #ff6bd6; + transform: translateX(10px); + background-color: #faf0ff; + box-shadow: 0 4px 12px rgba(157, 78, 221, 0.3); + } + +.parents { display: flex; flex-direction: column; gap: 25px; @@ -140,136 +127,138 @@ p { border: 1px solid #ffe6f2; } - .parent h3 { - margin-bottom: 12px; - font-size: 1.4rem; - padding-bottom: 8px; - border-bottom: 1px solid #ffe6f2; - } +.parent__title { + margin-bottom: 12px; + font-size: 1.4rem; + padding-bottom: 8px; + border-bottom: 1px solid #ffe6f2; +} -.children-list { +.parent__list { list-style-type: none; } - .children-list li { - padding: 10px 15px; - margin: 6px 0; - border-radius: 8px; - transition: all 0.3s ease; - cursor: pointer; - border-left: 3px solid transparent; - } +.parent__child { + padding: 10px 15px; + margin: 6px 0; + border-radius: 8px; + transition: all 0.3s ease; + cursor: pointer; + border-left: 3px solid transparent; +} - .children-list li:hover { - transform: translateX(8px); - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); - } + .parent__child:hover { + transform: translateX(8px); + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); + } -#parent-1 { +.parent_1 { border-left: 5px solid #ff1493; background: linear-gradient(135deg, #fff 0%, #fff5f5 100%); } - #parent-1 .children-list li { + .parent_1 .parent__child_origin_1 { color: red; border-left-color: red; } - #parent-1 .children-list li:hover { + .parent_1 .parent__child_origin_1:hover { background-color: rgba(255, 0, 0, 0.08); color: darkred; } -#parent-2 { +.parent_2 { border-left: 5px solid orange; background: linear-gradient(135deg, #fff 0%, #fff8f0 100%); } - #parent-2 h3 { + .parent_2 .parent__title { color: orange; } - #parent-2 .children-list li { + .parent_2 .parent__child_origin_2 { color: #b4005a; border: 2px dashed orange; padding: 8px 12px; border-left: 3px solid #b4005a; } - #parent-2 .children-list li:hover { + .parent_2 .parent__child_origin_2:hover { background-color: rgba(255, 165, 0, 0.08); color: #8a0045; } -#parent-3 { +.parent_3 { border-left: 5px solid green; background: linear-gradient(135deg, #fff 0%, #f0fff0 100%); } - #parent-3 h3 { + .parent_3 .parent__title { color: green; } - #parent-3 .children-list li { + .parent_3 .parent__child_origin_3 { color: green; border-left-color: green; } - #parent-3 .children-list li:hover { + .parent_3 .parent__child_origin_3:hover { background-color: rgba(0, 128, 0, 0.08); color: darkgreen; } -#parent-1 ~ #parent-3 { + +.parent_1 ~ .parent_3 { border-left: 5px solid #333; background: linear-gradient(135deg, #fff 0%, #f5f5f5 100%); } -#parent-1 ~ #parent-3 h3 { - color: #333; -} + .parent_1 ~ .parent_3 .parent__title { + color: #333; + } -#parent-1 ~ #parent-3 .children-list li { - color: #333; - border-left-color: #333; -} + .parent_1 ~ .parent_3 .parent__child_origin_3 { + color: #333; + border-left-color: #333; + } -#parent-1 ~ #parent-3 .children-list li:hover { - background-color: rgba(0, 0, 0, 0.08); - color: #000; -} + .parent_1 ~ .parent_3 .parent__child_origin_3:hover { + background-color: rgba(0, 0, 0, 0.08); + color: #000; + } -#parent-2 ~ #parent-3 { +.parent_2 ~ .parent_3 { border-left: 5px solid green; background: linear-gradient(135deg, #fff 0%, #f0fff0 100%); } -#parent-2 ~ #parent-3 h3 { - color: green; -} + .parent_2 ~ .parent_3 .parent__title { + color: green; + } -#parent-2 ~ #parent-3 .children-list li:first-child, -#parent-2 ~ #parent-3 .children-list li:nth-child(2) { - color: green; - border-left-color: green; -} + .parent_2 ~ .parent_3 .parent__child_origin_3:first-child, + .parent_2 ~ .parent_3 .parent__child_origin_3:nth-child(2) { + color: green; + border-left-color: green; + } -#parent-2 ~ #parent-3 .children-list li:first-child:hover, -#parent-2 ~ #parent-3 .children-list li:nth-child(2):hover { - background-color: rgba(0, 128, 0, 0.08); - color: darkgreen; -} + .parent_2 ~ .parent_3 .parent__child_origin_3:first-child:hover, + .parent_2 ~ .parent_3 .parent__child_origin_3:nth-child(2):hover { + background-color: rgba(0, 128, 0, 0.08); + color: darkgreen; + } -#parent-2 ~ #parent-3 .children-list li:last-child { - color: purple; - border: none; - border-left: 3px solid purple; -} + .parent_2 ~ .parent_3 .parent__child_origin_3:last-child { + color: purple; + border: none; + border-left: 3px solid purple; + } + + .parent_2 ~ .parent_3 .parent__child_origin_3:last-child:hover { + background-color: rgba(128, 0, 128, 0.08); + color: darkviolet; + } -#parent-2 ~ #parent-3 .children-list li:last-child:hover { - background-color: rgba(128, 0, 128, 0.08); - color: darkviolet; -} .programming-languages { background: linear-gradient(135deg, #fff 0%, #fff0f8 100%); padding: 30px; @@ -293,70 +282,84 @@ p { border-radius: 10px 10px 0 0; } - .programming-languages ul { - list-style-type: none; - margin: 25px 0; - } +.programming-languages__title { + color: #ff69b4; + margin: 25px 0 20px; + font-size: 1.8rem; + border-bottom: 2px dotted #ffb6e1; + padding-bottom: 8px; +} - .programming-languages li { - margin-bottom: 18px; - padding-left: 35px; - position: relative; - text-align: justify; - } +.programming-languages__text { + margin-bottom: 18px; + font-size: 1.1rem; + text-align: justify; +} - .programming-languages li::before { - content: "💖"; - position: absolute; - left: 0; - top: 2px; - font-size: 1.2rem; - } +.programming-languages__list { + list-style-type: none; + margin: 25px 0; +} - .programming-languages a { - font-weight: bold; - color: #ff1493; - text-decoration: none; - position: relative; - transition: color 0.3s ease; - border-bottom: 1px dotted #ff69b4; +.programming-languages__item { + margin-bottom: 18px; + padding-left: 35px; + position: relative; + text-align: justify; +} + + .programming-languages__item::before { + content: "💖"; + position: absolute; + left: 0; + top: 2px; + font-size: 1.2rem; } - .programming-languages a:hover { - color: #ff69b4; - text-decoration: none; - border-bottom: 1px solid #ff69b4; - } +.programming-languages__link { + font-weight: bold; + color: #ff1493; + text-decoration: none; + position: relative; + transition: color 0.3s ease; + border-bottom: 1px dotted #ff69b4; +} - .programming-languages a::after { - content: " 🌸"; - font-size: 0.8em; - } + .programming-languages__link:hover { + color: #ff69b4; + text-decoration: none; + border-bottom: 1px solid #ff69b4; + } - .programming-languages::after { - content: "СамГУ"; - display: flex; - align-items: center; - justify-content: center; - width: 120px; - height: 120px; - margin: 30px auto 0; - background: radial-gradient(circle at center, transparent 30%, #ff69b4 31%, #ff69b4 40%, transparent 41%), radial-gradient(circle at center, #ff1493 50%, transparent 51%); - background-size: 100% 100%, 80% 80%; - background-repeat: no-repeat; - background-position: center; - border: 8px double #ff1493; - border-radius: 50%; - position: relative; - box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4); - color: white; - font-weight: bold; - font-size: 14px; - font-family: 'Times New Roman', serif; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); + .programming-languages__link::after { + content: " 🌸"; + font-size: 0.8em; } -footer { +.programming-languages::after { + content: "СамГУ"; + display: flex; + align-items: center; + justify-content: center; + width: 120px; + height: 120px; + margin: 30px auto 0; + background: radial-gradient(circle at center, transparent 30%, #ff69b4 31%, #ff69b4 40%, transparent 41%), radial-gradient(circle at center, #ff1493 50%, transparent 51%); + background-size: 100% 100%, 80% 80%; + background-repeat: no-repeat; + background-position: center; + border: 8px double #ff1493; + border-radius: 50%; + position: relative; + box-shadow: 0 4px 15px rgba(255, 105, 180, 0.4); + color: white; + font-weight: bold; + font-size: 14px; + font-family: 'Times New Roman', serif; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); +} + +.footer { text-align: center; margin-top: 40px; padding: 20px; @@ -364,4 +367,8 @@ footer { border-radius: 12px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -} \ No newline at end of file +} + +.footer__text { + margin: 0; +} diff --git a/lab2/lab2.html b/lab2/lab2.html index 45641145..5288fdc9 100644 --- a/lab2/lab2.html +++ b/lab2/lab2.html @@ -13,77 +13,77 @@

Лабораторная работа 2

Вариант 9!

-
-

Популярные видеоигры

-