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
   8 {% import 'macros.imp.j2' as macros %}
   9
  10 {% block header %}
  11         <style>
  12         [name=q]::placeholder{
  13           color:#eee;
  14           opacity: .7;
  15         }
  16         </style>
  17         <span style=float:left>
  18         <a href="/">
  19         <b style=font-size:large><span style=font-family:serif>&Delta;</span>{{ request.host }}</b>
  20         </a>
  21         </span>
  22         {% if current_user.is_anonymous %}
  23         <a href="/login?next={{ request.url | urlencode }}" style=float:right>log in or sign up</a>
  24         {% else %}
  25         <span style=float:right>{{ current_user.name }} (<a href="/login">log out</a>)</span>
  26         {% endif %}
  27         <form method=get action=/search>
  28                 <input name=q style="margin:auto;display:block;width:30em;box-sizing:border-box;border:0;background:#666;color:#eee;padding:.2em"
  29                         placeholder="Search (through invidio.us)" value="{{ search_query | e }}">
  30                 <input type=hidden name=provider value="invidio.us:443">
  31                 <!--input type=submit value="?"-->
  32         </form>
  33         <hr>
  34 {% endblock %}
  35
  36 {% with messages = get_flashed_messages(with_categories=true) %}
  37   {% if messages %}
  38     <ul class=flashes>
  39     {% for (type, message) in messages %}
  40       <input type=radio hidden id="flash-{{ loop.index }}" class="flash-radio">
  41       <li class="{{ type }}"><label for="flash-{{ loop.index }}" class="flash-close" title="dismiss"></label><div class="flash-msg">{{ message }}</div></li>
  42     {% endfor %}
  43     </ul>
  44   {% endif %}
  45 {% endwith %}
  46
  47 <article>
  48         {% block content %}
  49         <h1>{{ self.title() }}</h1>
  50         {% endblock %}
  51 </article>
  52
  53 {% block footer %}{% endblock %}