{% extends "base.html" %}
{% block content %}
    <div class="container panel">
      <br>
      <div class="row panel-column">
        <div class="col s12 m6">
          <div class="card panel-small" id="impressum">
            <div class="card-content">
              <h4 class="text-red">{{ _('impressum_title') }}</h4>
              {{ _('impressum_content') }}
              <div class="bottom-url">
                <h5 class="weight-semi-bold">
                  {{ _('impressum_footer') }} >
                </h5>
              </div>
            </div>
          </div>
          <div class="card panel-small" id="about">
            <div class="card-content">
              <h4 class="text-red">{{ _('about_title') }}</h4>
              {{ _('about_content') }}
              <div class="bottom-url">
                <h5 class="weight-semi-bold">
                  {{ _('about_footer') }} >
                </h5>
              </div>
            </div>
          </div>
          <div class="card panel-small" id="version">
            <div class="card-content">
              <h4 class="text-red">{{ _('version_title') }}</h4>
              {{ _('version_content') }}
              <div class="bottom-url">
                <h5 class="weight-semi-bold">
                  {{ _('version_footer') }} >
                </h5>
              </div>
            </div>
          </div>
          <div class="card panel-small source_code" id="availability">
            <div class="card-content">
              <h4 class="text-red">{{ _('availability_title') }}</h4>
              {{ _('availability_content') }}
              <div class="bottom-url">
                <h5 class="weight-semi-bold">
                  {{ _('availability_footer') }} >
                </h5>
              </div>
            </div>
          </div>
        </div>
        <div class="col s12 m6 panel-content">
          <div class="card panel-content-section" data-content-for='impressum' hidden>
            <div class="card-content">
              {{ _('impressum_card_content') }}
            </div>
          </div>
          <div class="card panel-content-section" data-content-for='about'>
            <div class="card-content">
              {{ _('about_card_content') }}
            </div>
          </div>
          <div class="card panel-content-section" data-content-for='version' hidden>
            <div class="card-content">
              {{ _('version_card_content') }}
            </div>
          </div>
        </div>
      </div>
    </div>
{% endblock %}
{% block custom_js %}
  <script src="/stark/static/js/about.js"></script>
{% endblock %}