summaryrefslogtreecommitdiffstats
path: root/python/fatcat_web/templates
diff options
context:
space:
mode:
authorbnewbold <bnewbold@robocracy.org>2019-06-05 21:37:28 -0700
committerBryan Newbold <bnewbold@robocracy.org>2019-06-13 14:28:39 -0700
commit564424cb222c295e7d868b0f60b80078aa62584d (patch)
tree1ae97dc54ac575b241d548891fec75c568a25fb9 /python/fatcat_web/templates
parent3516341584cd6375f9b24765127cd74f1a7bd8db (diff)
downloadfatcat-564424cb222c295e7d868b0f60b80078aa62584d.tar.gz
fatcat-564424cb222c295e7d868b0f60b80078aa62584d.zip
big rewrite of front page; needs polish and testing
Diffstat (limited to 'python/fatcat_web/templates')
-rw-r--r--python/fatcat_web/templates/about.html4
-rw-r--r--python/fatcat_web/templates/base.html2
-rw-r--r--python/fatcat_web/templates/home.html132
3 files changed, 111 insertions, 27 deletions
diff --git a/python/fatcat_web/templates/about.html b/python/fatcat_web/templates/about.html
index 5c398bbe..a760ff0c 100644
--- a/python/fatcat_web/templates/about.html
+++ b/python/fatcat_web/templates/about.html
@@ -1,7 +1,9 @@
{% extends "base.html" %}
{% block body %}
-<h1>About Fatcat</h1>
+<img class="ui fluid bordered image" src="/static/fatcat.jpg" title="CC0 photo of an oversized feline" alt="">
+
+<h1></h1>
<p>Fatcat is versioned, publicly-editable catalog of research publications:
journal articles, conference proceedings, pre-prints, blog posts, and so forth.
diff --git a/python/fatcat_web/templates/base.html b/python/fatcat_web/templates/base.html
index 94344d8c..ceebf510 100644
--- a/python/fatcat_web/templates/base.html
+++ b/python/fatcat_web/templates/base.html
@@ -76,6 +76,7 @@
</div>
</header>
+{% block fullmain %}
<!-- 4em top margin is "enough" -->
<main class="ui main container" style="margin-top: 6em; margin-bottom: 2em;" {% block main_extra_attr %}{% endblock %}>
{% with messages = get_flashed_messages() %}
@@ -97,6 +98,7 @@
</div>
{% endblock %}
</main>
+{% endblock %}
<footer class="ui inverted vertical footer segment" style="margin-top: 2em; padding-top: 2em; padding-bottom:2em; position: absolute; bottom: 0px; width: 100%;">
diff --git a/python/fatcat_web/templates/home.html b/python/fatcat_web/templates/home.html
index 87968f30..0f5cee77 100644
--- a/python/fatcat_web/templates/home.html
+++ b/python/fatcat_web/templates/home.html
@@ -4,43 +4,118 @@
<link rel="canonical" href="https://{{ config.FATCAT_DOMAIN }}/">
{% endblock %}
-{% block body %}
+{% block fullmain %}
+<!--
<div class="ui container text" itemscope itemtype="https://schema.org/WebSite">
<meta itemprop="url" content="https://{{ config.FATCAT_DOMAIN }}/"/>
+-->
-<!-- <h1 class="ui header centered" style="font-size: 2.5rem;">Fatcat: The Universal Research Catalog</h1><br> -->
+<div class ="ui vertical inverted masthead center aligned segment" style="padding-top: 10em; height: 32em;">
+ <div class="ui container">
+ <h1 class="ui header inverted huge centered">Perpetual Access to Millions of Open Research Publications From Around The World</h1>
+ <br>
+ <form class="" action="/release/search" method="get" role="search" aria-label="papers" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
+ <meta itemprop="target" content="https://{{ config.FATCAT_DOMAIN }}/release/search?q={q}"/>
+ <div class="ui form">
+ <div class="ui action input huge fluid">
+ <input type="text" placeholder="Query..." name="q" aria-label="search release metadata" required itemprop="query-input">
+ <button class="ui green button">Search</button>
+ </div>
+ </div>
+ </form>
+ </div>
+</div>
-<img class="ui fluid bordered image" src="/static/fatcat.jpg" title="CC0 photo of an oversized feline" alt="">
+<div class="ui vertical stripe segment">
+ <div class="ui centered grid">
+ <div class="row">
+ <div class="three wide center aligned column">
+ <h4>81,115,372<br>Papers</h4>
+ </div>
+ <div class="three wide center aligned column">
+ <h4>16,071,778<br>Preserved</h4>
+ </div>
+ <div class="three wide center aligned column">
+ <h4>108,801<br>Journals</h4>
+ </div>
+ </div>
+ </div>
+</div>
-<br>
-<h2 class="ui header centered">Cataloging of millions of research publications</h2>
-<form class="" action="/release/search" method="get" role="search" aria-label="papers" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
- <meta itemprop="target" content="https://{{ config.FATCAT_DOMAIN }}/release/search?q={q}"/>
- <div class="ui form">
- <div class="ui action input huge fluid">
- <input type="text" placeholder="Query..." name="q" aria-label="search release metadata" required itemprop="query-input">
- <button class="ui button">Search</button>
+<div class="ui vertical stripe segment" style="padding-top: 2em; padding-bottom: 2em;">
+ <div class="ui container">
+ <div class="ui centered grid">
+ <div class="row">
+ <div class="three wide column">
+ <!-- TODO: don't let it scale down -->
+ <img src="https://ia800105.us.archive.org/20/items/OA-JOURNAL-TESTCRAWL-TWO-2018/papers.gif">
+ </div>
+ <!-- TODO: larger font size -->
+ <div class="nine wide column" style="font-size: 1.1rem;">
+ <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, in addition to
+ URLs), a <b><a href="https://api.{{ config.FATCAT_DOMAIN }}">documented API</a></b>, and work/release
+ indexing (aka, linking together of pre-prints and final copies).
+ &nbsp;<a href="/about">Read more...</a>
+ </div>
</div>
</div>
-</form>
+ </div>
+</div>
-<br>
-<div class="ui warning message">
- <div class="header">Project Status: Beta</div>
- <ul class="list">
- <li>Edits are manually reviewed (not automatically accepted)
- <li>API schemas and client libraries not guaranteed to be backwards-compatible
- </ul>
+<div class="ui vertical stripe segment" style="padding-top: 2em; padding-bottom: 2em; background-color: #F5F5F5;">
+ <div class="ui container">
+ <div class="ui centered grid">
+ <div class="row">
+ <!-- TODO: larger font size -->
+ <div class="nine wide column" style="font-size: 1.1rem;">
+ <p>The fatcat servcie is developed and 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.
+ Donations are welcomed!
+ <p>Funding comes the <b>The Andrew Mellon Foundation</b>, to improve
+ preservation and access to "long-tail" open access works on the public
+ web which could otherwise be lost.
+ </div>
+ <div class="three wide column">
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Internet_Archive_logo_and_wordmark.svg/250px-Internet_Archive_logo_and_wordmark.svg.png">
+ </div>
+ </div>
+ </div>
+ </div>
</div>
-<p>Fatcat is a versioned, user-editable catalog of research publications: journal
-articles, conference proceedings, pre-prints, etc. Features include archival
-file-level metadata (verified digests and long-term copies, in addition to
-URLs), a <a href="https://api.{{ config.FATCAT_DOMAIN }}">documented API</a>, and work/release
-indexing (aka, linking together of pre-prints and final copies).
-&nbsp;<a href="/about">Read more...</a>
+<div class="ui vertical stripe segment" style="background-color: #fffaf3; color: #573a08;">
+ <div class="ui container">
+ <div class="ui centered grid">
+ <div class="row">
+ <div class="nine wide column" style="font-size: 1.1rem;">
+ <h5>Project Status: Beta</h5>
+ <ul class="list">
+ <li>Edits are manually reviewed (not automatically accepted)
+ <li>API schemas and client libraries not guaranteed to be backwards-compatible
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="ui container">
+ <div class="ui centered grid">
+ <div class="row">
+ <div class="twelve wide column">
-<br><br>
+<br>
+<h2 class="ui header centered">Explore Works In The Catalog So Far
+<span class="sub header">... and help us find what is missing!</span>
+</h2>
+
+<br>
<table class="ui single line unstackable table">
<thead>
@@ -161,5 +236,10 @@ indexing (aka, linking together of pre-prints and final copies).
<td>
</table>
+ </div>
+ </div>
+ </div>
+ </div>
</div>
+
{% endblock %}