{% extends "base.html" %}

{# no special title for now #}
{# {% block title %}Perpetual Access to the Scholarly Record{% endblock %} #}

{% block extra_head %}
  <link rel="canonical" href="https://{{ config.FATCAT_DOMAIN }}/">
{% endblock %}

{% block fullmain %}

<div class ="ui vertical inverted violet masthead center aligned segment" style="padding-top: 7em; padding-bottom: 10em;">
  <div class="ui text container">
    <h1 class="ui header inverted huge centered">
      {{ _("Search Tens of Thousands of COVID-19 Research Papers and Reports") }}
    </h1>
    <br>
    <form class="" action="{{ url_for("search.fulltext_search") }}" method="get" role="search" aria-label="papers" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
      <meta itemprop="target" content="https://{{ config.FATCAT_DOMAIN }}/fulltext/search?q={q}"/>
      <div class="ui form">
        <div class="ui action input huge fluid">
          <input type="text" placeholder="{{ _("by title, authors, identifiers...") }}" name="q" aria-label="search metadata" required itemprop="query-input">
          <button class="ui green button">{{ _("Search") }}</button>
        </div>
      </div>
    </form>
  </div>
</div>

{#
<div class="ui vertical stripe segment" style="padding-top: 2em; padding-bottom: 2em;">
  <div class="ui text container" style="max-width: 800px!important;">
  <div class="ui centered grid">
    <div class="row">
      <div class="four wide column">
        <!-- TODO: don't let it scale down -->
        <img src="/static/paper_man_confused.gif" width="130" alt="confused paper man">
      </div>
      <div class="twelve wide column" style="font-size: 1.2rem;">
        <p><b>Fatcat is a versioned, user-editable catalog of research
        publications including journal articles, conference proceedings, and
        datasets</b>
        <p>Features include archival file-level metadata (verified digests and
        long-term copies), an
        <b><a href="https://api.{{ config.FATCAT_DOMAIN }}">open, documented API</a></b>,
        and work/release indexing (eg, distinguishing between and linking
        pre-prints, manuscripts, and version-of-record).
        &nbsp;<a href="/about">Read more...</a>
      </div>
    </div>
  </div>
  </div>
</div>
#}

<div class="ui vertical stripe segment" style="padding-top: 2em; padding-bottom: 2em; background-color: #F5F5F5;">
  <div class="ui text container" style="max-width: 800px!important;">
  <div class="ui centered grid">
    <div class="row">
      <div class="twelve wide column" style="font-size: 1.2rem;">
        <p>This service is hosted at <b><a
        href="https://archive.org">The Internet Archive</a></b>, a US
        non-profit dedicated to providing Universal Access to All Knowledge.
        {#
        <a href="https://archive.org/donate/">Donations welcome!</a>
        <p>Development funding comes from
        <b><a href="https://blog.archive.org/2018/03/05/andrew-w-mellon-foundation-awards-grant-to-the-internet-archive-for-long-tail-journal-preservation/">The Andrew Mellon Foundation</a></b>
        to improve preservation and access to "long-tail" open access works on
        the public web which might otherwise be lost.
        #}
      </div>
      <div class="four wide column">
        <img src="/static/ia_logo_text.png" width="140" alt="IA logo">
      </div>
    </div>
  </div>
  </div>
</div>

{% endblock %}