{% extends 'base.jinja' %}{% block CONTENT %}<div class="position-relative" style="height: 90vh;">
    <div class="position-absolute top-50 start-50 translate-middle">
      <div class="progress mb-3" role="progressbar" aria-label="клонирование" aria-valuemin="0" aria-valuemax="100">
        <div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-animated" style="width: 1%"></div>
      </div>
      <p style="color: slategray" class="text-sm-end small mb-0 me-2">анонимные решения проблем любви и пропитания</p>
      <h1 id="index-logo" class="my-0">Клонир<u>ование питом</u>цев</h1>
    </div>
  </div>{% endblock CONTENT %}

{% block JS_1 %}<script type="text/javascript">
    $(document).ready(function() {
      let count = 2;
      const counter = setInterval(function () {
        if (count++ > 100) {
          clearInterval(counter);
          return;
        }
        $('#progress-bar').css('width', count + '%');
      }, 10);
    });
  </script>{% endblock %}