first iteration of web interface

Copied and tweaked from fatcat:python/fatcat_web

LICENSE file for this repo is a TODO and will need to match that of
fatcat.

1 files changed, 94 insertions, 0 deletions

diff --git a/fatcat_covid19/templates/home.html b/fatcat_covid19/templates/home.html
new file mode 100644
index 0000000..dbfb833
--- /dev/null
+++ b/fatcat_covid19/templates/home.html
@@ -0,0 +1,94 @@
+{% 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 masthead center aligned segment" style="padding-top: 12em; 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 documents") }}
+    </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="background-color: #fffaf3; color: #573a08;">
+  <div class="ui text container">
+  <div class="ui centered grid">
+    <div class="row">
+      <div class="fourteen wide column" style="font-size: 1.1rem;">
+        <b>{{ _("Project Status") }}: {{ _("Prototype") }}</b>
+        &nbsp;
+        {{ _("These resources are not qualified medical advice!") }}
+      </div>
+    </div>
+  </div>
+  </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 %}