{% extends 'page.swig' %}

{% block title %}About{% endblock %}

{% block nb_about %}active{% endblock %}

{% block head %}

  <style type="text/css">
    body {
      height: 100%;
      padding-top: 90px;
      padding-bottom: 90px;
    }
    .isicon {
      margin-top: 20px;
      display: inline-block;
      /*padding: 0 !important;*/
      /*margin: 0 !important;*/
      margin-bottom: 0;
      background: url("img/2/128.png");
      background: -webkit-image-set(url(img/2/128.png) 1x, url(img/2/256.png) 2x);
      height: 128px;
      width: 128px;
    }
  </style>

{% endblock %}

{% block body %}

  <div class="btn-group btn-group-justified" style="position: fixed; top: 50px; left: 0; background-color: #888888;">
    <div class="btn-group">
      <button type="button" class="btn btn-info btn-sm" onclick="is.credits()"><span class="_msg">Acknowledgements</span></button>
    </div>
    <div class="btn-group">
      <a href="{{ path }}/formats.html" class="btn btn-success btn-sm pageout"><span class="_msg">Supported Formats</span></a>
    </div>
    <div class="btn-group">
      <button type="button" class="btn btn-primary btn-sm" onclick="is.feedback()"><span class="_msg">Send Feedback</span></button>
    </div>
  </div>

  <table style="width: 100%; height: 100%;">
  <tr>
    <td style="text-align: center; vertical-align: middle;">
      <div class="isicon"></div>
      <h3>{{ about.name }}</h3>
      <h4>
        <span class="_msg">Version</span>:
        {{ about.version }} <small>(x{{ about.mybits }})</small>
        {#<sup><span class="label label-default" style="font-size: 11px;">{{ about.mybits }}-bit</span></sup>#}
      </h4>
      <p>{{ about.copyright }}<br><span class="_msg">All Rights Reserved</span></p>
      <p>{{ about.osname }} <small>(x{{ about.osbits }})</small></p>
      <p style="xmargin-top: 25px;"><a href="#" onclick="is.openLinkURL('{{  about.homepage|e("js") }}')">{{ about.homepage }}</a></p>
      <!--<p><a href="mailto:{{ about.email }}" target="_blank">{{ about.email }}</a></p>-->
      <p style="margin-top: 30px"><button type="button" class="btn btn-sm btn-primary" onclick="is.host.checkUpdate()"><span class="_msg">Check for Update</span></button></p>
    </td>
  </tr>
  </table>

{% endblock %}