{% extends "layout.html" %}

{%- block htmltitle %}
<title>SpeedCrunch</title>
{%- endblock %}

{% macro entranceNavBar() %}
{% include "entrance_navbar.html" %}
{% endmacro %}

{%- block content %}
{{ entranceNavBar() }}

{%- block jumbotron %}
    <div class="jumbotron">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <h1>SpeedCrunch</h1>
            <p>{% trans %}A powerful high-precision scientific calculator.{% endtrans %}</p>
            <p class="hero-audience">{% trans %}Built for STEM professionals, students and teachers.{% endtrans %}</p>
            <p class="hero-actions">
              <a class="btn btn-success btn-lg" href="{{ pathto('download') }}" role="button"><i class="fa fa-download fa-lg" style="vertical-align:middle;"></i>&nbsp;{{ _('Download') }}</a>
              <a class="btn btn-info btn-lg" href="{{ pathto('introduction') }}" role="button"> <i class="fa fa-book fa-lg" style="vertical-align:middle;"></i>&nbsp;{{ _('User Manual') }}</a>
              <a class="btn btn-warning btn-lg" href="{{ pathto('donate') }}" role="button"> <i class="fa fa-money fa-lg" style="vertical-align:middle;"></i>&nbsp;{{ _('Donate') }}</a>
            </p>
            <p class="hero-platforms">{% trans %}Free to download and use on Windows, macOS, and Linux.{% endtrans %}</p>
            <ul class="hero-facts">
              <li>{% trans %}Up to 50 digits of precision, with complex number support{% endtrans %}</li>
              <li>{% trans %}140+ functions, and a myriad of units and constants{% endtrans %}</li>
              <li>{% trans %}User-defined variables, functions, and units{% endtrans %}</li>
              <li>{% trans %}Vector and matrix support{% endtrans %}</li>
              <li>{% trans %}History rewriting, and per-result settings{% endtrans %}</li>
              <li>{% trans %}Multiple active sessions with tabs, panes, or windows{% endtrans %}</li>
              <li>{% trans %}More than 40 translations, and over 40 color schemes{% endtrans %}</li>
            </ul>
          </div>
          <div class="col-md-6">
            <video class="featurette-image img-responsive center-block"
                   width="806" height="798" autoplay loop muted playsinline
                   preload="auto" aria-label="{{ _('SpeedCrunch calculation demo') }}">
              <source src="{{ pathto('demo1.mp4', 1) }}" type="video/mp4">
              <a href="{{ pathto('demo1.mp4', 1) }}">{{ _('Watch the SpeedCrunch demo') }}</a>
            </video>
          </div>
        </div>
      </div>
    </div>
{%- endblock %}

    <div class="container">
      <a href="{{ pathto('screen1.png', 1) }}"
         aria-label="{{ _('Open the SpeedCrunch screenshot at full size') }}">
        <img class="img-responsive center-block"
             src="{{ pathto('screen1.png', 1) }}"
             width="3922" height="2324" loading="lazy" decoding="async"
             alt="{{ _('SpeedCrunch with multiple sessions, the formula book, and function, constant, variable, and unit panels') }}">
      </a>
    </div>

{%- endblock %}