{% extends "base.html" %}

{% block content %}

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

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

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

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

<div class="info note-interference" style="display: none;">
  <p class="code"> ↪ Interferences: Search interferences perform data otherwise. They disrupt ordering and invite unexpected readings.</p>
</div>

<div class="index-row">
  <div class="col text-center m-5">
    <p class="h1">Performing Patents Otherwise</p>
    <div class="info" style="display: none;">
      <p class="code">
        Archival conversations with 320,000 clothing inventions
      </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="search for a patent record...">
      <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">
  <div class="col text-center p-2">
    <!-- random record -->
    <a href="{{ url_for('interventions.random_record') }}">a random entry</a>
  </div>

  <div class="col text-center p-2">
    <!-- compare two random records -->
    <a href="{{ url_for('interventions.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('hidden.index') }}">hidden in plain sight</a>

      <div class="info" style="display: none;">
        <p class="code"> ↪ Searching for a history of women’s clothing inventors, that is in the archive, but hidden in plain sight.... </p>
      </div>
  </div>

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

      <div class="info" style="display: none;">
        <p class="code"> ↪ Find here a table of contents for this digital archive... </p>
      </div>
  </div>


  <div class="col text-center button-search button-hidden-off p-2 mb-5">
    <a href="{{ url_for('conversations.index') }}">archive conversations</a>

      <div class="info" style="display: none;">
        <p class="code"> ↪ Some things are all over the patent archive but never made explicit. Archive Conversations presents three artistic works that render these absent-present realities visible... </p>
      </div>
  </div>
</div>

{% endblock %}

{% block footer %}
<footer class="footer mt-5 py-3 bg-light">
  <div class="container">
      <span class="text-muted">Data from the <a href="https://www.epo.org/">European Patent Office's</a> <a href="https://worldwide.espacenet.com/">Espacenet patent search engine</a> and reconfigured by Goldsmiths, University of London's Archival Conversations project.</span>
   </div>
</footer>
{% endblock%}