{#
  Copyright (C) 2020-2026 Graz University of Technology.

  invenio-override is free software; you can redistribute it and/or
  modify it under the terms of the MIT License; see LICENSE file for more
  details.
#}
{%- set main_column_width = "ten" if config.OVERRIDE_FRONTPAGE_RIGHT else "sixteen" %}
{%- block javascript %}
  {{ webpack['invenio-override-js.js'] }}
  {{ webpack['invenio-override-communities.js'] }}
{%- endblock javascript %}
{%- from "invenio_override/macros/authors.html" import creators -%}
{%- from "invenio_app_rdm/macros/records_list.html" import records_list %}
{%- extends "invenio_app_rdm/frontpage.html" %}
{%- block css %}
  {{ super() }}
  {# FOUC (flash-of-unstyled-content) prevention: the frontpage briefly renders
     unstyled before CSS/JS finish loading. We hide the body (opacity:0) and fade
     it in on DOMContentLoaded. The <noscript> fallback forces it visible when JS
     is disabled — otherwise the page would stay hidden forever. #}
  <style>body{opacity:0;transition:opacity .15s ease}.frontpage-hero-section,.frontpage-below-hero{opacity:0}</style>
  <noscript><style>body{opacity:1}</style></noscript>
  <script>document.addEventListener('DOMContentLoaded',function(){document.body.style.opacity='1'});</script>
{%- endblock css %}
{%- block page_header %} {%- include "invenio_override/header_frontpage.html" %}
{%- endblock page_header %}
{%- block top_banner %}{%- endblock top_banner %}
  {%- block grid_section %}
    <div class="frontpage-below-hero">
      {%- if config.OVERRIDE_RESOURCE_OVERVIEW %}
        <div class="ui container">{% include "invenio_override/resource_overview.html" %}</div>
      {%- endif %}
      {%- if config.get('OVERRIDE_FRONTPAGE_SHOW_RECENT_UPLOADS', False) %}
        <div class="ui container">{% include "invenio_override/recent_uploads.html" %}</div>
      {%- endif %}
      <div class="ui container">{% include "invenio_override/frontpage_reasons.html" %}</div>
    </div>
    {# Required: loads invenio-app-rdm-frontpage.js and provides #records-list anchor #}
    <div style="display:none;">{{ records_list() }}</div>
  {%- endblock grid_section %}