MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 17 Wiki Activity

Slider: CHangfe period to 8s and make it infinite.

This commit is contained in:
Konstantinos Triantafyllou 2023-10-10 17:14:45 +03:00
parent 8dfa776e0a
commit e33812c8d8
4 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
explore/src/app/home/home.component.html
View File

@ -146,10 +146,10 @@
</div>
<div class="uk-section uk-section-secondary explore-dark-logo-background">
<div class="uk-container uk-container-large uk-margin-large-bottom">
<div class="uk-width-1-1">
<div class="uk-width-1-1 uk-margin-medium-bottom">
<h2 class="uk-h1 uk-margin-large-top">Share your research<span class="uk-text-primary">.</span></h2>
</div>
<slider-container [total]="2" [period]="6000" [navigation]="'progress'">
<slider-container [total]="2" [period]="8000" [infinite]="true" [navigation]="'progress'">
<slider-column type="slider">
<slider-item type="static">
<img class="uk-position-center uk-position-z-index" src="assets/explore-assets/home/tablet.png"
@ -168,14 +168,14 @@
<img src="assets/explore-assets/home/4.png" alt="ipad" loading="lazy">
</slider-item>
</slider-column>
<slider-column type="nav">
<slider-column type="nav" class="slider-nav">
<slider-nav-item [start]="0">
<h6>
<i class="uk-text-primary">Deposit</i> your research<span class="uk-text-primary">.</span>
</h6>
<div class="uk-margin-bottom">
Whether it’s publications, data or software,
select an <a href="" target="_blank">OpenAIRE compatible repository</a> and
select an OpenAIRE compatible repository and
share using community standards. Alternatively
use Zenodo, a catch-all repository hosted by CERN.
All results will be indexed, discoverable and accessible

11
explore/src/app/home/home.component.less
View File

@ -38,14 +38,21 @@
color: @global-secondary-background;
}
}
}
@media only screen and (min-width: @breakpoint-medium) {
.slider-image {
min-width: 550px;
}
@media only screen and (min-width: @breakpoint-large) {
.explore-dark-logo-background {
background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg");
background-repeat: no-repeat;
background-position: -5% 102%;
background-size: 35%;
}
.slider-nav {
max-width: 650px;
}
}

2
explore/src/app/openaireLibrary

@ -1 +1 @@
Subproject commit 5a9237399e1eb1e04fb5ba485955b02b09bc6eeb
Subproject commit 22366f581309493931b0aa67c2ccf5007b0683eb

2
explore/src/assets/openaire-theme

@ -1 +1 @@
Subproject commit fe7394ea9ed4319a3234a00b0c8ce09023f50799
Subproject commit 2dadcf85926bc0f11fff22ed94dc197ddd8587c6