git.cworth.org Git - empires-server/blob - templates/base.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8"/>
   5     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
   6
   7     <title>{{ title }}</title>
   8
   9     <link rel="stylesheet" href="/reset.css" type="text/css" />
  10     <link rel="stylesheet" href="/style.css" type="text/css" />
  11
  12     <script>
  13       function undisplay(element) {
  14         element.style.display="none";
  15       }
  16
  17       function add_message(severity, message) {
  18         message = `<div class="message ${severity}" onclick="undisplay(this)">
  19 <span class="hide-button" onclick="undisplay(this.parentElement)">&times;</span>
  20 ${message}
  21 </div>`;
  22         const message_area = document.getElementById('message-area');
  23         message_area.insertAdjacentHTML('beforeend', message);
  24       }
  25     </script>
  26     {% block head %}
  27     {% endblock %}
  28
  29   </head>
  30   <body>
  31
  32     <div id="page">
  33
  34       <div id="message-area">
  35       </div>
  36
  37       {% block page %}
  38       {% endblock %}
  39
  40     </div>
  41   </body>
  42 </html>