diff options
author | bnewbold <bnewbold@robocracy.org> | 2019-06-05 21:37:28 -0700 |
---|---|---|
committer | Bryan Newbold <bnewbold@robocracy.org> | 2019-06-13 14:28:39 -0700 |
commit | 564424cb222c295e7d868b0f60b80078aa62584d (patch) | |
tree | 1ae97dc54ac575b241d548891fec75c568a25fb9 | |
parent | 3516341584cd6375f9b24765127cd74f1a7bd8db (diff) | |
download | fatcat-564424cb222c295e7d868b0f60b80078aa62584d.tar.gz fatcat-564424cb222c295e7d868b0f60b80078aa62584d.zip |
big rewrite of front page; needs polish and testing
-rw-r--r-- | python/fatcat_web/templates/about.html | 4 | ||||
-rw-r--r-- | python/fatcat_web/templates/base.html | 2 | ||||
-rw-r--r-- | python/fatcat_web/templates/home.html | 132 |
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). + <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). - <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 %} |