Skip to content

Commit

Permalink
frontpage: added browse section for metrics
Browse files Browse the repository at this point in the history
  • Loading branch information
Fatimah committed Mar 4, 2024
1 parent 5c11552 commit b9969d1
Showing 1 changed file with 174 additions and 50 deletions.
224 changes: 174 additions & 50 deletions templates/themes/horizon/invenio_communities/details/home/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,37 +16,91 @@
{%- block page_body %}
{{ super() }}
<div class="ui rel-m-2 rel-pt-1">
<div class="ui centered stackable theme-font grid container rel-mt-2 rel-mb-4">
<div class="thirteen wide column">
<div class="row item">
<h1 class="ui large header">Trusted repository for European research
projects</h1>
<h1 class="ui text-muted small header">Builtin compliance with EU open science
policy</h1>
<div class="ui centered stackable theme-font grid container rel-mt-4 rel-mb-4">
<div class="thirteen centered wide column">
<div class=" rel-mt-2 rel-mb-2">
<h1 class="ui large header">{{ _("Open repository for EU-funded research (Pilot)") }}</h1>
<p class="text-muted ui small header">{{ _("Research outputs from Horizon Europe, Euratom and earlier framework programmes") }}</p>
</div>
<div class="ui rel-mt-2 rel-mb-4">
<div class="ui fluid container row rel-mb-2">
<a href="/uploads/new?community={{ community.slug }}"
class="ui positive button labeled theme-secondary icon rel-mt-1">
<i class="upload icon" aria-hidden="true"></i>
{{ _("New upload") }}
</a>
<a href="{{ '/support/' }}"
target="_blank"
class="ui positive button labeled theme-primary icon rel-mt-1">
<i class="users icon" aria-hidden="true"></i>
{{ _("Join waiting list") }}
</a>
<a href="https://open-research-europe.ec.europa.eu/"
target="_blank"
class="ui button labeled icon rel-mt-1">
<i class="info icon" aria-hidden="true"></i>
{{ _("Learn more") }}
<div class="ui grid centered rel-mt-2 rel-mb-4">
<div class="row">
<div class="column eight wide">
<form action="{{ url_for('invenio_app_rdm_communities.communities_detail', pid_value=community.slug) }}" class="ui form" role="search">
<div class="ui fluid action input">
<input
type="text"
name="q"
class="form-control"
placeholder="{{ _('Search...') }}"
aria-label="{{ _('Search') }}"
>
<button
type="submit"
class="ui icon search button"
aria-label="{{ _('Search') }}"
>
{{ _('Search') }}
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>

<!--BROWSE SECTION-->
{% macro format_metric_value(title, value) %}
{% if title == "RECORDS" or title == "GRANTS" %}
{% if value >= 1000000 %}
{{ (value // 1000000) }} M
{% elif value >= 100000 %}
{{ '{:,.0f}'.format(value // 1000) }} K
{% else %}
{{ '{:,.0f}'.format(value) }}
{% endif %}
{% elif title == "DATA VOLUME" %}
{% if value >= 1000 %}
{{ (value / 1000) | round(1) }} TB
{% else %}
{{ value }} GB
{% endif %}
{% else %}
{{ value }}
{% endif %}
{% endmacro %}

<div class="ui stackable theme-font grid container rel-mt-4 rel-mb-2">
<div class="column">
<div class="row item">
<h1 class="ui large header inline">{{ _("Browse") }}</h1>
</div>
<div class="ui divider ml-0"></div>
<div class="center aligned ui equal width stackable grid rel-mt-4 rel-mb-2">
<div class="row rel-mb-4">
{% for key, metric in metrics.items() %}
<div class="column">
<div class="theme-primary-text">
<h1 class="ui header header huge">
<i class="{{ metric['icon'] }} icon" aria-hidden="true"></i> {{ format_metric_value(metric['title'], metric['value']) }}
</h1>
</div>
<h1 class="text-muted ui header medium">{{ metric['title'] }}</h1>
</div>
{% endfor %}
</div>
<div class="row">
<div class="center aligned">
<a href="{{ url_for('invenio_app_rdm_communities.communities_detail', pid_value=community.slug) }}"
class="ui button labeled icon rel-mt-1">
<i class="eye icon" aria-hidden="true"></i>
{{ _("Browse") }}
</a>
</div>
</div>
</div>
</div>
</div>

{% if records %}
<div class="ui stackable theme-font grid container ">
Expand All @@ -69,35 +123,105 @@ <h1 class="ui large header">{{ title }}</h1>

<div class="ui stackable theme-font grid container rel-mt-2">
<div class="column">
<div class="row item">
<h1 class="ui large header">{{ _('How it works') }}</h1>
</div>
<div class="ui divider"></div>
<div class="center aligned ui equal width stackable grid rel-mt-4 rel-mb-2">
<div class="row rel-mb-2">
<div class="column">
<h1 class="text-muted ui medium header">{{ _('1. Request Community') }}</h1>
</div>
<div class="column">
<h1 class="text-muted ui medium header">{{ _('2. Invite Partners') }}</h1>
</div>
<div class="column">
<h1 class="text-muted ui medium header">{{ _('3. Publish FAIR') }}</h1>
</div>
<div class="row item">
<h1 class="ui large header">{{ _("How it works") }}</h1>
</div>
<div class="row">
<div class="center aligned">
<a href="https://open-research-europe.ec.europa.eu/"
target="_blank"
class="ui button labeled icon rel-mt-1">
<i class="info icon" aria-hidden="true"></i>
{{ _("Learn More") }}
</a>
<div class="ui divider ml-0"></div>
<div class="sixteen wide stretched column rel-mt-4">
<div class="ui equal width grid">
<div class="five wide computer sixteen wide mobile segment-container column rel-m-1">
<section>
<h1 class="center aligned ui medium header rel-m-1">{{ _("Submit your research") }} </h1>
<div class="ui bottom attached">
<ul>
<li>
<strong>{{ _("Eligibility") }}</strong> — {{ _("Any research output (data, software, posters, presentation, deliverables, ...) stemming from Horizon Europe (including ERC, MCSA, and earlier Framework Programmes) and/or Euratom across all subject areas") }}
</li>
<li>
<strong>{{ _("Curation") }}</strong> — {{ _("All submissions are curated. Submissions are NOT peer- reviewed (for preprints/papers please consider to publish through Open Research Europe platform).") }}
</li>
<li>
<strong>{{ _("Compliance") }}</strong> — {{ _("the EU Open Research Repository makes it easy comply with the open science requirements of the Horizon Europe grant agreement.") }}
</li>
<li>
<strong>{{ _("Zenodo") }}</strong> — {{ _("EU Open Research Repository is community inside Zenodo which is managed and hosted by CERN.") }}
</li>
</ul>
<div class="ui container center aligned rel-mb-1">
<a href="/communities/{{ community.slug }}/pages/how-to-submit"
class="ui positive button labeled theme-secondary icon rel-mt-2">
<i class="upload icon" aria-hidden="true"></i>
{{ _("How to submit") }}
</a>
</div>
</div>
</section>
</div>
<div class="five wide computer sixteen wide mobile segment-container column rel-m-1">
<section>
<h1 class=" center aligned ui medium header rel-m-1">{{ _("Get an EC project community") }} </h1>
<div class="ui bottom attached">
<ul>
<li>
<strong>{{ _("Manage your project's research outputs") }}</strong> — {{ _("An EC project community provides you with a common space to manage research outputs from your project and from all your partners.") }}
</li>
<li>
<strong>{{ _("Eligibility") }}</strong> — {{ _("Any EU-funded project stemming from Horizon Europe and/or Euratom can get a project community. Request must be made by a beneficiary of a grant.") }}
</li>
<li>
<strong>{{ _("Members") }}</strong> — {{ _("Allows you to manage members from across all the project's partners and determine who can submit, who can review and who can manage.") }}
</li>
<li>
<strong>{{ _("200GB") }}</strong> — {{ _("Uploads are made available online as soon as you hit publish, and your DOI is registered within seconds.") }}
</li>
<li>
<strong>{{ _("Compliance") }}</strong> — {{ _("EC project communities gets a default quota per record of 200GB instead of the normal 50GB.") }}
</li>
</ul>
<div class="ui container center aligned rel-mb-1">
<a href="/communities/{{ community.slug }}/pages/join"
class="ui positive button labeled theme-primary icon rel-mt-1">
<i class="users icon" aria-hidden="true"></i>
{{ _("Join with your EC project") }}
</a>
</div>
</div>
</section>
</div>
<div class="five wide computer sixteen wide mobile segment-container column rel-m-1">
<section>
<h1 class="center aligned ui medium header rel-m-1">{{ _("About") }} </h1>
<div class="ui bottom attached ">
<ul>
<li>
<strong>{{ _("Pilot") }}</strong> — {{ _("EU Open Research Repository is in a pilot phase and expected to be fully operational in autumn 2024.") }}
</li>
<li>
<strong>{{ _("European Commission & CERN") }}</strong> — {{ _("the EU Open Research Community is managed by CERN on behalf of the European Commission (Directorate-General for Research and Innovation).") }}
</li>
<li>
<strong>{{ _("Become an early adopter") }}</strong> — {{ _("every upload is assigned a Digital Object Identifier (DOI), to make them citable and trackable.") }}
</li>
<li>
<strong>{{ _("Upcoming") }}</strong> — {{ _("We're working on integrating automated basic curation checks and FAIR assistance directly into the submission workflow. Subscribe to the Zenodo newsletter to learn about the new features as soon as they are out.") }}
</li>
<li>
<strong>{{ _("Funded by") }}</strong> — {{ _("the work is funded by the European Union under grant agreement no. 101122956 (HORIZON-ZEN).") }}
</li>
</ul>
<div class="ui container center aligned rel-mb-1">
<a href="about"
class="ui button labeled icon rel-mt-1">
<i class="info icon" aria-hidden="true"></i>
{{ _("Learn More") }}
</a>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
{%- endblock page_body -%}

0 comments on commit b9969d1

Please sign in to comment.