invenio-app-rdm 5.0.0.dev0__py2.py3-none-any.whl → 14.0.0b4.dev4__py2.py3-none-any.whl

invenio_app_rdm/theme/templates/semantic-ui/invenio_app_rdm/footer.html

@@ -2,91 +2,45 @@
 
   Copyright (C) 2019-2020 CERN.
   Copyright (C) 2019-2020 Northwestern University.
+  Copyright (C) 2021 Graz University of Technology.
+  Copyright (C) 2024 KTH Royal Institute of Technology.
 
   Invenio App RDM is free software; you can redistribute it and/or modify it
   under the terms of the MIT License; see LICENSE file for more details.
 #}
+{%- block footer_top %}
 
-<footer class="footer-global">
-  <div class="ui grid">
-    {%- block footer_top %}
-    <div class="row footer-top">
-      <div class="ui container">
-        <div class="ui grid">
-          <div class="invenio-rdm-footer">
-            {%- block footer_top_left %}
-            <div class="ui row grid">
-              <div class="rdm-footer">
-                <h4>About InvenioRDM</h4>
-                {% trans invenio_rdm="http://inveniosoftware.org/products/rdm" %}
-                <p class="margin-small"><a href="{{invenio_rdm}}">Product page</a></p>
-                {% endtrans %}
-                {% trans invenio_rdm_features="https://inveniosoftware.org/products/rdm/#features" %}
-                <p class="margin-small"><a href="{{invenio_rdm_features}}">Features</a></p>
-                {% endtrans %}
-                {% trans invenio_rdm_roadmap="https://inveniosoftware.org/products/rdm/roadmap/" %}
-                <p class="margin-small"><a href="{{invenio_rdm_roadmap}}">Roadmap</a></p>
-                {% endtrans %}
-                {% trans invenio_rdm_demo_site="http://inveniordm.web.cern.ch" %}
-                <p class="margin-small"><a href="{{invenio_rdm_demo_site}}">Demo site</a></p>
-                {% endtrans %}
-              </div>
-              <div class="rdm-footer">
-                <h4>Get involved</h4>
-                {% trans invenio_rdm_gh="https://github.com/inveniosoftware/invenio-app-rdm" %}
-                <p class="margin-small"><a href="{{invenio_rdm_gh}}">GitHub</a></p>
-                {% endtrans %}
-                {% trans invenio_rdm_milestones="https://github.com/inveniosoftware/product-rdm" %}
-                <p class="margin-small"><a href="{{invenio_rdm_milestones}}">Project Milestones</a></p>
-                {% endtrans %}
-                {% trans invenio_rdm_docs_site="http://inveniordm.docs.cern.ch" %}
-                <p class="margin-small"><a href="{{invenio_rdm_docs_site}}">Documentation</a></p>
-                {% endtrans %}
-              </div>
-              <div class="rdm-footer">
-                <h4>Community</h4>
-                {% trans invenio_rdm_chatroom="https://discord.gg/8qatqBC" %}
-                <p class="margin-small"><a href="{{invenio_rdm_chatroom}}">Chatroom</a></p>
-                {% endtrans %}
-                {% trans invenio_rdm_talk="https://invenio-talk.web.cern.ch/c/projects/invenio-rdm" %}
-                <p class="margin-small"><a href="{{invenio_rdm_talk}}">Forum</a></p>
-                {% endtrans %}
-                {% trans invenio_events="https://inveniosoftware.org/events/" %}
-                <p class="margin-small"><a href="{{invenio_events}}">Events & training</a></p>
-                {% endtrans %}
-              </div>
-            </div>
-            {%- endblock footer_top_left %}
-          </div>
-          <div class="six wide column right aligned">
-            {%- block footer_top_right %}
-            {%- endblock footer_top_right %}
-          </div>
+  <div class="footer-top">
+    <div class="ui container app-rdm-footer">
+      {%- block footer_top_left %}
+        <div class="ui grid app-rdm-footer">
+        <div class="rdm-footer five wide tablet two wide computer column">
+          <h2 class="ui small header">{{ _("About InvenioRDM") }}</h2>
+          <p><a href="http://inveniosoftware.org/products/rdm">{{ _("Product page") }}</a></p>
+          <p><a href="https://inveniosoftware.org/products/rdm/#features">{{ _("Features") }}</a></p>
+          <p><a href="https://inveniosoftware.org/products/rdm/roadmap/">{{ _("Roadmap") }}</a></p>
+          <p><a href="http://inveniordm.web.cern.ch">{{ _("Demo site") }}</a></p>
         </div>
-      </div>
-    </div>
-    {%- endblock footer_top %}
-    {%- block footer_bottom %}
-    <div class="row footer-bottom">
-      <div class="ui container">
-        <div class="ui grid">
-          <div class="eight wide column left middle aligned">
-            {%- block footer_bottom_left %}
-            {% trans invenio_rdm="http://inveniosoftware.org/products/rdm" %}Powered by <a
-              href="{{invenio_rdm}}">InvenioRDM</a>{% endtrans %}
-            {%- endblock footer_bottom_left %}
-          </div>
-          <div class="eight wide column right aligned">
-            {%- block footer_bottom_right %}
-            {%- if config.I18N_LANGUAGES %}
-            {% from "invenio_i18n/macros/language_selector.html" import language_selector_dropdown %}
-            {{ language_selector_dropdown() }}
-            {%- endif %}
-            {%- endblock footer_bottom_right %}
-          </div>
+        <div class="rdm-footer five wide tablet two wide computer column">
+          <h2 class="ui small header">{{ _("Get involved") }}</h2>
+          <p><a href="https://github.com/inveniosoftware/invenio-app-rdm">{{ _("GitHub") }}</a></p>
+          <p><a href="https://github.com/inveniosoftware/product-rdm">{{ _("Project Milestones") }}</a></p>
+          <p><a href="http://inveniordm.docs.cern.ch">{{ _("Documentation") }}</a></p>
+        </div>
+        <div class="rdm-footer five wide tablet two wide computer column">
+          <h2 class="ui small header">{{ _("Community") }}</h2>
+          <p><a href="https://discord.gg/8qatqBC">{{ _("Chatroom") }}</a></p>
+          <p><a href="https://invenio-talk.web.cern.ch/c/projects/invenio-rdm">{{ _("Forum") }}</a></p>
+          <p><a href="https://inveniosoftware.org/events/">{{ _("Events & training") }}</a></p>
         </div>
+
+      {%- endblock footer_top_left %}
+      <div class="six wide column right aligned">
+        {%- block footer_top_right %}
+        {%- endblock footer_top_right %}
+      </div>
       </div>
     </div>
-    {%- endblock footer_bottom %}
+
   </div>
-</footer>
+{%- endblock footer_top %}

invenio_app_rdm/theme/templates/semantic-ui/invenio_app_rdm/frontpage.html

@@ -1,191 +1,56 @@
 {#
   Copyright (C) 2019-2020 CERN.
   Copyright (C) 2019-2020 Northwestern University.
+  Copyright (C) 2021 New York University.
 
   Invenio App RDM is free software; you can redistribute it and/or modify it
   under the terms of the MIT License; see LICENSE file for more details.
 #}
+{% from "invenio_app_rdm/macros/records_list.html" import records_list %}
+{% from "invenio_communities/macros/communities_carousel.html" import communities_carousel %}
+
 {%- extends "invenio_theme/frontpage.html" %}
 
 {%- block page_header %}
-{%- include "invenio_app_rdm/header_frontpage.html" %}
+  {%- include "invenio_app_rdm/header_frontpage.html" %}
 {%- endblock page_header %}
 
 {%- block page_body %}
-{%- block first_section%}
-<section class="get-started-section section-content-white-bg">
-  <span class="section-title frontpage-title">{{ _("You've successfully installed InvenioRDM! What is ahead?") }}</span>
-  <div class="ui container">
-    <div class="ui padded relaxed centered grid">
-      <div class="invenio-rdm-project-goals">
-        <div class="rdm-goal">
-          <div class="flex-center-vertically">
-            <div class="numbering">1</div>
-          </div>
-          <h3 class="section-title">{{ _("Configure") }}</h3>
-          <div class="command-line">
-            {% trans configuration_link="https://inveniordm.docs.cern.ch/install/configuration/" %}Configure the
-            datamodel, resource types, permissions and much more to make it suit your needs! For more
-            information on how to do it visit the <a href="{{ configuration_link }}">configuration
-              section in the docs</a>.{% endtrans %}
-          </div>
-        </div>
-        <div class="rdm-goal">
-          <div class="flex-center-vertically">
-            <div class="numbering">2</div>
-          </div>
-          <h3 class="section-title">{{ _("Customize") }}</h3>
-            <div class="command-line">
-              {% trans configuration_link="https://inveniordm.docs.cern.ch/customize/styling/", extensions_link="https://inveniordm.docs.cern.ch/extensions/", custom_extension_link="https://inveniordm.docs.cern.ch/extensions/custom/" %}Customize
-              the layout and adapt the styling to match your institution's. See how to do so <a
-                href="{{ configuration_link }}">here</a>. You can also add new functionality using <a
-                href="{{ extensions_link }}">supported plugins</a>, or <a href="{{ custom_extension_link }}">writing
-                your own</a>.{% endtrans %}
-          </div>
-        </div>
-        <div class="rdm-goal">
-          <div class="flex-center-vertically">
-            <div class="numbering">3</div>
-          </div>
-          <h3 class="section-title">{{ _("Deploy it!") }}</h3>
-          <div class="command-line">
-            {% trans deployment_link="https://inveniordm.docs.cern.ch/deployment/" %}Use the Helm charts to deploy your
-            InvenioRDM instance. You can use the Helm chart to <a href="{{ deployment_link }}">deploy in
-              OpenShift</a>.{% endtrans %}
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="row inline-row">
-    <div class="inline-row-pane">
-      <div class="goto-button">
-        <a href="https://inveniordm.docs.cern.ch"><i class="file alternate outline icon"></i>{{ _("Docs") }}</a>
-      </div>
-      <div class="goto-button">
-        <a href="https://github.com/inveniosoftware"><i class="github icon"></i>{{ _("Code") }}</a>
-      </div>
-    </div>
-  </div>
-</section>
-{%- endblock first_section%}
-{%- block second_section%}
-<section class="brought-to-you-section section-content-light-bg">
-  <span class="section-title frontpage-title">{{ _("Brought to you by") }}</span>
-  <div class="ui container">
-    <div class="ui padded relaxed centered grid">
-      <div class="invenio-rdm-project-collaborators">
-        <div class="rdm-collaborators">
-          <a href="http://www.bnl.gov/">
-            <img class="collaborators-logo" src="/static/images/logo-bnl.png" title="Brookhaven National Laboratory">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.library.caltech.edu/">
-            <img class="collaborators-logo" src="/static/images/logo-caltechlibrary.png" title="Caltech Library">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="http://home.cern">
-            <img class="collaborators-logo" src="/static/images/logo-cern.png" title="CERN">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://cottagelabs.com">
-            <img class="collaborators-logo" src="/static/images/logo-cottagelabs.png" title="Cottage Labs">
-          </a>
-        </div>
-      </div>
-      <div class="invenio-rdm-project-collaborators">
-        <div class="rdm-collaborators">
-          <a href="https://ctsa.ncats.nih.gov/cd2h/">
-            <img class="collaborators-logo" src="/static/images/logo-cd2h.png" title="CTSA Program National Center for Data to Health">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.data-futures.org/">
-            <img class="collaborators-logo" src="/static/images/logo-data-futures.png" title="Data Futures">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.eko-konnect.org.ng">
-            <img class="collaborators-logo" src="/static/images/logo-eko-konnect.png" title="Eko Konnect">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="http://www.earthobservations.org/">
-            <img class="collaborators-logo" src="/static/images/logo-geo.svg" title="Group on Earth Observations">
-          </a>
-        </div>
-      </div>
-      <div class="invenio-rdm-project-collaborators">
-        <div class="rdm-collaborators">
-          <a href="https://www.hzdr.de/">
-            <img class="collaborators-logo" src="/static/images/logo-hzdr.png" title="Helmholtz Zentrum Dresden-Rossendorf">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="http://home.infn.it/">
-            <img class="collaborators-logo" src="/static/images/logo-infn.svg" title="Istituto Nazionale di Fisica Nucleare">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://ec.europa.eu/jrc/">
-            <img class="collaborators-logo" src="/static/images/logo-jrc.svg" title="Joint Research Centre">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.northwestern.edu/">
-            <img class="collaborators-logo" src="/static/images/logo-northwestern-university.png" title="Northwestern University">
-          </a>
-        </div>
-      </div>
-      <div class="invenio-rdm-project-collaborators">
-        <div class="rdm-collaborators">
-          <a href="https://www.openaire.eu/">
-            <img class="collaborators-logo" src="/static/images/logo-openaire.png" title="OpenAIRE">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://tind.io/">
-            <img class="collaborators-logo" src="/static/images/logo-tind.png" title="TIND">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://ulakbim.tubitak.gov.tr">
-            <img class="collaborators-logo" src="/static/images/logo-tubitak.svg" title="Tubitak">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.tugraz.at/en/home/">
-            <img class="collaborators-logo" src="/static/images/logo-tu-graz.svg" title="TU Graz">
-          </a>
-        </div>
-      </div>
-      <div class="invenio-rdm-project-collaborators">
-        <div class="rdm-collaborators">
-          <a href="https://www.tuwien.at/">
-            <img class="collaborators-logo" src="/static/images/logo-tu-wien.svg" title="TU Wien">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.uni-hamburg.de/">
-            <img class="collaborators-logo" src="/static/images/logo-uni-hamburg.png" title="Universität Hamburg">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.uni-muenster.de/en/">
-            <img class="collaborators-logo" src="/static/images/logo-uni-munster.png" title="University of Münster">
-          </a>
-        </div>
-        <div class="rdm-collaborators">
-          <a href="https://www.wacren.net">
-            <img class="collaborators-logo" src="/static/images/logo-wacren.png" title="West and Central African Research and Education Network">
-          </a>
+
+  {%- block intro_section %}
+    {% if show_intro_section %}
+      {% include "invenio_app_rdm/intro_section.html" %}
+    {% endif %}
+  {%- endblock intro_section %}
+
+  {%- block top_banner %}
+    {{ communities_carousel() }}
+  {%- endblock top_banner %}
+
+  {%- block grid_section %}
+    <div class="ui stackable grid container rel-mt-2">
+
+      {% block main_column %}
+        <div class="eleven wide computer sixteen wide tablet column">
+
+          {% block main_column_content %}
+            {{ records_list() }}
+          {% endblock main_column_content %}
+
         </div>
-      </div>
+      {% endblock main_column %}
+
+      {% block side_column %}
+        <aside class="five wide computer sixteen wide tablet column">
+
+          {% block side_column_content %}{% endblock side_column_content %}
+
+        </aside>
+      {% endblock side_column %}
     </div>
-  </div>
-</section>
-{%- endblock second_section%}
-{%- endblock page_body%}
+  {%- endblock grid_section %}
+
+  {%- block bottom_section %}
+  {%- endblock bottom_section %}
+
+{%- endblock page_body %}

invenio_app_rdm/theme/templates/semantic-ui/invenio_app_rdm/header.html

@@ -1,7 +1,9 @@
 {#
     -*- coding: utf-8 -*-
-    Copyright (C) 2019-2020 CERN.
+    Copyright (C) 2019-2025 CERN.
     Copyright (C) 2019-2020 Northwestern University.
+    Copyright (C) 2021 New York University.
+    Copyright (C) 2024 KTH Royal Institute of Technology.
 
     Invenio App RDM is free software; you can redistribute it and/or modify it
     under the terms of the MIT License; see LICENSE file for more details.
@@ -9,82 +11,137 @@
 
 <div>
   <header class="theme header">
+    {%- block user_impersonation %}
+      {%- if '_impersonator_id' in session %}
+        <div class="ui negative flashed top attached manage m-0 big message">
+          <div class="ui container">
+            <div class="header">
+              <i class="ui spy big icon"></i><strong>{{ _('Impersonated session') }}</strong>
+            </div>
+            {{ _('You must logout after you finish with you inquiry!') }}
+          </div>
+        </div>
+      {%- endif %}
+    {%- endblock user_impersonation %}
+
     <div class="outer-navbar">
       {%- block navbar %}
-      <nav id="invenio-nav" class="ui inverted menu borderless">
-        <div class="ui grid container">
-        <ul class="navbar-menu">
-            <li class="logo">
-              {%- block navbar_header %}
-              {%- block brand %}
-                {%- if config.THEME_LOGO %}
-                <a class="logo-link" href="/">
-                  <img class="ui medium image rdm-logo"
-                      src="{{ url_for('static', filename=config.THEME_LOGO) }}"/>
-                </a>
-                {%- else %}
-                <a class="logo" href="/">{{ _(config.THEME_SITENAME) }}</a>
-                {%- endif %}
-              {%- endblock brand %}
+      <div class="ui container invenio-header-container">
+        <nav id="invenio-nav" class="ui inverted menu borderless p-0">
+          <div class="item logo p-0">
+            {%- block navbar_header %}
+                {%- block brand %}
+                  {%- if config.THEME_LOGO %}
+                    <a class="logo-link" href="/">
+                      <img class="ui image rdm-logo"
+                            src="{{ url_for('static', filename=config.THEME_LOGO) }}"
+                            alt="{{ _(config.THEME_SITENAME) }} {{ _('home') }}"/>
+                    </a>
+                  {%- else %}
+                    <a class="logo" href="/">{{ _(config.THEME_SITENAME) }}</a>
+                  {%- endif %}
+                {%- endblock brand %}
               {%- endblock navbar_header %}
-            </li>
-            <li class="navbar-item navbar-search-bar">
-              {%- if config.THEME_SEARCHBAR %}
-                  {%- block navbar_search %}
-                    <div class="navbar-item navbar-search-bar" id="header-search-bar">
-                      <form class="form" action="{{ config.THEME_SEARCH_ENDPOINT }}" role="search">
-                        <div class="ui action icon input">
-                          <input type="text" name="q" placeholder="{{ _('Search') }}">
-                          <button type="submit" class="ui icon search button">
-                            <i class="icon search"></i>
-                          </button>
-                        </div>
-                      </form>
-                    </div>
+          </div>
 
-                  {%- endblock navbar_search %}
-                {%- endif %}
-            </li>
-              {%- block navbar_nav %}
-                {%- for item in current_menu.submenu('main').children|sort(attribute='order') if item.visible recursive %}
-                    {%- if item.children %}
-                  <li class="navbar-item navbar-options">
-                    <div class="dropdown{{ ' active' if item.active else '' }}">
-                      <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
-                        aria-expanded="false" href="{{ item.url }}">{{ item.text|safe }} <b class="caret"></b></a>
-                      <ul class="dropdown-menu">{{ loop(item.children|sort(attribute='order')) }}</ul>
+          <div id="rdm-burger-toggle">
+            <button
+              id="rdm-burger-menu-icon"
+              class="ui button transparent"
+              aria-label="{{ _('Menu') }}"
+              aria-haspopup="menu"
+              aria-expanded="false"
+              aria-controls="invenio-menu"
+            >
+              <span class="navicon" aria-hidden="true"></span>
+            </button>
+          </div>
+
+          <nav
+            id="invenio-menu"
+            aria-labelledby="rdm-burger-menu-icon"
+            class="ui fluid menu borderless mobile-hidden"
+          >
+            <button
+              id="rdm-close-burger-menu-icon"
+              class="ui button transparent"
+              aria-label="{{ _('Close menu') }}"
+            >
+              <span class="navicon" aria-hidden="true"></span>
+            </button>
+
+            {%- if config.THEME_SEARCHBAR %}
+              {%- block navbar_search %}
+                {%- include "invenio_app_rdm/searchbar.html" %}
+              {%- endblock navbar_search %}
+            {%- endif %}
+
+            {%- block navbar_nav %}
+              {%- for item in current_menu.submenu('main').children|sort(attribute='order') if item.visible recursive %}
+                {%- if item.children %}
+                  <div class="item">
+                    <div class="dropdown {{ ' active' if item.active else '' }}">
+                      <a role="button"
+                        class="dropdown-toggle"
+                        data-toggle="dropdown"
+                        aria-haspopup="menu"
+                        aria-expanded="false"
+                        href="{{ item.url }}"
+                      >
+                        {{ item.text|safe }}
+                        <b class="caret"></b>
+                      </a>
+                      <ul role="menu" class="dropdown-menu">
+                        {{ loop(item.children|sort(attribute='order')) }}
+                      </ul>
                     </div>
-                  </li>
-                    {%- else %}
-                      <li class={{ "navbar-item navbar-options active" if item.active and loop.depth == 0 else "navbar-item" }}>
-                      <a href="{{ item.url }}">{{ item.text|safe }}</a></li>
-                      {%- endif %}
-                {%- endfor %}
+                  </div>
+                {%- else %}
+                  <div class="{{ 'item active' if item.active else 'item' }}">
+                    <a href="{{ item.url }}">{{ item.text|safe }}</a>
+                  </div>
+                {%- endif %}
+              {%- endfor %}
+
+              {% for item in current_menu.submenu('actions').children|sort(attribute='order') if item.visible recursive %}
+                <div class="{{ 'item active' if item.active else 'item' }}">
+                  <a href="{{ item.url }}">{{ item.text|safe }}</a>
+                </div>
+              {% endfor %}
             {%- endblock navbar_nav %}
-            <li class="navbar-item navbar-button">
-              <ul class="rdm-sign-buttons">
-                {%- block navbar_right %}
-                  <li class="navbar-item navbar-button">{%- include config.THEME_HEADER_LOGIN_TEMPLATE %}</li>
-                {%- endblock navbar_right %}
-              </ul>
-            </li>
 
-            <li class="toggle">
-              <input class="menu-btn" type="checkbox" id="menu-btn" />
-              <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
-            </li>
-        </ul>
+            {%- block navbar_right %}
+              <div class="right menu item">
+                {%- if config.ACCOUNTS and current_user.is_authenticated %}
+                  {% for item in current_menu.submenu('notifications').children|sort(attribute='order') if item.visible recursive %}
+                    <div class="{{'item active' if item.active else 'item' }} inbox">
+                      <a href="{{ item.url }}" aria-label="{{ _('Requests') }}">
+                        <i class="fitted inbox icon inverted"></i>
+                        <span class="mobile tablet only inline">{{ _("Inbox") }}</span>
+                      </a>
+                    </div>
+                  {% endfor %}
+                {% endif %}
+                {%- include config.THEME_HEADER_LOGIN_TEMPLATE %}
+              </div>
+            {%- endblock navbar_right %}
+          </nav>
+        </nav>
       </div>
-      </nav>
       {%- endblock navbar %}
     </div>
-  {%- block flashmessages %}
-  {%- from "invenio_theme/macros/messages.html" import flashed_messages with context -%}
-  {{ flashed_messages() }}
-  {%- endblock %}
+
+    {%- block site_banner %}
+      {% from 'invenio_banners/banner.html' import banner %}
+      {{ banner() }}
+    {%- endblock site_banner %}
+
+    {%- block flashmessages %}
+      {%- from "invenio_theme/macros/messages.html" import flashed_messages with context -%}
+      {{ flashed_messages() }}
+    {%- endblock %}
   </header>
 
   {%- block breadcrumbs %}
-  {%- include "invenio_theme/breadcrumbs.html" %}
   {%- endblock breadcrumbs %}
 </div>

invenio_app_rdm/theme/templates/semantic-ui/invenio_app_rdm/header_frontpage.html

@@ -1,6 +1,7 @@
 {# -*- coding: utf-8 -*-
     Copyright (C) 2020 CERN.
     Copyright (C) 2020 Northwestern University.
+    Copyright (C) 2021 New York University.
 
     Invenio App RDM is free software; you can redistribute it and/or modify it
     under the terms of the MIT License; see LICENSE file for more details.
@@ -15,30 +16,33 @@
 {{ super() }}
 
 {%- block frontpage_search %}
-<div id="frontpage-search-bar" class="ui container fluid cover-page">
-  <div class="ui container two column centered middle aligned grid">
-    <div class="row middle aligned">
-      <div class="sixteen wide column frontpage-search">
+<div id="frontpage-search-bar" class="ui container fluid frontpage-header">
+  <div class="ui container grid rel-mt-2">
+    <div class="row">
+      <div class="sixteen wide column center aligned">
         {%- block frontpage_title %}
-        <h1 class="ui center aligned header">
+        <h1 class="ui center aligned header inverted">
           {{ _(config.THEME_FRONTPAGE_TITLE) }}
         </h1>
-        {%- endblock frontpage_title %}
-        {%- block frontpage_form %}
-        <div class="ui center aligned grid">
-          <div class="search-bar">
-            <form action="{{ url_for('invenio_search_ui.search') }}" class="ui form">
+      </div>
+    </div>
+      {%- endblock frontpage_title %}
+      {%- block frontpage_form %}
+      <div class="row">
+          <div class="sixteen wide mobile four wide computer column"></div>
+          <div class="sixteen wide mobile eight wide computer column center aligned">
+            <form action="{{ url_for('invenio_search_ui.search') }}" class="ui form" role="search">
               <div class="ui fluid big action input">
-                <input type="text" name="q" class="form-control" placeholder="{{ _("Search") }}">
-                <button type="submit" class="ui icon search button"><i class="search icon"></i></button>
+                <input type="text" name="q" class="form-control" aria-label="{{ _('Search') }}" placeholder="{{ _('Search') }}">
+                <button type="submit" class="ui icon search button" aria-label="{{ _('Search') }}">
+                  <i class="search icon"></i>
+                </button>
               </div>
             </form>
           </div>
         </div>
         <div class="ui divider hidden"></div>
         {%- endblock frontpage_form %}
-      </div>
-    </div>
   </div>
 </div>
 {%- endblock frontpage_search %}