<ul class="table-of-contents" id="roadmap">
  <li><b>Roadmap</b></li>
  <li>
    <a href="{{ url_for('services.service', service='file-setup') }}">File setup</a>
  </li>
  <li>
    <a href="{{ url_for('services.service', service='ocr') }}">Optical Character Recognition</a>
  </li>
  <li>
    <a href="{{ url_for('services.service', service='nlp') }}">Natural Language Processing</a>
  </li>
  <li>
    <a href="{{ url_for('services.service', service='corpus_analysis') }}">Corpus analysis</a>
  </li>
</ul>
<script>
for (let entry of document.querySelectorAll(`#roadmap a`)) {
  if (entry.href === window.location.href) {entry.classList.add("active");}
}
</script>