diff --git a/website/resources/css/custom.css b/website/resources/css/custom.css index 5e28b7cf..2cbf26a0 100644 --- a/website/resources/css/custom.css +++ b/website/resources/css/custom.css @@ -50,12 +50,9 @@ } #clickForVideo { - padding: 20px 30px; - background-color: #DDD; cursor: pointer; margin-left: auto; margin-right: auto; - margin-bottom: 40px; } pre { diff --git a/website/resources/img/video.png b/website/resources/img/video.png new file mode 100644 index 00000000..7e70d021 Binary files /dev/null and b/website/resources/img/video.png differ diff --git a/website/resources/js/main.js b/website/resources/js/main.js index cbda59b9..eaf5e188 100644 --- a/website/resources/js/main.js +++ b/website/resources/js/main.js @@ -1,14 +1,6 @@ "use strict"; (function($) { - function clickToTap() { - if (matchMedia && matchMedia('(hover: none)').matches) $(".clickToTap").each(function() { - var x = $(this); - if (x.text() === "Click") x.text("Tap"); - else x.text("tap"); - }); - } - function clickForVideo() { var cfv = $("#clickForVideo"); var f = function() { @@ -41,7 +33,13 @@ video.currentTime = (((h * 60) + m) * 60) + s; } - $(clickToTap); + function aButtonsRespondToSpacebar() { + $('a[role="button"]').keyup(function(e) { + if (e.which == 32) e.target.click(); + }); + } + $(clickForVideo); $(seekVideo); + $(aButtonsRespondToSpacebar); })($); diff --git a/website/templates/index.html b/website/templates/index.html index bb868517..85531701 100644 --- a/website/templates/index.html +++ b/website/templates/index.html @@ -10,7 +10,7 @@