faircore4eosc-explore/src/app/home/home.component.html

76 lines
4.6 KiB
HTML

<div class="home">
<img src="/assets/home/flare.svg" class="flare">
<div class="uk-section uk-padding-remove-bottom uk-overflow-hidden">
<div class="uk-container uk-container-large"
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-flex uk-flex-center" uk-grid>
<div class="uk-width-3-5@m uk-margin-large-bottom">
<div class="uk-margin-medium-top" style="max-width: 600px;" uk-scrollspy-class>
<div class="uk-flex uk-flex-right uk-text-small">
<a [routerLink]="properties.searchLinkToAdvancedResults" class="uk-margin-small-bottom">
Advanced search
</a>
</div>
<div search-input [(value)]="keyword"
[placeholder]="'Search in FAIRCORE4EOSC'" (searchEmitter)="goTo()"
[searchInputClass]="'inner background'"></div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="image-front-topbar">-->
<!-- <div class="uk-section uk-section-small home-background">-->
<!-- <div id="searchForm" class="uk-container uk-container-large uk-section uk-section-xsmall uk-padding-remove-bottom">-->
<!-- <div class="uk-grid uk-flex uk-flex-center uk-margin-small-top">-->
<!-- <div class="uk-width-1-1 uk-width-auto@m uk-first-column"><div id="searchImage"></div></div>-->
<!-- <div class="uk-width-expand uk-padding-remove-vertical search_box_bg" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">-->
<!-- <div class="uk-flex uk-flex-center uk-flex-wrap">-->
<!-- <div class="uk-width-xlarge@l uk-width-large">-->
<!-- <div class="uk-flex uk-flex-center uk-child-width-1-1">-->
<!-- <div [class.uk-invisible]="disableSelect" uk-scrollspy-class>-->
<!-- <advanced-search-input (searchEmitter)="goTo(true)">-->
<!-- <entities-selection #entities [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"-->
<!-- (selectionChange)="entityChanged($event)" (disableSelectEmitter)="disableSelectChange($event)"-->
<!-- [onChangeNavigate]="false" class="uk-width-2-5"></entities-selection>-->
<!-- <div class="uk-width-expand" input placeholder="Scholary works" [hint]="'Search in OpenAIRE'"-->
<!-- [(value)]="keyword" tooltip="true"></div>-->
<!-- </advanced-search-input>-->
<!-- <div *ngIf="selectedEntity === 'result' && !entities.input.focused" class="uk-dropdown uk-display-block uk-margin-top uk-width-auto">-->
<!-- <div class="uk-padding-small">-->
<!-- <quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<div class="uk-section uk-container uk-container-large">
<div class="contentbox uk-grid uk-child-width-1-1 uk-child-width-1-2@l">
<div>
<div class=" ">
<h1 class=" uk-h3 ">Developing EOSC-Core components to enable a FAIR EOSC ecosystem </h1>
</div>
<div class="uk-margin-top uk-text-large">
The FAIRCORE4EOSC project focuses on the development and realisation of core components for the European Open Science Cloud (EOSC). Supporting a FAIR EOSC and addressing gaps identified in the Strategic Research and Innovation Agenda (SRIA). Leveraging existing technologies and services, the project will develop nine new EOSC-Core components aimed to improve the discoverability and interoperability of an increased amount of research outputs.
</div>
</div>
<div class="uk-visible@l uk-margin-medium-top">
<div class="artworks uk-align-right uk-position-relative">
<div class="img-box decor1">
<img class="uk-padding-large uk-padding-remove-bottom uk-margin-auto-top" src="/assets/home/char1.svg">
</div>
<div class="img-box decor2">
<img class="uk-padding-large uk-padding-remove-bottom uk-margin-auto" src="/assets/home/char2.svg">
</div>
</div>
</div>
</div>
</div>
<img src="/assets/home/cloud.svg" class="cloudSvg">
</div>