redesign tweaks

This commit is contained in:
Alex Martzios 2022-05-18 14:29:06 +03:00
parent 40700daf24
commit 29a321c302
2 changed files with 45 additions and 88 deletions

View File

@ -7,6 +7,7 @@
<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">
<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.
@ -24,6 +25,7 @@
</a>
</div> -->
</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">
</div>

View File

@ -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,9 +233,10 @@
<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>
<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
@ -247,21 +246,19 @@
back in the hands of the scientific community.
</div>
</div>
</div>
<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>
</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"