22 lines
1.0 KiB
Plaintext
22 lines
1.0 KiB
Plaintext
|
{% 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 %}
|