redesign tweaks
This commit is contained in:
parent
40700daf24
commit
29a321c302
|
@ -7,22 +7,24 @@
|
|||
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
||||
<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
|
||||
<div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
|
||||
<h1 uk-scrollspy-class>Fields of Science<span class="uk-text-primary">.</span></h1>
|
||||
<div uk-scrollspy-class>
|
||||
We have integrated a Field-of-Science (FoS) taxonomy into our dataset to organize and discover research more effectively. Using the full capabilities of the OpenAIRE Research Graph (full-texts, citations, references, venues) we apply AI and bring forward any multidisciplinarity potential.
|
||||
<div style="max-width: 600px;">
|
||||
<h1 uk-scrollspy-class>Fields of Science<span class="uk-text-primary">.</span></h1>
|
||||
<div uk-scrollspy-class>
|
||||
We have integrated a Field-of-Science (FoS) taxonomy into our dataset to organize and discover research more effectively. Using the full capabilities of the OpenAIRE Research Graph (full-texts, citations, references, venues) we apply AI and bring forward any multidisciplinarity potential.
|
||||
</div>
|
||||
<div class="uk-text-meta uk-margin-top" uk-scrollspy-class>
|
||||
Our work is based on the work from our partner Athena Research Center: SciNoBo : A Hierarchical Multi-Label Classifier of Scientific Publications - <a href="https://arxiv.org/abs/2204.00880" target="_blank">https://arxiv.org/abs/2204.00880</a>
|
||||
</div>
|
||||
<!-- TODO: We need a page for the button link -->
|
||||
<!-- <div>
|
||||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-top" uk-scrollspy-class
|
||||
routerLinkActive="router-link-active" routerLink="/">
|
||||
<span class="uk-flex uk-flex-middle">
|
||||
<span>Learn More</span>
|
||||
</span>
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="uk-text-meta uk-margin-top" uk-scrollspy-class>
|
||||
Our work is based on the work from our partner Athena Research Center: SciNoBo : A Hierarchical Multi-Label Classifier of Scientific Publications - <a href="https://arxiv.org/abs/2204.00880" target="_blank">https://arxiv.org/abs/2204.00880</a>
|
||||
</div>
|
||||
<!-- TODO: We need a page for the button link -->
|
||||
<!-- <div>
|
||||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-top" uk-scrollspy-class
|
||||
routerLinkActive="router-link-active" routerLink="/">
|
||||
<span class="uk-flex uk-flex-middle">
|
||||
<span>Learn More</span>
|
||||
</span>
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
<div class="uk-width-2-5@m uk-width-1-1@s uk-text-center" uk-scrollspy-class>
|
||||
<img src="../../assets/explore-assets/fos-hero-img.svg" loading="lazy">
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<h1 class="uk-h2" uk-scrollspy-class>
|
||||
Discover open <br> linked research<span class="uk-text-primary">.</span>
|
||||
</h1>
|
||||
<div *ngIf="showContentWithNumbers" class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
|
||||
<div *ngIf="showContentWithNumbers" class="uk-text-large uk-margin-medium-top" style="max-width: 600px;" uk-scrollspy-class>
|
||||
<div>
|
||||
A comprehensive and open dataset of research information covering
|
||||
<span class="uk-text-bold">{{numbers.publicationsSize.number|number}}{{numbers.publicationsSize.size}} {{openaireEntities.PUBLICATIONS.toLowerCase()}}</span>,
|
||||
|
@ -26,7 +26,7 @@
|
|||
</div>
|
||||
<div>All linked together through citations and semantics.</div>
|
||||
</div>
|
||||
<div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top uk-width-4-5@l uk-width-3-5@xl" uk-scrollspy-class>
|
||||
<div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top uk-width-4-5@l uk-width-3-5@xl">
|
||||
<advanced-search-input (searchEmitter)="goTo(true)">
|
||||
<entities-selection #entities [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
|
||||
(selectionChange)="entityChanged($event)" (disableSelectEmitter)="disableSelectChange($event)"
|
||||
|
@ -39,17 +39,16 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-padding-small uk-margin-top uk-flex uk-flex-middle">
|
||||
<div class="uk-text-bold uk-margin-right">
|
||||
<div class="uk-padding-small uk-margin-small-top">
|
||||
<div class="uk-text-meta">
|
||||
Try browsing by:
|
||||
</div>
|
||||
<div class="link-actions uk-flex uk-flex-middle">
|
||||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-right"
|
||||
<div class="link-actions uk-flex uk-flex-column uk-flex-top uk-margin-small-top">
|
||||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-small-bottom"
|
||||
routerLinkActive="router-link-active" routerLink="/sdg">
|
||||
<span class="uk-flex uk-flex-middle">
|
||||
<img src="assets/explore-assets/sdg-dot-img.svg" alt="SDGs logo" loading="lazy">
|
||||
<span class="uk-margin-small-left">Sustainable Development Goals (SDG<span class="uk-text-lowercase">s</span>)</span>
|
||||
<!-- <span class="uk-margin-small-left uk-hidden@xl">SDGs</span> -->
|
||||
</span>
|
||||
</a>
|
||||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
||||
|
@ -57,7 +56,6 @@
|
|||
<span class="uk-flex uk-flex-middle">
|
||||
<img src="assets/explore-assets/fos-icon.svg" alt="FOS logo" loading="lazy">
|
||||
<span class="uk-margin-small-left">Fields of Science (FoS)</span>
|
||||
<!-- <span class="uk-margin-small-left uk-hidden@xl">FoS</span> -->
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
@ -180,7 +178,7 @@
|
|||
<div class="uk-section uk-section-secondary">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-width-1-1">
|
||||
<h2 class="uk-h1 uk-margin-remove-top">Share your research<span class="uk-text-primary">.</span></h2>
|
||||
<h2 class="uk-h1 uk-margin-large-top">Share your research<span class="uk-text-primary">.</span></h2>
|
||||
</div>
|
||||
<div id="js-sticky-parallax-images-all" style="min-height: 200vh">
|
||||
<div class="uk-visible@m uk-height-viewport explore-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true">
|
||||
|
@ -190,7 +188,7 @@
|
|||
<div uk-parallax="target: #js-sticky-parallax-images-all;">
|
||||
<img class="uk-position-center-left" src="assets/explore-assets/home/landscape.png" alt="ipad" loading="lazy"
|
||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0"
|
||||
style="height:50vh">
|
||||
style="width: 40%;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -206,7 +204,7 @@
|
|||
|
||||
<div class="uk-hidden@m uk-height-viewport explore-dark-logo-background" uk-sticky="bottom: #js-sticky-parallax-images-all">
|
||||
<div class="uk-flex uk-flex-column">
|
||||
<div class="explore-dark-logo-background uk-inline uk-width-1-1" style="height: 50vh;">
|
||||
<div class="explore-dark-logo-background uk-inline uk-width-1-1" style="width: 40%;">
|
||||
<div class="uk-position-center uk-height-1-1" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
|
||||
<img class="uk-height-1-1" src="assets/explore-assets/home/landscape.png" alt="ipad" loading="lazy">
|
||||
</div>
|
||||
|
@ -235,33 +233,32 @@
|
|||
<div class="uk-background-muted">
|
||||
<div class="uk-position-relative">
|
||||
<div class="uk-section uk-section-large">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-container">
|
||||
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
|
||||
<div>
|
||||
<h2>Linked Open Research.</h2>
|
||||
<div class="">
|
||||
EXPLORE is built on the <a href="https://graph.openaire.eu/" target="_blank" class="graph">OpenAIRE Research Graph</a>, one of the largest
|
||||
open scholarly record collections worldwide. Conceived as a public and
|
||||
transparent good, populated out of data sources trusted by scientists, the
|
||||
OpenAIRE Research Graph brings discovery, monitoring, and assessment of science
|
||||
back in the hands of the scientific community.
|
||||
<div style="max-width: 550px;">
|
||||
<h2>Linked Open Research.</h2>
|
||||
<div class="">
|
||||
EXPLORE is built on the <a href="https://graph.openaire.eu/" target="_blank" class="graph">OpenAIRE Research Graph</a>, one of the largest
|
||||
open scholarly record collections worldwide. Conceived as a public and
|
||||
transparent good, populated out of data sources trusted by scientists, the
|
||||
OpenAIRE Research Graph brings discovery, monitoring, and assessment of science
|
||||
back in the hands of the scientific community.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div></div>
|
||||
<img class="uk-visible@m uk-height-1-1 uk-position-top-right" src="assets/explore-assets/home/graph.svg" alt="ipad" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<img class="uk-visible@m uk-height-1-1 uk-position-top-right" src="assets/explore-assets/home/graph.svg" alt="ipad" loading="lazy">
|
||||
</div>
|
||||
<div class="uk-section uk-padding-remove-top">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-width-1-2@m uk-margin-auto uk-margin-small-top uk-text-small">
|
||||
<div class="uk-container">
|
||||
<div class="uk-width-1-2@m uk-margin-auto uk-margin-small-top uk-text-center" style="max-width: 600px;">
|
||||
<div>
|
||||
Within a constantly emerging scholarly communication environment, the OpenAIRE Research Graph is a moving target, continuously integrating new sources, new types or research objects, and embedding access measures. We therefore welcome the community to work with us to improve all its aspects: its <span class="uk-text-bold">coverage</span> (geographic and thematic), <span class="uk-text-bold">quality</span> (disambiguation and semantics) and <span class="uk-text-bold">access</span> (APIs).
|
||||
</div>
|
||||
<!-- <div>
|
||||
You can provide feedback via <a href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank">Trello</a> or via opening a ticket in the <a href="https://www.openaire.eu/support/helpdesk" target="_blank">OpenAIRE Helpdesk</a> under the category OpenAIRE Services with the subject “OpenAIRE Research Graph: ”. The graph can be explored and tested via this portal or via data dumps made available in <a href="https://zenodo.org/communities/openaire-research-graph?page=1&size=20" target="_blank">Zenodo.org</a>.
|
||||
</div> -->
|
||||
<div class="uk-margin-top">
|
||||
Find information about the OpenAIRE Research Graph, how to test it and contribute to improving it.
|
||||
</div>
|
||||
|
@ -270,16 +267,6 @@
|
|||
Learn more. Contribute
|
||||
</a>
|
||||
</div>
|
||||
<!-- <div class="uk-margin-medium-top uk-flex uk-flex-middle uk-flex-between">
|
||||
<a href="https://www.openaire.eu/blogs/the-openaire-research-graph" target="_blank" class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text">
|
||||
Instructions on providing feedback
|
||||
</a>
|
||||
<a href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank"
|
||||
class="uk-button trello-button-blue uk-text-uppercase">
|
||||
<img src="assets/explore-assets/trello.svg" alt="Trello logo" loading="lazy" class="uk-margin-small-top uk-margin-small-bottom">
|
||||
<span class="uk-margin-small-left">Go to Trello</span>
|
||||
</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -287,12 +274,12 @@
|
|||
|
||||
<div class="uk-section uk-section-large">
|
||||
<div class="uk-container uk-container-large">
|
||||
<h2 class="uk-h1 uk-margin-bottom">
|
||||
Did you know<span class="uk-text-primary">?</span>
|
||||
<h2 class="uk-h5 uk-margin-remove uk-text-primary">
|
||||
Did you know that
|
||||
</h2>
|
||||
<h2 class="uk-heading-large uk-margin-medium-bottom uk-margin-remove-top">
|
||||
you may
|
||||
</h2>
|
||||
<div class="uk-h6 uk-margin-remove">
|
||||
That you may
|
||||
</div>
|
||||
<div id="custom-links" class="uk-padding uk-grid uk-child-width-1-2@m uk-text-bold" uk-grid uk-height-match="target: .link-title;">
|
||||
<div>
|
||||
<div class="uk-width-3-4 uk-margin-auto uk-padding uk-padding-remove-horizontal" style="border-bottom: 1px solid rgba(0,0,0,0.1)">
|
||||
|
@ -310,38 +297,6 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div>
|
||||
<div class="uk-width-3-4 uk-margin-auto uk-padding uk-padding-remove-horizontal" style="border-bottom: 1px solid rgba(0,0,0,0.1)">
|
||||
<a href="https://www.openaire.eu/os-primers" target="_blank" class="uk-link-reset uk-text-large uk-flex uk-flex-middle uk-flex-between">
|
||||
<span class="link-title">Open science policies and how to align</span>
|
||||
<icon name="east" ratio="1.5"></icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-width-3-4 uk-margin-auto uk-padding uk-padding-remove-horizontal" style="border-bottom: 1px solid rgba(0,0,0,0.1)">
|
||||
<a href="https://www.openaire.eu/rdm-handbook" target="_blank" class="uk-link-reset uk-text-large uk-flex uk-flex-middle uk-flex-between">
|
||||
<span class="link-title">How to manage your data in the open <br> science era</span>
|
||||
<icon name="east" ratio="1.5"></icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-width-3-4 uk-margin-auto uk-padding uk-padding-remove-horizontal" style="border-bottom: 1px solid rgba(0,0,0,0.1)">
|
||||
<a href="https://www.openaire.eu/guides" target="_blank" class="uk-link-reset uk-text-large uk-flex uk-flex-middle uk-flex-between">
|
||||
<span class="link-title">How to use OpenAIRE to best serve <br> your needs</span>
|
||||
<icon name="east" ratio="1.5"></icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-width-3-4 uk-margin-auto uk-padding uk-padding-remove-horizontal" style="border-bottom: 1px solid rgba(0,0,0,0.1)">
|
||||
<a href="https://www.openaire.eu/frontpage/webinars" target="_blank" class="uk-link-reset uk-text-large uk-flex-middle uk-flex uk-flex-between">
|
||||
<span class="link-title">Training material on a variety of <br> related topics</span>
|
||||
<icon name="east" ratio="1.5"></icon>
|
||||
</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -351,7 +306,7 @@
|
|||
<h3 class="uk-h2 uk-margin-remove">
|
||||
Need more information?
|
||||
</h3>
|
||||
<h4 class="uk-h4 uk-margin-small-top">
|
||||
<h4 class="uk-h4 uk-margin-small-top uk-margin-medium-bottom">
|
||||
Get in touch and let us help you<span class="uk-text-primary">.</span>
|
||||
</h4>
|
||||
<a class="uk-button uk-button-primary uk-text-uppercase uk-margin-top uk-margin-medium-bottom"
|
||||
|
|
Loading…
Reference in New Issue