{{ block title }}
        <center> Work task: <i> Round {{ subsession.round_number }}  </i> </center>
{{ endblock }}

{{ block content }}

<div id="page-content">

<center>
    <i> Adjust the sliders to the corresponding numbers in bold on the right. </i>

 <br>
   <br>

    <input type="range" id="slider" name="slider_value1" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue1(this.value)">
<span id="slider_display1">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_1 }} </b>

<script>
        function updateValue1(val) {

            document.getElementById("slider_display1").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>


<br>

<input type="range" id="slider" name="slider_value2" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue2(this.value)">
<span id="slider_display2">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_2 }} </b>

<script>
        function updateValue2(val) {

            document.getElementById("slider_display2").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

 <br>


<input type="range" id="slider" name="slider_value3" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue3(this.value)">
<span id="slider_display3">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_3 }} </b>

<script>
        function updateValue3(val) {

            document.getElementById("slider_display3").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>


<br>

<input type="range" id="slider" name="slider_value4" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue4(this.value)">
<span id="slider_display4">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_4 }} </b>

<script>
        function updateValue4(val) {

            document.getElementById("slider_display4").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

<br>

<input type="range" id="slider" name="slider_value5" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue5(this.value)">
<span id="slider_display5">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_5 }} </b>

<script>
        function updateValue5(val) {

            document.getElementById("slider_display5").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

    <br>

<input type="range" id="slider" name="slider_value6" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue6(this.value)">
<span id="slider_display6">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_6 }} </b>

<script>
        function updateValue6(val) {

            document.getElementById("slider_display6").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

    <br>

<input type="range" id="slider" name="slider_value7" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue7(this.value)">
<span id="slider_display7">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_7 }} </b>

<script>
        function updateValue7(val) {

            document.getElementById("slider_display7").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

<br>

<input type="range" id="slider" name="slider_value8" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue8(this.value)">
<span id="slider_display8">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_8 }} </b>

<script>
        function updateValue8(val) {

            document.getElementById("slider_display8").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

<br>

<input type="range" id="slider" name="slider_value9" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue9(this.value)">
<span id="slider_display9">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_9 }} </b>

<script>
        function updateValue9(val) {

            document.getElementById("slider_display9").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

    <br>

<input type="range" id="slider" name="slider_value10" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue10(this.value)">
<span id="slider_display10">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_10 }} </b>

<script>
        function updateValue10(val) {

            document.getElementById("slider_display10").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value11" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue11(this.value)">
<span id="slider_display11">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_11 }} </b>

<script>
        function updateValue11(val) {

            document.getElementById("slider_display11").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value12" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue12(this.value)">
<span id="slider_display12">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_12 }} </b>

<script>
        function updateValue12(val) {

            document.getElementById("slider_display12").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

       <br>

<input type="range" id="slider" name="slider_value13" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue13(this.value)">
<span id="slider_display13">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_13 }} </b>

<script>
        function updateValue13(val) {

            document.getElementById("slider_display13").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value14" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue14(this.value)">
<span id="slider_display14">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_14 }} </b>

<script>
        function updateValue14(val) {

            document.getElementById("slider_display14").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value15" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue15(this.value)">
<span id="slider_display15">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_15 }} </b>

<script>
        function updateValue15(val) {

            document.getElementById("slider_display15").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value16" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue16(this.value)">
<span id="slider_display16">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_16 }} </b>

<script>
        function updateValue16(val) {

            document.getElementById("slider_display16").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

      <br>

<input type="range" id="slider" name="slider_value17" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue17(this.value)">
<span id="slider_display17">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_17 }} </b>

<script>
        function updateValue17(val) {

            document.getElementById("slider_display17").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

       <br>

<input type="range" id="slider" name="slider_value18" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue18(this.value)">
<span id="slider_display18">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_18 }} </b>

<script>
        function updateValue18(val) {

            document.getElementById("slider_display18").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

     <br>

<input type="range" id="slider" name="slider_value19" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue19(this.value)">
<span id="slider_display19">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_19 }} </b>

<script>
        function updateValue19(val) {

            document.getElementById("slider_display19").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value20" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue20(this.value)">
<span id="slider_display20">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_20 }} </b>

<script>
        function updateValue20(val) {

            document.getElementById("slider_display20").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value21" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue21(this.value)">
<span id="slider_display21">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_21 }} </b>

<script>
        function updateValue21(val) {

            document.getElementById("slider_display21").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value22" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue22(this.value)">
<span id="slider_display22">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_22 }} </b>

<script>
        function updateValue22(val) {

            document.getElementById("slider_display22").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

      <br>

<input type="range" id="slider" name="slider_value23" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue23(this.value)">
<span id="slider_display23">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_23 }} </b>

<script>
        function updateValue23(val) {

            document.getElementById("slider_display23").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

     <br>

<input type="range" id="slider" name="slider_value24" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue24(this.value)">
<span id="slider_display24">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_24 }} </b>

<script>
        function updateValue24(val) {

            document.getElementById("slider_display24").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value25" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue25(this.value)">
<span id="slider_display25">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_25 }} </b>

<script>
        function updateValue25(val) {

            document.getElementById("slider_display25").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value26" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue26(this.value)">
<span id="slider_display26">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_26 }} </b>

<script>
        function updateValue26(val) {

            document.getElementById("slider_display26").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value27" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue27(this.value)">
<span id="slider_display27">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_27 }} </b>

<script>
        function updateValue27(val) {

            document.getElementById("slider_display27").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

      <br>

<input type="range" id="slider" name="slider_value28" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue28(this.value)">
<span id="slider_display28">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_28 }} </b>

<script>
        function updateValue28(val) {

            document.getElementById("slider_display28").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value29" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue29(this.value)">
<span id="slider_display29">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_29 }} </b>

<script>
        function updateValue29(val) {

            document.getElementById("slider_display29").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

        <br>

<input type="range" id="slider" name="slider_value30" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue30(this.value)">
<span id="slider_display30">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_30 }} </b>

<script>
        function updateValue30(val) {

            document.getElementById("slider_display30").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>


               <br>

<input type="range" id="slider" name="slider_value31" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue31(this.value)">
<span id="slider_display31">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_31 }} </b>

<script>
        function updateValue31(val) {

            document.getElementById("slider_display31").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value32" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue32(this.value)">
<span id="slider_display32">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_32 }} </b>

<script>
        function updateValue32(val) {

            document.getElementById("slider_display32").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value33" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue33(this.value)">
<span id="slider_display33">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_33 }} </b>

<script>
        function updateValue33(val) {

            document.getElementById("slider_display33").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value34" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue34(this.value)">
<span id="slider_display34">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_34 }} </b>

<script>
        function updateValue34(val) {

            document.getElementById("slider_display34").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value35" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue35(this.value)">
<span id="slider_display35">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_35 }} </b>

<script>
        function updateValue35(val) {

            document.getElementById("slider_display35").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value36" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue36(this.value)">
<span id="slider_display36">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_36 }} </b>

<script>
        function updateValue36(val) {

            document.getElementById("slider_display36").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value37" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue37(this.value)">
<span id="slider_display37">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_37 }} </b>

<script>
        function updateValue37(val) {

            document.getElementById("slider_display37").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

           <br>

<input type="range" id="slider" name="slider_value38" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue38(this.value)">
<span id="slider_display38">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_38 }} </b>

<script>
        function updateValue38(val) {

            document.getElementById("slider_display38").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>


           <br>

<input type="range" id="slider" name="slider_value39" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue39(this.value)">
<span id="slider_display39">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_39 }} </b>

<script>
        function updateValue39(val) {

            document.getElementById("slider_display39").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>

         <br>

<input type="range" id="slider" name="slider_value40" min={{ C.SLIDER_MIN }} max={{ C.SLIDER_MAX }} style= "width: {{ C.SLIDER_W }}%; height: {{ C.SLIDER_H }}px;" value="50"
           oninput="updateValue40(this.value)">
<span id="slider_display40">50</span> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <b> {{ player.n_40 }} </b>

<script>
        function updateValue40(val) {

            document.getElementById("slider_display40").innerText = val;
            document.getElementById("id_slider_value").value = val;
        }

</script>


</center>



</div>



<style>
    #page-content { display: block; }
    #alternate-text { display: none; font-size: 20px; color: red; }
</style>



<div id="alternate-text">
    <center>
        <br>
        <br>
    <p>The issue is occurring, the work task will be hidden for
        10 seconds.</p>
        </center>
</div>


<script>
    setTimeout(() => {
        document.getElementById("page-content").style.display = "none";  // Hide text
    }, {{  C.ISSUE_START }} ); // Disappearing command

    setTimeout(() => {
        document.getElementById("page-content").style.display = "block";  // Show again
    }, {{  C.ISSUE_FINISH2 }} ); // Appearing command

    setTimeout(() => {
        document.getElementById("alternate-text").style.display = "block";  // Show again
    }, {{  C.ISSUE_START}} ); // Appearing command

    setTimeout(() => {
        document.getElementById("alternate-text").style.display = "none";  // Hide text
    }, {{  C.ISSUE_FINISH2 }} ); // Disappearing command

</script>





{{ endblock }}