Add YouTube embed include for a future blog post

_includes/youtube.html

@@ -0,0 +1,6 @@
+<div class="image">
+  <iframe class="youtube" src="https://www.youtube-nocookie.com/embed/{{ include.video }}"><a href="https://www.youtube.com/watch?v={{ include.video }}">YouTube video</a></iframe>
+{% if include.description %}
+  <div class="imagecaption">{{ include.description }}</div>
+{% endif %}
+</div>

assets/css/style-print.css

@@ -36,7 +36,7 @@ a, a:visited {
 }
 
 /* Blog */
-figure.image {
+.image {
 	text-align: center;
 }
 img.heading {
@@ -72,6 +72,20 @@ code {
 	padding-right: 3pt;
 	-webkit-print-color-adjust: exact;
 }
+iframe {
+	display: block;
+	border: none;
+}
+iframe.youtube {
+	text-align: center;
+	margin: auto;
+	width: 640px;
+	height: 64px;
+	padding-bottom: 8pt;
+}
+button.ytp-button {
+	display: none;
+}
 
 /* Advanced features here, to avoid upsetting retro browsers. */
 tr:nth-child(odd) {

assets/css/style-reduced.css

@@ -117,3 +117,10 @@ code {
 	border-radius: 3pt; /* N/A on IE6 */
 	padding: 0pt 3pt;
 }
+iframe {
+	display: block;
+	border: none;
+}
+iframe.youtube {
+	display: none;
+}

assets/css/style.css

@@ -150,7 +150,7 @@ div#socialold {
 }
 
 /* Blog */
-figure.image {
+.image {
 	text-align: center;
 }
 img.heading {
@@ -212,3 +212,14 @@ code {
 	padding-left: 3pt;
 	padding-right: 3pt;
 }
+iframe {
+	display: block;
+	border: none;
+}
+iframe.youtube {
+	text-align: center;
+	margin: auto;
+	width: 640px;
+	height: 360px;
+	padding-bottom: 8pt;
+}