{% extends "base.html" %}

{% block content %}

<div class="">
  <button id="notes-operations" onclick="hideShowInfo()">?</button>
  <!-- 👁 ⓘ ⅈ  ✍  ⁐ -->
</div>

<div class="index-row button-search random-interferences mt-5 interferences" style="display: none;">
  <div class="col text-center p-2">
    <!-- random titles -->
    <a href="{{ url_for('interferences.ten_random_titles') }}">a poetics of titles</a>
  </div>

  <div class="col text-center p-2">
    <!-- random abstracts -->
    <a href="{{ url_for('interferences.ten_random_abstracts') }}">a handful of fragments</a>
  </div>

  <div class="col text-center p-2">
    <!-- random images -->
    <a href="{{ url_for('interferences.random_images') }}">a scattering of images</a>
  </div>
</div>


<div class="index-row">
  <div class="col text-center m-5">
    <p class="h1">Performing Patents Otherwise</p>
    <div>
      <p>
        <i>An experimental book querying two hundred years of clothing inventions</i>
      </p>
    </div>
  </div>
</div>

<div class="row justify-content-center mt-3">
  <div class="col-sm-10 text-center button-search">
    <form action="{{ url_for('search.basic_search') }}" method="POST">
      <input type="text" name="query" id="inputsearch" placeholder="type to perform a search...">
      <input type="submit" id="submit" value="search">
    </form>
  </div>
</div>

<div class="info" style="display: none;">
  <p class="code">
    ↪ Main search engine sorting code:
    solrurl = 'http://' + solr_hostname + ':' + solr_port + '/solr/' + core + '/select?q.op=OR&q=content%3A' + urllib.parse.quote_plus(search) + '&wt=json&sort=' + sort; request = requests.get(solrurl); json = request.json()
  </p>
</div>

<div class="index-row button-search random-interferences mt-5 interferences" style="display: none;">
  <div class="col text-center p-2">
    <!-- random record -->
    <a href="{{ url_for('interferences.random_record') }}">a random entry</a>
  </div>

  <div class="col text-center p-2">
    <!-- compare two random records -->
    <a href="{{ url_for('interferences.two_random_records') }}">a juxtaposition of two</a>
  </div>

  <div class="col text-center p-2">
    <!-- data page -->
    <a href="{{ url_for('data.main_data') }}">mapping the archive</a>
  </div>
</div>

<div class="index-row justify-content-center mt-5">
  <div class="col text-center button-search button-hidden-off p-2">
    <a href="{{ url_for('main.frontmatter') }}">about</a>

      <div class="info" style="display: none;">
        <p class="code"> ↪ meet the team behind the project</p>
      </div>
  </div>

   <div class="col text-center button-search button-hidden-off p-2">
    <a href="{{ url_for('main.contents') }}">contents</a>

      <div class="info" style="display: none;">
        <p class="code"> ↪ discover essays, archival conversations & the making of</p>
      </div>
  </div>


  <div class="col text-center button-search button-hidden-off p-2">
    <button id="interfere" onclick="toggleMenu()">search interferences</button>

      <div class="info" style="display: none;">
        <p class="code"> ↪ reveal serendipitous ways into the archive</p>
      </div>
  </div>
</div>

{% endblock %}