<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> <script src="js/shortcut.js"></script> <title>{% yield title %}</title> </head> <body> {% yield content %} <script> addEventListener("DOMContentLoaded", function(){ shortcut.add("Left", function() { document.getElementById("link-prev").click(); }, { 'disable_in_input': true, 'propagate': true }); shortcut.add("Right", function() { document.getElementById("link-next").click(); }, { 'disable_in_input': true, 'propagate': true }); shortcut.add("Home", function() { document.getElementById("link-home").click(); }, {'disable_in_input': true, 'propagate': true }); }); </script> </body> </html>