From 1ee23998807a20f6152a8cf5ed987f257af91c38 Mon Sep 17 00:00:00 2001
From: Emil Miler <emil.miler@pedf.cuni.cz>
Date: Wed, 14 Oct 2020 13:49:18 +0200
Subject: [PATCH] =?UTF-8?q?Vkl=C3=A1d=C3=A1n=C3=AD=20vide=C3=AD=20podle=20?=
 =?UTF-8?q?grafick=C3=A9ho=20n=C3=A1vrhu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/_mobile.scss                 |  5 +++++
 sass/style.scss                   | 12 ++++++++++++
 templates/shortcodes/youtube.html |  6 ++++++
 3 files changed, 23 insertions(+)
 create mode 100644 templates/shortcodes/youtube.html

diff --git a/sass/_mobile.scss b/sass/_mobile.scss
index ac53d0f..f5b169e 100644
--- a/sass/_mobile.scss
+++ b/sass/_mobile.scss
@@ -45,6 +45,11 @@ main {
 				text-align: center;
 			}
 		}
+
+		div.video iframe {
+			margin: 0 0 2em 0;
+			width: 100%;
+		}
 	}
 }
 
diff --git a/sass/style.scss b/sass/style.scss
index cc6ea32..4200125 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -231,6 +231,18 @@ main {
 				}
 			}
 		}
+
+		div.video {
+			min-height: 15em;
+			margin-bottom: 5em;
+
+			iframe {
+				float: left;
+				margin: 0 2em 0 0;
+				width: 50%;
+				min-height: inherit;
+			}
+		}
 	}
 }
 
diff --git a/templates/shortcodes/youtube.html b/templates/shortcodes/youtube.html
new file mode 100644
index 0000000..d754d23
--- /dev/null
+++ b/templates/shortcodes/youtube.html
@@ -0,0 +1,6 @@
+<div class="video">
+	<iframe src="//www.youtube.com/embed/{{ id }}" frameborder="0" allowfullscreen></iframe>
+	{% if description %}
+		<p>{{ description | safe }}</p>
+	{% endif %}
+</div>