From 7f3979c0cb6fd729059a60aadd9ad34d4f69ca2f Mon Sep 17 00:00:00 2001 From: Anton Vakhrushev <anwinged@ya.ru> Date: Thu, 26 Sep 2019 16:47:38 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?= =?UTF-8?q?=D0=B7=D0=B0=D0=BC=D0=B5=D1=82=D0=BA=D1=83=20=D1=81=20=D0=B2?= =?UTF-8?q?=D0=B8=D0=B4=D0=B5=D0=BE=20=D0=BF=D1=80=D0=BE=20=D0=B2=D1=8B?= =?UTF-8?q?=D1=81=D0=BE=D0=BA=D0=BE=D0=BD=D0=B0=D0=B3=D1=80=D1=83=D0=B6?= =?UTF-8?q?=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5=20=D1=81=D0=B8=D1=81=D1=82=D0=B5?= =?UTF-8?q?=D0=BC=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Makefile | 4 +-- .../_articles/2019-09-26-highload-videos.md | 25 +++++++++++++++++++ source/_assets/layout_internal/style.scss | 1 + .../layout_internal/youtube-embed.scss | 17 +++++++++++++ 4 files changed, 45 insertions(+), 2 deletions(-) create mode 100644 source/_articles/2019-09-26-highload-videos.md create mode 100644 source/_assets/layout_internal/youtube-embed.scss diff --git a/Makefile b/Makefile index 3e27e69..596fcbd 100644 --- a/Makefile +++ b/Makefile @@ -18,7 +18,7 @@ build-docker: ./tools/build-docker install-php-deps: - ./tools/composer install -n + ./tools/composer install --no-interaction install-js-deps: ./tools/npm ci @@ -59,7 +59,7 @@ format-php: format: format-pages format-assets format-php -watch: build-assets +watch: clean build-assets ./tools/sculpin generate \ --env="${APP_ENV}" \ --watch \ diff --git a/source/_articles/2019-09-26-highload-videos.md b/source/_articles/2019-09-26-highload-videos.md new file mode 100644 index 0000000..84c037a --- /dev/null +++ b/source/_articles/2019-09-26-highload-videos.md @@ -0,0 +1,25 @@ +--- +title: Высоконагруженные системы, видео +keywords: [highload, высоконагруженные системы, онтико, олег бунин] +--- + +Нашел три замечательных видеоролика о высоконагруженных проектах. +Архитектура, подходы, планирование, проблемы. Очень познавательно. + +## Часть 1 + +<div class="youtube-embed-container"> +<iframe src="https://www.youtube.com/embed/KmIE5K6adus" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> +</div> + +## Часть 2 + +<div class="youtube-embed-container"> +<iframe src="https://www.youtube.com/embed/sCm4qUw28y4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> +</div> + +## Часть 3 + +<div class="youtube-embed-container"> +<iframe src="https://www.youtube.com/embed/MG8-HmgOXlk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> +</div> diff --git a/source/_assets/layout_internal/style.scss b/source/_assets/layout_internal/style.scss index ecd7b46..d8a5fba 100644 --- a/source/_assets/layout_internal/style.scss +++ b/source/_assets/layout_internal/style.scss @@ -17,4 +17,5 @@ margin-bottom: 3em; @import 'content-tags'; + @import 'youtube-embed'; } diff --git a/source/_assets/layout_internal/youtube-embed.scss b/source/_assets/layout_internal/youtube-embed.scss new file mode 100644 index 0000000..c4e1fb6 --- /dev/null +++ b/source/_assets/layout_internal/youtube-embed.scss @@ -0,0 +1,17 @@ +.youtube-embed-container { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; + max-width: 100%; + + iframe, + object, + embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } +}