gaudy placeholder vaporwave logo

4 files changed, 11 insertions, 12 deletions

diff --git a/fatcat_scholar/static/scholar-vaporwave-logo-small.png b/fatcat_scholar/static/scholar-vaporwave-logo-small.png
new file mode 100644
index 0000000..5967ce4
--- /dev/null
+++ b/fatcat_scholar/static/scholar-vaporwave-logo-small.png
diff --git a/fatcat_scholar/static/scholar-vaporwave-logo.png b/fatcat_scholar/static/scholar-vaporwave-logo.png
new file mode 100644
index 0000000..9c22341
--- /dev/null
+++ b/fatcat_scholar/static/scholar-vaporwave-logo.png
diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index 26c18e7..6f00a83 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -147,11 +147,10 @@
 <div class="ui vertical stripe segment" style="background-color: #dedede;">
   <div class="ui container" style="padding-top: 1em; padding-bottom: 0; padding-left: 0; padding-right: 0;">
     <div class="ui equal height stackable grid">
-      <div class="ui four wide column">
+      <div class="ui four wide column" style="padding-bottom: 0;">
         <div style="display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;">
           <a href="{{ lang_prefix }}/">
-            <span style="font-size: 1.5rem; font-weight: bold;" title="this is a placeholder until we get a logo or fancy font">[scholar.archive.org]</span>
-            {# hack to align vertically with search box #}
+            <img src="/static/scholar-vaporwave-logo-small.png" style="width: 200px; margin-top: -1.5em;">
           </a>
         </div>
       </div>
@@ -165,12 +164,12 @@
             </div>
           </div>
         </form>
-      </div>
-    </div>
-    <div style="display: flex; width: 100%; justify-content: space-between; padding-top: 0.5em;">
-      <div></div>
-      <div>
-        <a href="{{ lang_prefix }}/help" style="order: -1;">{{ _("User Guide") }}</a>
+        <div style="display: flex; width: 100%; justify-content: space-between; padding-top: 0.5em;">
+          <div></div>
+          <div>
+            <a href="{{ lang_prefix }}/help" style="order: -1;">{{ _("User Guide") }}</a>
+          </div>
+        </div>
       </div>
     </div>
   </div>
diff --git a/fatcat_scholar/templates/home.html b/fatcat_scholar/templates/home.html
index 25df60d..7ff215b 100644
--- a/fatcat_scholar/templates/home.html
+++ b/fatcat_scholar/templates/home.html
@@ -3,12 +3,11 @@
 {% block fullbody %}
 
 <div class="ui vertical stripe segment" style="background-color: #dedede;">
-  <div class="ui container" style="padding-top: 3em; padding-bottom: 3em;">
+  <div class="ui container" style="padding-top: 2em; padding-bottom: 3em;">
     <div class="ui centered grid">
       <div class="ui sixteen wide mobile twelve wide computer column">
         <div style="width: 100%; text-align: center;">
-          <h1>{% trans %}Search Millions of Research Papers{% endtrans %}</h1>
-          <br>
+          <img src="/static/scholar-vaporwave-logo.png" style="max-width: 100%; margin-bottom: 1.5em;">
           <form class="" id="fulltext_query" action="{{ lang_prefix }}/search") }}" method="get" role="search" aria-label="papers" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
             <meta itemprop="target" content="https://{{ settings.SCHOLAR_DOMAIN }}/fulltext/search?q={q}"/>
             <div class="ui form">
@@ -21,6 +20,7 @@
         </div>
         <br>
         <br>
+        <b>{% trans %}Search Millions of Research Papers{% endtrans %}</b>
         <p style="font-size: 1.1rem;">{% trans %}This fulltext search index includes over 25 million research articles and other scholarly documents preserved in the Internet Archive.{% endtrans %} {% trans %}The collection spans from digitized copies of eighteenth century journals though the latest Open Access conference proceedings and pre-prints crawled from the World Wide Web.{% endtrans %}
       </div>
     </div>