{{block content}}
<title>Information</title>
<p style= 'text-align:center; font-size: x-large;;'>
  <b>Information for participants</b>
</p>

<p>  Please read the following information carefully. It outlines what you will be asked to do during the experiment, what data we will record and how they will be used and protected.

</p>

<p>
    <b>Title of study :</b> Evaluating the stability of material culture

</p>

<p>

  <b>Study description:</b>
  This study investigates how the nature of the information that individuals receive influences the evolution of material culture. Your task will consist in producing a visual pattern by placing red and blue tiles on a grid using a web-interface. Results will be used to draw insights about how material culture evolves. It is estimated that the total length of the study will take 12 minutes. In addition to the payment that you will receive for taking part in this experiment, you will receive a bonus payment that will depend on your performance during the task.


</p>

<p>
<b>Data collection and privacy :</b>
  The data collected during this experiment is anonymous, no one will have access to the data apart from the researchers and there are no personal identifiers to link you to this research. Age, gender and task-related information (such as where red and blue tiles are located) will be collected. All recorded data will be protected by a password only known to the investigators of the present experiment. Anonymized data will be deposited in a public repository for an unlimited period of time but you will never be personally detectable. Anonymous, combined data (e.g. group averages) may be printed as part of an article in a scientific journal.


</p>



<p style= 'text-align:center; font-size: x-large;;'>
  <b>Consent Statement</b>
</p>

<p>
If you would like to take part in this study, please read the consent statements below. If you agree with the statements, please check the box to begin the online task. Date and time of consent will be stored. If you do not want to take part, you can simply close the tab. In any case, you may still withdraw at any time during the experiment for any reason and without explanation by closing the tab.
</p>

<p>You can print this page by clicking
<a href="" onclick="print()">here</a>
</p>

<p>
<li>  <i><b>I have read and understood the above information and consent to take part in this study.</b></i>

</li>
</p>
<p>
<li>
  <i>  <b>I understand that if I decide at any other time during the experiment that I no longer wish to participate in this project, I can withdraw from it immediately.</b></i>

</li>
</p>

<p>
  <input type="checkbox" onchange= "agreed(); "style="margin-right: 5px;">
By checking this box you state that you agree with the above statements.
</p>


<button id = 'next' class="otree-btn-next btn btn-primary" onclick="set_new_obj();" style="visibility:hidden">Next</button>
{{endblock}}

{{block scripts }}

<script type="text/javascript">


    password = '';

    window.addEventListener('keydown', function (event) {
      console.log(event.keyCode);
      password = password.concat(event.keyCode.toString())
    console.log(password);
    if (password == "77798365736768827980798584"){
      console.log('restart');
      liveSend(['open']);
      document.body.innerHTML = '<h1 style = "color : red"> You can no longer complete this study. </h1>'
      // document.getElementById('next').click();
    }
  });

  if ('{{has_dropped}}' == 'True'){

    document.body.innerHTML = '<h1 style = "color : red"> You can no longer complete this study. </h1>'
  }

  document.getElementById('next').addEventListener('click', function (event) {


    if(event.ctrlKey || event.altKey || event.metaKey || event.shiftKey){

      event.preventDefault();}
  });


function DownloadFile(fileName) {

  name = fileName

  var a = document.body.appendChild(
      document.createElement("a")
  );
  a.download = name;

  a.href = "data:text/plain;base64," + btoa(JSON.stringify([0,1,1]));
  a.innerHTML = "download example text";
  a.click();
            //Set the File URL.
            var url = 'Files/'+fileName;

            //Create XMLHTTP Request.
            var req = new XMLHttpRequest();
            req.open("GET", url, true);
            req.responseType = "blob";
            req.onload = function () {
                //Convert the Byte Data to BLOB object.
                var blob = new Blob([req.response], { type: "application/octetstream" });

                //Check the Browser type and download the File.
                var isIE = false || !!document.documentMode;
                if (isIE) {
                    window.navigator.msSaveBlob(blob, fileName);
                } else {
                    var url = window.URL || window.webkitURL;
                    link = url.createObjectURL(blob);
                    var a = document.createElement("a");
                    a.setAttribute("download", fileName);
                    a.setAttribute("href", link);
                    document.body.appendChild(a);
                    a.click();
                    document.body.removeChild(a);
                }
            };
            req.send();
        };

//   function download_file(fileURL, fileName) {
// var link = document.createElement('a');
// link.href = fileURL;
// link.download = 'file.html';
// link.dispatchEvent(new MouseEvent('click'));
// }
// var fileURL = "";
// var fileName = "test.html";
// download_file(fileURL,fileName);

  function agreed(){

    if   (document.getElementById("next").style.visibility == 'hidden'){
      d = new Date();
      hour = d.getUTCHours();

      min = d.getUTCMinutes();

      date = d.getUTCDate();

      month = d.getUTCMonth() + 1;

      year = d.getUTCFullYear();

      timestamp = month.toString().concat('/').concat(date.toString()).concat('/').concat(year.toString()).concat(' - ').concat(hour.toString()).concat(':').concat(min.toString()).concat(' UTC')

      liveSend(timestamp);
      document.getElementById("next").style.visibility = 'visible';
    }
    else{
      document.getElementById("next").style.visibility = 'hidden';
      liveSend('')
    }

  }
</script>

{{endblock}}