1<!doctype html>
2<html>
3  <head>
4    <link href="/css/style.css" rel="stylesheet" type="text/cs">
5    <link href="http://fonts.googleapis.com/css?family=Coming+Soon:regular" rel="stylesheet" type="text/css">
6  </head>
7  <body>
8    <ul id="tasklist">
9      {% if tasks|length == 0 %}
10      <li>
11        <span class="check">
12          <span>
13            &nbsp;
14          </span>
15        </span>
16      {% if authorize_url %}
17        <a class="title" title="Grant read access to your tasks" href="{{ authorize_url }}">Grant Access</a>
18      {% else %}
19        <a class="title" title="Add more tasks in Gmail" href="http://mail.google.com/">Add More Tasks</a>
20      {% endif %}
21      </li>
22      {% endif %}
23      {% for task in tasks %}
24      <li class="{{ task.status }}">
25        <span class="check">
26          <span>
27            {% if task.status == "completed" %}
28            &#x2713;
29            {% else %}
30            &nbsp;
31            {% endif %}
32          </span>
33        </span>
34        <a class="title" title="{{ task.title }}">{{ task.title_short }}</a>
35      </li>
36      {% endfor %}
37    </ul>
38  </body>
39</html>
40