From 31c83724b95f7e5fa94e60aad178ae6338561dfa Mon Sep 17 00:00:00 2001 From: malaev <30991434+malaev@users.noreply.github.com> Date: Thu, 1 Nov 2018 14:03:07 +0300 Subject: [PATCH 1/3] Update index.html MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit финали --- index.html | 274 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 274 insertions(+) diff --git a/index.html b/index.html index e0daf3e..705120b 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,282 @@ + Задача «Про котиков» + +
+ +
+
+
+ +
+
+

Сергей

+

+ Возраст: 29 лет
+ Порода: коттерьер
+ Болезни: нет
+
+ Статус: активен +

+

+ Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
+ Возраст ~ 29 лет
+ С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + по выходным работает сверхурочно, чтобы погасить кредит за квартиру.
+
+ Статус: пока еще двигается. +

+
+
+
+
+ +
+
+

Альбина

+

+ Возраст: 19 лет
+ Порода: таксакот
+ Болезни: нет
+
+ Статус: активен +

+

+ Учится в университете на гуманитария, но не знает, что будет потом делать, возможно, поедет к маме в деревню
+ Возраст ~ 19 лет
+ Очень много подружек с которыми она общается, ей нравится один парень, но она боится к нему подойти, вдруг он подумает, + что она странная
+
+ Статус: все еще учится +

+
+
+
+
+ +
+
+

Салем-качек

+

+ Возраст: неизвестно
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Качается, с 8:00 до 18:00 5 дней в неделю
+ Возраст ~ неизвестнот
+ Он набирает мышцы
+
+ Статус: в качалке. +

+
+
+
+
+ +
+
+

Салем-наМассе

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Для того чтобы накачатся, он набирает массу, но всегда останавливается на половине пути...
+ Возраст ~ неизвестно
+ Ему нужна еда
+
+ Статус: пока еще двигается. +

+
+
+
+
+ +
+
+

Салем-лепс

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ ТОООЛЬКААА
+ РЮМКА ВОДКИ НА СТОЛЕЕЕЕ
+ ВЕТЕР ПЛАЧЕТ ЗА ОКНООООМ
+ ТИХООЙ БООЛЬЮЮ
+
+

+
+
+
+
+ +
+
+

Салем-афтерлепс

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Болит голова
+ Сильно
+ И горло болит
+
+ Статус: пока еще двигается. +

+
+
+
+
+ +
+
+

Салем-афтер-афтерлепс

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Голова все еще болит
+ Парацетомол не помог
+ Таблетки в аптечке заканчиваются
+
+ Статус: уже не двигается. +

+
+
+
+
+ +
+
+

Салем-привидение

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Поздравляет с хеллуином
+ Желает самых страшных дедлайнов
+ ВЫ ПРОКЛЯТЫ
+
+ Статус: пока еще двигается. +

+
+
+
+
+ +
+
+

РЕПГАД

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Младший брат эминема, несмотря на то что он черный
+ Возраст ~ 29 лет
+ Тусуется с реперами, не любит белых
+
+ Статус: читает реп. +

+
+
+
+
+ +
+
+

9-хвостый

+

+ Возраст: неизвестнот
+ Порода: студент
+ Болезни: волшебность
+
+ Статус: рожден в дедлайне +

+

+ Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
+ Возраст ~ 29 лет
+ С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + по выходным работает сверхурочно, чтобы погасить кредит за квартиру.
+
+ Статус: пока еще двигается. +

+
+
+
+
+ +
+
+

Мой компилятор

+

+ Возраст: неизвестнот
+ Порода: волшебник
+ Болезни: волшебность
+
+ Статус: активен +

+

+ Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
+ Возраст ~ 29 лет
+ С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + по выходным работает сверхурочно, чтобы погасить кредит за квартиру.
+
+ Статус: пока еще двигается. +

+
+
+
+
+ +
+
+

Сергей

+

+ Возраст: 29 лет
+ Порода: коттерьер
+ Болезни: нет
+
+ Статус: активен +

+

+ Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
+ Возраст ~ 29 лет
+ С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + по выходным работает сверхурочно, чтобы погасить кредит за квартиру.
+
+ Статус: пока еще двигается. +

+
+
From 194c6fa45e4d5361292fbcf52b9f146e16c5456f Mon Sep 17 00:00:00 2001 From: malaev <30991434+malaev@users.noreply.github.com> Date: Thu, 1 Nov 2018 14:23:56 +0300 Subject: [PATCH 2/3] Update index.html --- index.html | 76 +++++++++++++++++++++++++++++++----------------------- 1 file changed, 44 insertions(+), 32 deletions(-) diff --git a/index.html b/index.html index 705120b..3ce7aa6 100644 --- a/index.html +++ b/index.html @@ -12,10 +12,10 @@
- + salem
+

Сергей

-

Сергей

Возраст: 29 лет
Порода: коттерьер
@@ -26,7 +26,8 @@

Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
Возраст ~ 29 лет
- С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + С другими котами контактирует только в деловых отношениях, личной жизни нет, + как и времени на обычную жизнь, по выходным работает сверхурочно, чтобы погасить кредит за квартиру.

Статус: пока еще двигается. @@ -35,10 +36,10 @@

- + salem
+

Альбина

-

Альбина

Возраст: 19 лет
Порода: таксакот
@@ -47,9 +48,11 @@

Статус: активен

- Учится в университете на гуманитария, но не знает, что будет потом делать, возможно, поедет к маме в деревню
+ Учится в университете на гуманитария, но не знает, + что будет потом делать, возможно, поедет к маме в деревню
Возраст ~ 19 лет
- Очень много подружек с которыми она общается, ей нравится один парень, но она боится к нему подойти, вдруг он подумает, + Очень много подружек с которыми она общается, ей нравится один парень, + но она боится к нему подойти, вдруг он подумает, что она странная

Статус: все еще учится @@ -58,10 +61,10 @@

- + salem
+

Салем-качек

-

Салем-качек

Возраст: неизвестно
Порода: волшебник
@@ -80,10 +83,10 @@

- + salem
+

Салем-наМассе

-

Салем-наМассе

Возраст: неизвестнот
Порода: волшебник
@@ -92,7 +95,8 @@

Статус: активен

- Для того чтобы накачатся, он набирает массу, но всегда останавливается на половине пути...
+ Для того чтобы накачатся, он набирает массу, + но всегда останавливается на половине пути...
Возраст ~ неизвестно
Ему нужна еда

@@ -102,10 +106,11 @@

- + salem
+

Салем-лепс

-

Салем-лепс

Возраст: неизвестнот
Порода: волшебник
@@ -124,10 +129,10 @@

- + salem
+

Салем-афтерлепс

-

Салем-афтерлепс

Возраст: неизвестнот
Порода: волшебник
@@ -146,10 +151,10 @@

- + salem
+

Салем-афтер-афтерлепс

-

Салем-афтер-афтерлепс

Возраст: неизвестнот
Порода: волшебник
@@ -168,10 +173,10 @@

- + salem
+

Салем-привидение

-

Салем-привидение

Возраст: неизвестнот
Порода: волшебник
@@ -190,10 +195,11 @@

- + salem
+

РЕПГАД

-

РЕПГАД

Возраст: неизвестнот
Порода: волшебник
@@ -212,10 +218,10 @@

- + salem
+

9-хвостый

-

9-хвостый

Возраст: неизвестнот
Порода: студент
@@ -224,9 +230,11 @@

Статус: рожден в дедлайне

- Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
+ Работает менеджером среднего звена в отделе логистики, + с 8:00 до 18:00 5 дней в неделю
Возраст ~ 29 лет
- С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + С другими котами контактирует только в деловых отношениях, + личной жизни нет, как и времени на обычную жизнь, по выходным работает сверхурочно, чтобы погасить кредит за квартиру.

Статус: пока еще двигается. @@ -235,10 +243,11 @@

- + salem
+

Мой компилятор

-

Мой компилятор

Возраст: неизвестнот
Порода: волшебник
@@ -249,7 +258,8 @@

Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
Возраст ~ 29 лет
- С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + С другими котами контактирует только в деловых отношениях, + личной жизни нет, как и времени на обычную жизнь, по выходным работает сверхурочно, чтобы погасить кредит за квартиру.

Статус: пока еще двигается. @@ -258,10 +268,11 @@

- + salem
+

Сергей

-

Сергей

Возраст: 29 лет
Порода: коттерьер
@@ -272,7 +283,8 @@

Работает менеджером среднего звена в отделе логистики, с 8:00 до 18:00 5 дней в неделю
Возраст ~ 29 лет
- С другими котами контактирует только в деловых отношениях, личной жизни нет, как и времени на обычную жизнь, + С другими котами контактирует только в деловых отношениях, + личной жизни нет, как и времени на обычную жизнь, по выходным работает сверхурочно, чтобы погасить кредит за квартиру.

Статус: пока еще двигается. From 59744174c36aa2d87f4bccc0ba3ca3269ff38902 Mon Sep 17 00:00:00 2001 From: malaev <30991434+malaev@users.noreply.github.com> Date: Thu, 1 Nov 2018 14:24:30 +0300 Subject: [PATCH 3/3] Update index.css --- index.css | 98 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 98 insertions(+) diff --git a/index.css b/index.css index e69de29..da6dec5 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,98 @@ +header +{ + position: relative; +} + +article +{ + padding: 10px 20px; + border: 1px solid #b5b5b5; + width: 400px; + margin: auto; + transition-duration: .5s; +} + +.name +{ + width: 400px; +} + +section +{ + width: 400px; +} + +.image_container +{ + width: 100%; + height: 400px; + overflow: hidden; +} + +img +{ + width: 100%; + height: 100%; +} + +.small_description +{ + display: none; +} + +.hamburger +{ + cursor: pointer; + font-size: 30px; + display: inline-block; + transition-duration: .5s; +} + +.view +{ + display: none; +} + +.view:checked ~ header .hamburger +{ + transform: rotate(90deg); +} + +.view:checked ~ article +{ + display: inline-block; +} + +.view:checked ~ article section .small_description +{ + display: inline; +} + +.view:checked ~ article +{ + border: 1px solid #b5b5b5; + width: 350px; + transition-duration: .5s; + padding: 0; + margin: 4px; +} + +.view:checked ~ article section +{ + padding: 5px; +} + +.view:checked ~ article:hover +{ + box-shadow: 0 1px 9px 0 #00000087; +} + +.view:checked ~ article .image_container +{ + height: 300px; +} + +.view:checked ~ article section .description +{ + display: none; +}