<!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>