app/templates/base.html.j2

   1 <!DOCTYPE html>
   2 <title>{% block title %}{% endblock %}</title>
   3 {% block favicon %}
   4 <link rel="shortcut icon" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" fill="%23fff"><circle r="150" cx="150" cy="150" fill="%23f00"/><path d="m120 97v106l93-53"/></svg>'>
   5 {% endblock %}
   6 <link rel="stylesheet" href="/static/style.css">
   7 <meta name=viewport content="width=device-width, initial-scale=1">
   8
   9 {% import 'macros.imp.j2' as macros %}
  10
  11 {% block header %}
  12         <style>
  13         [name=q]::placeholder{
  14           color:#eee;
  15           opacity: .7;
  16         }
  17         </style>
  18         <span style=float:left>
  19         <a href="/">
  20         <b style=font-size:large><span style=font-family:serif>&Delta;</span>{{ request.host }}</b>
  21         </a>
  22         </span>
  23         {% if current_user.is_anonymous %}
  24         <a href="/login?next={{ request.url | urlencode }}" style=float:right>log in or sign up</a>
  25         {% else %}
  26         <span style=float:right>{{ current_user.name }} (<a href="/login">log out</a>)</span>
  27         {% endif %}
  28         <form method=get action=/search>
  29                 <input name=q style="margin:auto;display:block;width:30em;box-sizing:border-box;border:0;background:#666;color:#eee;padding:.2em"
  30                         placeholder="Search (through invidio.us)" value="{{ search_query | e }}">
  31                 <input type=hidden name=provider value="invidio.us:443">
  32                 <!--input type=submit value="?"-->
  33         </form>
  34         <hr>
  35 {% endblock %}
  36
  37 {% with messages = get_flashed_messages(with_categories=true) %}
  38   {% if messages %}
  39     <ul class=flashes>
  40     {% for (type, message) in messages %}
  41       <input type=radio hidden id="flash-{{ loop.index }}" class="flash-radio">
  42       <li class="{{ type }}"><label for="flash-{{ loop.index }}" class="flash-close" title="dismiss"></label><div class="flash-msg">{{ message }}</div></li>
  43     {% endfor %}
  44     </ul>
  45   {% endif %}
  46 {% endwith %}
  47
  48 <article>
  49         {% block content %}
  50         <h1>{{ self.title() }}</h1>
  51         {% endblock %}
  52 </article>
  53
  54 {% block footer %}{% endblock %}