diff --git a/.gitignore b/.gitignore index 8b13789..722d5e7 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1 @@ - +.vscode diff --git a/blocks/authors/__desc/authors__desc.css b/blocks/authors/__desc/authors__desc.css new file mode 100644 index 0000000..1646b7b --- /dev/null +++ b/blocks/authors/__desc/authors__desc.css @@ -0,0 +1,8 @@ +.authors__desc:first-of-type { + padding-right: 16px; + border-right: 1px solid var(--border-color); +} + +.authors__desc:last-of-type { + padding-left: 16px; +} \ No newline at end of file diff --git a/blocks/authors/__list/authors__list.css b/blocks/authors/__list/authors__list.css new file mode 100644 index 0000000..4ce5c46 --- /dev/null +++ b/blocks/authors/__list/authors__list.css @@ -0,0 +1,5 @@ +.authors__list { + margin: 23px 0 0; + padding: 0; + list-style: none; +} \ No newline at end of file diff --git a/blocks/authors/__text-block/authors__text-block.css b/blocks/authors/__text-block/authors__text-block.css new file mode 100644 index 0000000..34f56e1 --- /dev/null +++ b/blocks/authors/__text-block/authors__text-block.css @@ -0,0 +1,3 @@ +.authors__text-block { + padding: 0 120px 0 182px; +} \ No newline at end of file diff --git a/blocks/authors/__text/authors__text.css b/blocks/authors/__text/authors__text.css new file mode 100644 index 0000000..770b18c --- /dev/null +++ b/blocks/authors/__text/authors__text.css @@ -0,0 +1,4 @@ +.authors__text { + max-width: 420px; + margin: 4px 0 24px 24px; +} \ No newline at end of file diff --git a/blocks/lead/__image/lead__image.css b/blocks/lead/__image/lead__image.css new file mode 100644 index 0000000..77a32a8 --- /dev/null +++ b/blocks/lead/__image/lead__image.css @@ -0,0 +1,4 @@ +.lead__image { + width: 100%; + display: block; +} \ No newline at end of file diff --git a/blocks/lead/__link/lead__link.css b/blocks/lead/__link/lead__link.css new file mode 100644 index 0000000..5442cc3 --- /dev/null +++ b/blocks/lead/__link/lead__link.css @@ -0,0 +1,16 @@ +.lead__link { + margin-top: 16px; + padding: 16px; + width: 240px; + height: 56px; + box-sizing: border-box; + border: 1px solid var(--border-color-black); + position: relative; + transition: color .2s ease .1s; +} + +.lead__link:before { + top: 14px; + right: 13px; + background-position: 85% 50%; +} \ No newline at end of file diff --git a/blocks/lead/__text-block/lead__text-block.css b/blocks/lead/__text-block/lead__text-block.css new file mode 100644 index 0000000..29ab412 --- /dev/null +++ b/blocks/lead/__text-block/lead__text-block.css @@ -0,0 +1,7 @@ +.lead__text-block:first-of-type { + padding: 62px 120px; +} + +.lead__text-block:last-of-type { + max-width: 720px; +} \ No newline at end of file diff --git a/blocks/lead/lead.css b/blocks/lead/lead.css new file mode 100644 index 0000000..76fb217 --- /dev/null +++ b/blocks/lead/lead.css @@ -0,0 +1,6 @@ +.lead { + width: 100%; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-column: 1 / 3; +} \ No newline at end of file diff --git a/blocks/link/link.css b/blocks/link/link.css new file mode 100644 index 0000000..aba5a5c --- /dev/null +++ b/blocks/link/link.css @@ -0,0 +1,57 @@ +.link { + display: block; + font-family: 'Formular', sans-serif; + font-style: normal; + font-weight: 300; + font-size: 16px; + line-height: 22px; + box-sizing: border-box; + text-transform: uppercase; + color: var(--link-color); + text-decoration: none; +} + +.link:before { + content: ''; + display: block; + width: 25px; + height: 25px; + position: absolute; + top: 3px; + right: 0; + background: transparent var(--link-image) no-repeat center; +} + +.link:after { + content: ''; + display: block; + position: absolute; + top: 0; + left: 0; + width: 0; + height: 100%; + background-color: var(--hover-bg-color); + transition: width .4s ease; + z-index: -1; +} + +.link:hover { + color: var(--text-color-hover); +} + +.link:hover:before { + background: var(--link-image-hover); + transition: background .2s ease .2s; +} + +.link:hover:after { + width: 100%; +} + +.link:active { + border-color: var(--active-bg-color); +} + +.link:active:after { + transform: scale(1.1); +} \ No newline at end of file diff --git a/blocks/page/page.css b/blocks/page/page.css index 9890f81..33f0226 100644 --- a/blocks/page/page.css +++ b/blocks/page/page.css @@ -3,13 +3,20 @@ min-width: 320px; margin: 0 auto; --text-color: #242424; + --text-color-hover: #fff; + --link-color: #242424; --main-bg-color: #e5e5e5; --hover-bg-color: #242424; --active-bg-color: #242424; - --border-color: #242424; --slide-bg-color: #fff; + --preview-bg-color: #B7C09D; + --video-control-bg-color: #ECEBE8; + --border-color: #242424; + --border-color-black: #000; --btn-image: url(../../../images/arrow.svg); --btn-image-hover: url(../../../images/arrow-white.svg); + --link-image: url(../../../images/arrow.svg); + --link-image-hover: url(../../../images/arrow-white.svg); background-color: var(--main-bg-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; diff --git a/blocks/preview/__container/preview__container.css b/blocks/preview/__container/preview__container.css new file mode 100644 index 0000000..fe777b3 --- /dev/null +++ b/blocks/preview/__container/preview__container.css @@ -0,0 +1,8 @@ +.preview__container { + min-height: 300px; + margin-bottom: 16px; + display: flex; + flex-direction: column; + justify-content: space-between; + background: var(--preview-bg-color); +} \ No newline at end of file diff --git a/blocks/preview/__items/preview__items.css b/blocks/preview/__items/preview__items.css new file mode 100644 index 0000000..e907ade --- /dev/null +++ b/blocks/preview/__items/preview__items.css @@ -0,0 +1,5 @@ +.preview__items { + margin: 0; + padding: 0; + list-style: none; +} \ No newline at end of file diff --git a/blocks/preview/__link/_rotate/preview__link_rotate_arrow.css b/blocks/preview/__link/_rotate/preview__link_rotate_arrow.css new file mode 100644 index 0000000..56c58ec --- /dev/null +++ b/blocks/preview/__link/_rotate/preview__link_rotate_arrow.css @@ -0,0 +1,3 @@ +.preview__link_rotate_arrow:before { + transform: rotate(90deg); +} \ No newline at end of file diff --git a/blocks/preview/__link/preview__link.css b/blocks/preview/__link/preview__link.css new file mode 100644 index 0000000..71472c0 --- /dev/null +++ b/blocks/preview/__link/preview__link.css @@ -0,0 +1,12 @@ +.preview__link { + padding: 17px; + border-top: 1px solid var(--border-color); + position: relative; + z-index: 1; +} + +.preview__link:before { + top: 16px; + right: 16px; + transform: rotate(-45deg); +} \ No newline at end of file diff --git a/blocks/preview/__title/preview__title.css b/blocks/preview/__title/preview__title.css new file mode 100644 index 0000000..6d8299d --- /dev/null +++ b/blocks/preview/__title/preview__title.css @@ -0,0 +1,3 @@ +.preview__title { + padding: 24px; +} \ No newline at end of file diff --git a/blocks/preview/preview.css b/blocks/preview/preview.css new file mode 100644 index 0000000..a43745a --- /dev/null +++ b/blocks/preview/preview.css @@ -0,0 +1,4 @@ +.preview { + max-width: 240px; + margin-top: 80px; +} \ No newline at end of file diff --git a/blocks/projects/__link/projects__link.css b/blocks/projects/__link/projects__link.css new file mode 100644 index 0000000..dbb99ef --- /dev/null +++ b/blocks/projects/__link/projects__link.css @@ -0,0 +1,18 @@ +.projects__link { + width: 120px; + height: 32px; + margin: 32px 0 0 30px; + padding: 3px 0 0 10px; + display: flex; + align-items: center; + border-bottom: 1px solid var(--border-color); + border-right: 1px solid var(--border-color); + grid-column: 1 / 3; + position: relative; + transition: color .2s ease .1s; +} + +.projects__link:before { + transform: rotate(180deg); + +} \ No newline at end of file diff --git a/blocks/projects/projects.css b/blocks/projects/projects.css new file mode 100644 index 0000000..b9aee79 --- /dev/null +++ b/blocks/projects/projects.css @@ -0,0 +1,4 @@ +.projects { + display: grid; + grid-template: 94px auto auto / repeat(2, 1fr); +} \ No newline at end of file diff --git a/blocks/text-block/__caption/text-block__caption.css b/blocks/text-block/__caption/text-block__caption.css index 9def729..b46c46e 100644 --- a/blocks/text-block/__caption/text-block__caption.css +++ b/blocks/text-block/__caption/text-block__caption.css @@ -1,6 +1,6 @@ .text-block__caption { margin: 0; - font-family: 'Neue Machina'; + font-family: 'Neue Machina', sans-serif; font-style: normal; font-weight: 400; font-size: 20px; diff --git a/blocks/text-block/__desc-items/text-block__desc-items.css b/blocks/text-block/__desc-items/text-block__desc-items.css new file mode 100644 index 0000000..dd892eb --- /dev/null +++ b/blocks/text-block/__desc-items/text-block__desc-items.css @@ -0,0 +1,3 @@ +.text-block__desc-items { + display: flex; +} \ No newline at end of file diff --git a/blocks/text-block/__desc/_font-size/_s/text-block__desc_font-size_s.css b/blocks/text-block/__desc/_font-size/_s/text-block__desc_font-size_s.css new file mode 100644 index 0000000..ada2a46 --- /dev/null +++ b/blocks/text-block/__desc/_font-size/_s/text-block__desc_font-size_s.css @@ -0,0 +1,4 @@ +.text-block__desc_font-size_s { + font-size: 16px; + line-height: 1.37; +} \ No newline at end of file diff --git a/blocks/text-block/__desc/_margin-left/text-block__desc_margin-left.css b/blocks/text-block/__desc/_margin-left/text-block__desc_margin-left.css new file mode 100644 index 0000000..285ed2d --- /dev/null +++ b/blocks/text-block/__desc/_margin-left/text-block__desc_margin-left.css @@ -0,0 +1,3 @@ +.text-block__desc_margin-left { + margin-left: 5px; +} \ No newline at end of file diff --git a/blocks/text-block/__desc/_margin_size/_l/text-block__desc_margin_size_l.css b/blocks/text-block/__desc/_margin_size/_l/text-block__desc_margin_size_l.css new file mode 100644 index 0000000..bd9c67c --- /dev/null +++ b/blocks/text-block/__desc/_margin_size/_l/text-block__desc_margin_size_l.css @@ -0,0 +1,3 @@ +.text-block__desc_margin_size_l { + margin: 48px 0 68px; +} \ No newline at end of file diff --git a/blocks/text-block/__desc/_margin_size/_s/text-block__desc_margin_size_s.css b/blocks/text-block/__desc/_margin_size/_s/text-block__desc_margin_size_s.css new file mode 100644 index 0000000..ab0dde5 --- /dev/null +++ b/blocks/text-block/__desc/_margin_size/_s/text-block__desc_margin_size_s.css @@ -0,0 +1,3 @@ +.text-block__desc_margin_size_s { + margin-top: 7px; +} \ No newline at end of file diff --git a/blocks/text-block/__desc/text-block__desc.css b/blocks/text-block/__desc/text-block__desc.css new file mode 100644 index 0000000..a747e1d --- /dev/null +++ b/blocks/text-block/__desc/text-block__desc.css @@ -0,0 +1,11 @@ +.text-block__desc { + margin: 0; + max-width: 590px; + font-family: 'Neue Machina', sans-serif; + font-style: normal; + font-weight: 400; + font-size: 28px; + line-height: 1.14; + letter-spacing: -0.01em; + color: var(--text-color); +} \ No newline at end of file diff --git a/blocks/text-block/__link/text-block__link.css b/blocks/text-block/__link/text-block__link.css new file mode 100644 index 0000000..f3e374a --- /dev/null +++ b/blocks/text-block/__link/text-block__link.css @@ -0,0 +1,8 @@ +.text-block__link { + font-family: 'Formular', sans-serif; + font-style: normal; + font-weight: 300; + font-size: 16px; + line-height: 1.37; + color: var(--text-color); +} \ No newline at end of file diff --git a/blocks/text-block/__subtitle/_placed/text-block__subtitle_placed_lead.css b/blocks/text-block/__subtitle/_placed/text-block__subtitle_placed_lead.css new file mode 100644 index 0000000..8acce80 --- /dev/null +++ b/blocks/text-block/__subtitle/_placed/text-block__subtitle_placed_lead.css @@ -0,0 +1,4 @@ +.text-block__subtitle_placed_lead { + margin: 37px 0 212px 61px; + max-width: 400px; +} \ No newline at end of file diff --git a/blocks/text-block/__subtitle/text-block__subtitle.css b/blocks/text-block/__subtitle/text-block__subtitle.css new file mode 100644 index 0000000..cfa150d --- /dev/null +++ b/blocks/text-block/__subtitle/text-block__subtitle.css @@ -0,0 +1,10 @@ +.text-block__subtitle { + margin: 0; + font-family: 'Neue Machina', sans-serif; + font-style: normal; + font-weight: 400; + font-size: 20px; + line-height: 1.2; + letter-spacing: -0.01em; + color: var(--text-color); +} \ No newline at end of file diff --git a/blocks/text-block/__text/_placed/text-block__text_placed_authors.css b/blocks/text-block/__text/_placed/text-block__text_placed_authors.css new file mode 100644 index 0000000..f49d4ac --- /dev/null +++ b/blocks/text-block/__text/_placed/text-block__text_placed_authors.css @@ -0,0 +1,3 @@ +.text-block__text_placed_authors { + margin: 3px 0 25px 27px; +} \ No newline at end of file diff --git a/blocks/text-block/__text/_placed/text-block__text_placed_brief.css b/blocks/text-block/__text/_placed/text-block__text_placed_brief.css new file mode 100644 index 0000000..b336e0b --- /dev/null +++ b/blocks/text-block/__text/_placed/text-block__text_placed_brief.css @@ -0,0 +1,9 @@ +.text-block__text_placed_brief { + max-width: 602px; + margin-bottom: 16px; + text-indent: 59px; +} + +.text-block__text_placed_brief:first-of-type { + text-indent: 0; +} \ No newline at end of file diff --git a/blocks/text-block/__text/text-block__text.css b/blocks/text-block/__text/text-block__text.css index d57c687..f798769 100644 --- a/blocks/text-block/__text/text-block__text.css +++ b/blocks/text-block/__text/text-block__text.css @@ -1,11 +1,10 @@ .text-block__text { margin: 0; - font-family: 'Formular'; + font-family: 'Formular', sans-serif; font-weight: 300; font-size: 20px; line-height: 1.4; letter-spacing: -0.01em; font-feature-settings: 'ss01' on; color: var(--text-color); - } \ No newline at end of file diff --git a/blocks/text-block/__title-item/text-block__title-item.css b/blocks/text-block/__title-item/text-block__title-item.css new file mode 100644 index 0000000..67948e0 --- /dev/null +++ b/blocks/text-block/__title-item/text-block__title-item.css @@ -0,0 +1,9 @@ +.text-block__title-item { + margin: 0; + font-family: 'Formular', sans-serif; + font-style: normal; + font-weight: 300; + font-size: 16px; + line-height: 1.37; + color: var(--text-color); +} \ No newline at end of file diff --git a/blocks/text-block/__title/_font-size/_l/text-block__title_font-size_l.css b/blocks/text-block/__title/_font-size/_l/text-block__title_font-size_l.css new file mode 100644 index 0000000..1f68a65 --- /dev/null +++ b/blocks/text-block/__title/_font-size/_l/text-block__title_font-size_l.css @@ -0,0 +1,4 @@ +.text-block__title_font-size_l { + font-size: 72px; + line-height: .97; +} \ No newline at end of file diff --git a/blocks/text-block/__title/_font-size/_s/text-block__title_font-size_s.css b/blocks/text-block/__title/_font-size/_s/text-block__title_font-size_s.css new file mode 100644 index 0000000..133f4ee --- /dev/null +++ b/blocks/text-block/__title/_font-size/_s/text-block__title_font-size_s.css @@ -0,0 +1,4 @@ +.text-block__title_font-size_s { + font-size: 20px; + line-height: 1.2; +} \ No newline at end of file diff --git a/blocks/text-block/__title/text-block__title.css b/blocks/text-block/__title/text-block__title.css index bbb424c..b9164f0 100644 --- a/blocks/text-block/__title/text-block__title.css +++ b/blocks/text-block/__title/text-block__title.css @@ -1,10 +1,9 @@ .text-block__title { margin: 0; - font-family: 'Neue Machina'; + font-family: 'Neue Machina', sans-serif; font-weight: 400; font-size: 40px; line-height: 1; letter-spacing: -0.01em; color: var(--text-color); - flex-grow: 1; } \ No newline at end of file diff --git a/blocks/text-block/_placed/text-block_placed_slider-title.css b/blocks/text-block/_placed/text-block_placed_slider-title.css index 403d7a4..0685544 100644 --- a/blocks/text-block/_placed/text-block_placed_slider-title.css +++ b/blocks/text-block/_placed/text-block_placed_slider-title.css @@ -1,4 +1,5 @@ .text-block_placed_slider-title { max-width: 718px; flex-direction: row; + justify-content: space-between; } \ No newline at end of file diff --git a/blocks/video/__content/video__content.css b/blocks/video/__content/video__content.css new file mode 100644 index 0000000..fc1d317 --- /dev/null +++ b/blocks/video/__content/video__content.css @@ -0,0 +1,5 @@ +.video__content { + width: 100%; + max-width: 691px; + min-height: 389px; +} \ No newline at end of file diff --git a/blocks/video/__control/video__control.css b/blocks/video/__control/video__control.css new file mode 100644 index 0000000..32e340b --- /dev/null +++ b/blocks/video/__control/video__control.css @@ -0,0 +1,27 @@ +.video__control { + width: 64px; + height: 64px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: var(--video-control-bg-color); + border-radius: 50%; + cursor: pointer; + z-index: 1; +} + +.video__control:before { + content: ''; + margin-left: 2px; + width: 100%; + height: 100%; + display: block; + background: transparent url(../../../images/play.svg) no-repeat center; + transition: all .4s ease; +} + +.video__control:hover:before { + margin-left: 4px; + transform: scale(1.5); +} \ No newline at end of file diff --git a/blocks/video/video.css b/blocks/video/video.css new file mode 100644 index 0000000..f2e2fad --- /dev/null +++ b/blocks/video/video.css @@ -0,0 +1,5 @@ +.video { + width: 100%; + margin-bottom: 61px; + position: relative; +} \ No newline at end of file diff --git a/images/lead-image.jpg b/images/lead-image.jpg new file mode 100644 index 0000000..810bba3 Binary files /dev/null and b/images/lead-image.jpg differ diff --git a/images/play.svg b/images/play.svg new file mode 100644 index 0000000..4303c26 --- /dev/null +++ b/images/play.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/poster.jpg b/images/poster.jpg new file mode 100644 index 0000000..6cbf797 Binary files /dev/null and b/images/poster.jpg differ diff --git a/index.html b/index.html index 6ae55b9..f63d24c 100644 --- a/index.html +++ b/index.html @@ -1,241 +1,317 @@ - - - - - - - - Фестиваль Любимовка - - - - - - -
- -
- -
- -
- -
- -
- -
- -
- -
- -
-
-

Отзывы зрителей

-
-
    -
  • - -
    • -
  • - -
    • -
  • - -
    • -
  • - -
    • -
- - -
-
- - -
- -
- -
- -
- - - - + + + + + + + + Фестиваль Любимовка + + + + + + +
+ +
+ +
+ +
+ проекты +
+
+

С_училища

+

Пьеса о демоническом обаянии студентки ПТУ и ее роковой роли в жизни преподавателя философии.

+

12 мая 20:00

+ билеты +
+
+ Изоборажение пьесы +

Семён Серзин сделал читку этой пьесы в рамках основной программы Любимовки-2017, Варочный Цех предоставил грант на постановку, а Московский драматический театр имени А.С. Пушкина принял спектакль в репертуар.

+
+
+
+
+
+

1 ч. 15 мин.

+

18+

+
+
    +
  • +

    Драматург

    +

    Роберт Аскинс

    +
    • +
  • +

    Перевод

    +

    Оксана Алёшина

    +
    • +
  • +

    Адаптация текста

    +

    Валерий Печейкин

    +
    • +
  • +

    Режиссёр

    +

    Юрий Муравицкий

    +
    • +
  • +

    Актёры

    +

    Фёдор Кокорев, Коля Ноекёльн, Ксения Чекина, Александр Пронькин, Владимир Морозов, Светлана Маршанкина

    +
    • +
+
+
+
+
+ + +
+
+

Пьеса «Длань Господня» (Hand to God) — лауреат американской театральной премии OBIE (Off-Broadway Theater Awards), номинант ежегодно присуждаемой премии TONY (Theatre Of New York), театрального аналога «Оскара», и номинант на Британскую премию Лоуренса Оливье в качестве «Лучшей Новой Комедии». Она была поставлена в бродвейских театрах и в лондонском Вест-Энде.

+

Этот спектакль – результат коллаборации фестиваля драматургии «Любимовка», который запустил проект по выпуску собственных спектаклей «Любимовка.Продакшн», Театра 18+ и Театра.doc. Исполнители – выпускники актерской лаборатории Юрия Муравицкого Московской Школы Нового Кино.

+

Режиссёр спектакля Юрий Муравицкий – лауреат Национальной театральной премии «Золотая маска», лауреат премий Herald Angel Award и Total Theatre Award в номинации Innovation, Experimentation & Playing with Form на Edinburgh Festival Fringe: «В этой пьесе меня задевает её смелость и свобода. И то, что она написана смешно. Мне сейчас интересны комедии. В январе я выпустил «Lё Тартюф. Комедия» в театре на Таганке — тоже комедию и тоже в известном смысле антиклерикальную. У меня есть стойкое ощущение что всему, что сейчас происходит в нашей стране и в мире, мы можем противопоставить только смех. Иногда горький смех, иногда злой. Сейчас в воздухе столько ненависти, что нам всем полезно больше смеяться. И над собой в том числе. «Длань Господня» — это чёрная комедия. Помимо прочего, она показывает к чему приводит навязывание и насильственное насаждение религии».

+

Пьеса была успешно представлена в России в формате читки в 2016 году рамках лаборатории LARK+Любимовка на сцене Центра им. Мейерхольда.

+
+
+
+
+

С_училища

+ +
+

Андрей
+ Иванов

+

Санкт-Петербург
+ 2020

+
+
+
+
+ +
+ +
+ +
+ +
+ +
+
+

Отзывы зрителей

+
+
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
+ + +
+
+ + +
+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/pages/index.css b/pages/index.css index 3a1bee7..b41091a 100644 --- a/pages/index.css +++ b/pages/index.css @@ -1,52 +1,92 @@ -@import url(../vendor/normalize.css); -@import url(../vendor/fonts/fonts.css); - -@import url(../blocks/page/page.css); - -@import url(../blocks/header/header.css); - -@import url(../blocks/text-block/text-block.css); -@import url(../blocks/text-block/_placed/text-block_placed_center.css); -@import url(../blocks/text-block/_placed/text-block_placed_slider-title.css); -@import url(../blocks/text-block/_placed/text-block_placed_feedback.css); -@import url(../blocks/text-block/__title/text-block__title.css); -@import url(../blocks/text-block/__text/text-block__text.css); -@import url(../blocks/text-block/__caption/text-block__caption.css); -@import url(../blocks/text-block/__caption/_margin_size/text-block__caption_margin_size_l.css); -@import url(../blocks/slider-navigation/slider-navigation.css); -@import url(../blocks/switcher/switcher.css); -@import url(../blocks/switcher/__dot/switcher__dot.css); -@import url(../blocks/switcher/_placed/switcher_placed_slider-navigation.css); -@import url(../blocks/slider-btn/slider-btn.css); -@import url(../blocks/slider-btn/_type/slider-btn_type_next.css); -@import url(../blocks/slider-btn/_type/slider-btn_type_previous.css); -@import url(../blocks/slider/slider.css); -@import url(../blocks/slide/slide.css); -@import url(../blocks/slider/_placed/slider_placed_feedback.css); -@import url(../blocks/slide/_placed/slide_placed_feedback.css); - -@import url(../blocks/feedback/feedback.css); - -@import url(../blocks/footer/footer.css); -@import url(../blocks/footer/__logo/footer__logo.css); -@import url(../blocks/footer/__paragraph/footer__paragraph.css); -@import url(../blocks/footer/__partners/footer__partners.css); -@import url(../blocks/footer/__partners__label/footer__partners-label.css); -@import url(../blocks/footer/__partners-list/footer__partners-list.css); -@import url(../blocks/footer/__container/footer__container.css); -@import url(../blocks/footer/__contacts-address/footer__contacts-address.css); -@import url(../blocks/footer/__contacts/footer__contacts.css); -@import url(../blocks/footer/__contacts-place/footer__contacts-place.css); -@import url(../blocks/footer/__navbar/footer__navbar.css); -@import url(../blocks/footer/__navbar-links/footer__navbar-links.css); -@import url(../blocks/footer/__navbar-links-item/footer__navbar-links-item.css); -@import url(../blocks/footer/__grid/footer__grid.css); -@import url(../blocks/footer/__wrapper/footer__wrapper.css); -@import url(../blocks/footer/__copyrights/footer__copyrights.css); -@import url(../blocks/footer/__design/footer__design.css); -@import url(../blocks/footer/__copyrights-logo/footer__copyrights-logo.css); -@import url(../blocks/footer/__design-text/footer__design-text.css); -@import url(../blocks/footer/__link/footer__link.css); -@import url(../blocks/footer/__text/footer__text.css); -@import url(../blocks/footer/__devs/footer__devs.css); -@import url(../blocks/footer/__partner-logo/footer__partner-logo.css); +@import url(../vendor/normalize.css); +@import url(../vendor/fonts/fonts.css); + +@import url(../blocks/page/page.css); + +@import url(../blocks/header/header.css); + +@import url(../blocks/text-block/text-block.css); +@import url(../blocks/text-block/_placed/text-block_placed_center.css); +@import url(../blocks/text-block/_placed/text-block_placed_slider-title.css); +@import url(../blocks/text-block/_placed/text-block_placed_feedback.css); +@import url(../blocks/text-block/__title/text-block__title.css); +@import url(../blocks/text-block/__title/_font-size/_l/text-block__title_font-size_l.css); +@import url(../blocks/text-block/__title/_font-size/_s/text-block__title_font-size_s.css); +@import url(../blocks/text-block/__title-item/text-block__title-item.css); +@import url(../blocks/text-block/__subtitle/text-block__subtitle.css); +@import url(../blocks/text-block/__subtitle/_placed/text-block__subtitle_placed_lead.css); +@import url(../blocks/text-block/__text/text-block__text.css); +@import url(../blocks/text-block/__text/_placed/text-block__text_placed_brief.css); +@import url(../blocks/text-block/__text/_placed/text-block__text_placed_authors.css); +@import url(../blocks/text-block/__desc/text-block__desc.css); +@import url(../blocks/text-block/__desc/_font-size/_s/text-block__desc_font-size_s.css); +@import url(../blocks/text-block/__desc/_margin_size/_l/text-block__desc_margin_size_l.css); +@import url(../blocks/text-block/__desc/_margin_size/_s/text-block__desc_margin_size_s.css); +@import url(../blocks/text-block/__desc/_margin-left/text-block__desc_margin-left.css); +@import url(../blocks/text-block/__desc-items/text-block__desc-items.css); +@import url(../blocks/text-block/__link/text-block__link.css); +@import url(../blocks/text-block/__caption/text-block__caption.css); +@import url(../blocks/text-block/__caption/_margin_size/text-block__caption_margin_size_l.css); + +@import url(../blocks/link/link.css); + +@import url(../blocks/video/video.css); +@import url(../blocks/video/__content/video__content.css); +@import url(../blocks/video/__control/video__control.css); + +@import url(../blocks/preview/preview.css); +@import url(../blocks/preview/__container/preview__container.css); +@import url(../blocks/preview/__title/preview__title.css); +@import url(../blocks/preview/__items/preview__items.css); +@import url(../blocks/preview/__link/preview__link.css); +@import url(../blocks/preview/__link/_rotate/preview__link_rotate_arrow.css); + +@import url(../blocks/projects/projects.css); +@import url(../blocks/projects/__link/projects__link.css); + +@import url(../blocks/lead/lead.css); +@import url(../blocks/lead/__link/lead__link.css); +@import url(../blocks/lead/__text-block/lead__text-block.css); +@import url(../blocks/lead/__image/lead__image.css); + +@import url(../blocks/authors/__desc/authors__desc.css); +@import url(../blocks/authors/__list/authors__list.css); +@import url(../blocks/authors/__text-block/authors__text-block.css); + +@import url(../blocks/slider-navigation/slider-navigation.css); +@import url(../blocks/switcher/switcher.css); +@import url(../blocks/switcher/__dot/switcher__dot.css); +@import url(../blocks/switcher/_placed/switcher_placed_slider-navigation.css); +@import url(../blocks/slider-btn/slider-btn.css); +@import url(../blocks/slider-btn/_type/slider-btn_type_next.css); +@import url(../blocks/slider-btn/_type/slider-btn_type_previous.css); +@import url(../blocks/slider/slider.css); +@import url(../blocks/slide/slide.css); +@import url(../blocks/slider/_placed/slider_placed_feedback.css); +@import url(../blocks/slide/_placed/slide_placed_feedback.css); + +@import url(../blocks/feedback/feedback.css); + +@import url(../blocks/footer/footer.css); +@import url(../blocks/footer/__logo/footer__logo.css); +@import url(../blocks/footer/__paragraph/footer__paragraph.css); +@import url(../blocks/footer/__partners/footer__partners.css); +@import url(../blocks/footer/__partners__label/footer__partners-label.css); +@import url(../blocks/footer/__partners-list/footer__partners-list.css); +@import url(../blocks/footer/__container/footer__container.css); +@import url(../blocks/footer/__contacts-address/footer__contacts-address.css); +@import url(../blocks/footer/__contacts/footer__contacts.css); +@import url(../blocks/footer/__contacts-place/footer__contacts-place.css); +@import url(../blocks/footer/__navbar/footer__navbar.css); +@import url(../blocks/footer/__navbar-links/footer__navbar-links.css); +@import url(../blocks/footer/__navbar-links-item/footer__navbar-links-item.css); +@import url(../blocks/footer/__grid/footer__grid.css); +@import url(../blocks/footer/__wrapper/footer__wrapper.css); +@import url(../blocks/footer/__copyrights/footer__copyrights.css); +@import url(../blocks/footer/__design/footer__design.css); +@import url(../blocks/footer/__copyrights-logo/footer__copyrights-logo.css); +@import url(../blocks/footer/__design-text/footer__design-text.css); +@import url(../blocks/footer/__link/footer__link.css); +@import url(../blocks/footer/__text/footer__text.css); +@import url(../blocks/footer/__devs/footer__devs.css); +@import url(../blocks/footer/__partner-logo/footer__partner-logo.css); diff --git a/video/project.mp4 b/video/project.mp4 new file mode 100644 index 0000000..45c5a02 Binary files /dev/null and b/video/project.mp4 differ