From 2588a27126a416a9690dd6f1948be90c63923214 Mon Sep 17 00:00:00 2001
From: David Kebler <d@kebler.net>
Date: Sat, 22 Apr 2017 17:10:49 -0700
Subject: [PATCH] add end to youtube parameters

---
 layouts/shortcodes/image.html   | 1 +
 layouts/shortcodes/youtube.html | 1 +
 static/css/page.css             | 2 +-
 static/js/youtube.js            | 3 ++-
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
index 588074d..1ebb969 100644
--- a/layouts/shortcodes/image.html
+++ b/layouts/shortcodes/image.html
@@ -2,6 +2,7 @@
 {{ $filename := .Get "filename" }}
 {{ with $.Site.Params.imagespath }} {{ $path := ( . ) }}{{ end }}
 <div class="box box--column box--image
+{{ with .Get "style"}} box--image-{{ . }}{{ end }}
 {{ with .Get "link"}}{{ if eq . "lightbox" }} box--image-lightbox{{ end }}{{ end }}
 "
 {{ with .Get "maxwidth"}} maxWidth="{{ . }}"{{ end }}
diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
index 733fbcd..bb306bb 100644
--- a/layouts/shortcodes/youtube.html
+++ b/layouts/shortcodes/youtube.html
@@ -12,6 +12,7 @@
     <div
        youtube_id="{{ .Get "id" }}"
        {{ with .Get "start"}} start="{{ . }}"{{ end }}
+       {{ with .Get "end"}} end="{{ . }}"{{ end }}
        {{ with .Get "plist"}} list="{{ . }}"{{ end }}
        {{ with $.Scratch.Get "maxwidth"}} maxWidth="{{ . }}"{{ end }}
        {{ with $.Scratch.Get "wpad"}} wPad="{{ . }}"{{ end }}
diff --git a/static/css/page.css b/static/css/page.css
index bfa53d2..6445a21 100644
--- a/static/css/page.css
+++ b/static/css/page.css
@@ -287,7 +287,7 @@
   justify-content: center;
   background-repeat: no-repeat;
   background-size: cover;
-  -webkit-filter: brightness(.8);
+  filter: brightness(0.8);
 }
 
 .thumb--yt:hover {
diff --git a/static/js/youtube.js b/static/js/youtube.js
index f298f61..4a95ddd 100644
--- a/static/js/youtube.js
+++ b/static/js/youtube.js
@@ -30,9 +30,10 @@
     var mw = $box.attr('maxWidth');
     var wp = $box.attr('wPad');
     var start = $box.attr("start") || 1
+    if ($box.attr("end")) { var end = "&end=" + $box.attr("end") } else { var end = "" }
     var list = ""
     if ($box.attr("list")) { list = `&list=${$box.attr("list")}` }
-    var url = `https://www.youtube.com/embed/${id}?${autoplay}start=${start}`
+    var url = `https://www.youtube.com/embed/${id}?${autoplay}start=${start}${end}`
     var vIframe = `<iframe width = "560" height = "315" src ="${url}${list}" frameborder = "0" allowfullscreen></iframe>`
     $box.html(vIframe).children().fitToWindow($box.data("maxWidth") || mw, $box.data("wPad") || wp)
   }