{% extends "base.html" %}

{% block content %}

<div class="action">
  <button onClick="refresh(this)" type="button" value="Refresh" title="new iteration">↻</button>
  <span class="info" style="display: none;">
    <span class="operations">↝ add a random abstract from dataset;</span>
  </span>
  <button id="notes-operations" onclick="hideShowInfo()">?</button>
</div>

<div id="rdn-abstracts">
  <div class="row">
    <div class="col m-5">
      <p class="h1 text-center">a Handful of Fragments</p>
      <span class="info mt-2 text-center" style="display: none;">
        <!-- The following total reading time is based on the calculation of approx. 43,647,513 words in all the documents divided by 200 as the average reading speed of 200 wpm -->
        <p class="operations">↪ a <span id="time"></span> minute read out of 218238 minutes reading time</p>
      </span>
      <a href="{{ url_for('main.index') }}" class="search-back text-left" title="back to search">search</a>
    </div>
  </div>

  <div id="alltext">
  {% for abstract in abstracts %}
    <p>
      {{ abstract['abstract'] }}
    </p>
    <span class="joint">&</span>

  {% endfor %}
  </div>
</div>

<script type="text/javascript">
  // code adapted from w3collective
  const text = document.getElementById("alltext").innerText;
  readingTime(text);
</script>

{% endblock %}