{{template "_head.html" .}}

  <div class="timeline">
    {{ if .Tasks}} {{range .Tasks}}
    <div class="note">
      <p class="noteHeading">{{.Title}}</p> <span class="toggle glyphicon glyphicon-resize-full"></span>
      <p class="noteContent">{{.Content}}</p>
      <span class="notefooter">
                    <ul class="menu">
                      <li role="presentation">
                          <a role="menuitem" tabindex="-1" href="/incomplete/{{.Id}}">
                          <span class="glyphicon glyphicon-eye-close"></span></a>
                      </li>
                    <li role="presentation">
                      <a role="menuitem" tabindex="-1" href="/trash/{{.Id}}">
                        <span class="glyphicon glyphicon-trash"></span></a>
                    </li>
      <!--<li role="presentation">
        <a role="menuitem" tabindex="-1" href="/mask/{{.Id}}">
          <span class="glyphicon glyphicon-lock"></span> Mask</a>
      </li>
      <li role="presentation">
        <a role="menuitem" tabindex="-1" href="/archive/{{.Id}}">
          <span class="glyphicon glyphicon-inbox"></span> Edit</a>
      </li>
      <!-- <li role="presentation"><a role="menuitem" tabindex="-1" href="/restore/{{.Id}}">
                           <span class="glyphicon glyphicon-inbox"></span>  Restore</a></li> -->
      </ul>
      </span>
    </div>
    {{end}} {{else}}
    <div class="note">
      <p class="noteHeading">No Tasks here</p>
      <p class="notefooter">Go to home page <a href="/">here</a> </p>
    </div>
    {{end}}
  </div>
	{{template "_footer.gtpl"}}

</body>

</html>