onehis 0.3.0

All your history in one file
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="icon" href="/static/img/history.ico">
    <link type="text/css" rel="stylesheet" href="/static/css/bootstrap.min.css"/>
    <script src="/static/js/jquery-1.11.3.min.js"></script>
    <script src="/static/js/moment.min.js"></script>
    <script>
      $(function() {
        function ohsearchDetails(da) {
          let kw = $('#keyword').val();
          window.location = `/details/{{ymd}}?keyword=${encodeURIComponent(kw)}`;
          return false;
        }
        $('#keyword').keypress(function (e) {
          if (e.which == 13) {
            ohsearchDetails();
            return false;
          }
        });
        $('#submit').click(function() {
          ohsearchDetails();
          return false;
        });
      });
    </script>
    <title>1History Details on {{ ymd }}</title>
  </head>

  <body>
    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/">1History</a>
          <a class="navbar-brand" href="/details/{{ ymd }}">{{ ymd }} </a>
        </div>

        <div id="navbar" class="navbar-collapse collapse">

          <ul class="nav navbar-nav navbar-left">
            <li><a href="/details/{{ format_as_ymd(ymd_ts - 3600000*24) }}?{{ {"keyword": keyword} | urlencode }}"> Yesterday </a></li>
            <li><a href="/details/{{ format_as_ymd(ymd_ts + 3600000*24) }}?{{ {"keyword": keyword} | urlencode }}"> Tomorrow</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <div class="form-group" >
              <input id="keyword" style="width: 500px;" type="search" placeholder="Search..." class="form-control" value="{{ keyword }}">
            </div>
            <div class="form-group">
              <input type="submit" id="submit" class="btn btn-success" value="Search">
            </div>
            <div class="form-group">
              <span>{{ visit_details | length }} results</span>
            </div>
          </form>
        </div>
      </div>
    </nav>
    <div class="container" style="margin-top:60px">
      <div class="row table-responsive">
        <table class="table table-striped">
          <tr>
            <th>Time</th>
            <th>Title</th>
          </tr>
          {%
          for detail in visit_details
          %}
          <tr>
            <td>{{ format_as_hms(detail.visit_time) }}</td>
            <td><a href="{{ detail.url }}">{{ format_title(detail.title, detail.url) }}</a></td>
          </tr>
          {%
          endfor
          %}
        </table>
      </div>
    </div>

    <footer class="footer">
      <div class="container text-center">
        <p class="text-muted">
        </p>
        <p><a href="https://github.com/1History/1History" target="_blank"><i class="glyphicon glyphicon-menu-left"></i><i class="glyphicon glyphicon-menu-right"></i></a> With <i class="glyphicon glyphicon-heart"></i> by <a href="https://twitter.com/liujiacai" target="_blank">Jiacai Liu.</a> Current version: {{ version }}</p>
      </div>
    </footer>
  </body>
</html>