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%;
+    }
+}