From d97231ba928852fb5c73e2a8991e271f70659ee3 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Fri, 6 Oct 2023 14:50:22 +0300 Subject: [PATCH] Change scroll-section with slider --- explore/src/app/home/home.component.html | 566 +++++++++++------------ explore/src/app/home/home.component.less | 4 +- explore/src/app/home/home.module.ts | 3 +- explore/src/app/openaireLibrary | 2 +- explore/src/assets/explore-custom.less | 3 +- explore/src/assets/openaire-theme | 2 +- 6 files changed, 280 insertions(+), 300 deletions(-) diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html index f48c82d3..4cd22d85 100644 --- a/explore/src/app/home/home.component.html +++ b/explore/src/app/home/home.component.html @@ -1,337 +1,315 @@ -
-
- {{logo}} logo +
+
+ {{logo}} logo +
-
-
-
-
-
-

- Discover open linked research. -

- - -
-
- - Advanced search - -
- - - - -
+
+
+
+
+

+ Discover open linked research. +

+ + +
+
+ + Advanced search + +
+ + + + +
- -
-
-
- Try browsing by: -
-
- + +
+
+
+ Try browsing by: +
+
+ SDGs logo - Sustainable Development Goals (SDGs) + Sustainable Development Goals (SDGs) - - + + FOS logo Fields of Science (FoS) - -
-
+ +
+
+
+
+
+ + +
+
+
-
-
- - -
-
-
-
-
-
-
-
-
-
    - - + +
+
- - + + -
-
-
-
- - -
-

- Deposit your research. -

-

- Whether it’s publications, data or software, - 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 - via EXPLORE. -

-
- Start Deposit -
-
-
-

- Link your work. -

-

- Connect all your research. If you can't find your research - results in OpenAIRE, don't worry! Use our Link service, - that reaches out to many external sources via APIs, and - claim them to your Grant or ORCID. Use the service to provide - meaningful links between publications-datasets-software. -

-
- Start Linking -
-
- - -
-
-
-

Share your research.

-
-
-
-
-
-
-
- ipad - ipad - ipad - ipad - ipad
-
-
-
-
- -
-
-
-
- -
-
-
- ipad - ipad - ipad - ipad - ipad -
-
- -
-
-
-
-
+
+
+
+

Share your research.

+
+ + + + ipad + + + ipad + + + ipad + + + ipad + + + ipad + + + + +
+ Deposit your research. +
+
+ Whether it’s publications, data or software, + 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 + via EXPLORE. +
+
+ Start + Deposit +
+ + +
+ Link your work. +
+
+ Connect all your research. If you can't find your research + results in OpenAIRE, don't worry! Use our Link service, + that reaches out to many external sources via APIs, and + claim them to your Grant or ORCID. Use the service to provide + meaningful links between publications-datasets-software. +
+
+ Start Linking +
+ + + +
+
- - + + -
-
-
-
-
-
-
-

Linked Open Research.

-
- EXPLORE is built on the OpenAIRE Graph, 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 Graph brings discovery, monitoring, and assessment of science - back in the hands of the scientific community. -
-
-
-
- ipad -
-
-
-
-
-
-
-
- Within a constantly emerging scholarly communication environment, the OpenAIRE 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 coverage (geographic and thematic), quality (disambiguation and semantics) and access (APIs). -
-
- Find information about the OpenAIRE Graph, how to test it and contribute to improving it. -
-
- - Learn more. Contribute - -
-
-
-
-
+
+
+
+
+
+
+
+

Linked Open Research.

+
+ EXPLORE is built on the OpenAIRE Graph, 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 Graph brings discovery, monitoring, and assessment of science + back in the hands of the scientific community. +
+
+
+
+ ipad +
+
+
+
+
+
+
+
+ Within a constantly emerging scholarly communication environment, the OpenAIRE 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 coverage (geographic and thematic), quality (disambiguation and semantics) and access (APIs). +
+
+ Find information about the OpenAIRE Graph, how to test it and contribute to improving it. +
+
+ + Learn more. Contribute + +
+
+
+
+
-
-
-

- Did you know that -

-

- you may -

-
-
- - -
-
-
-
+
+
+

+ Did you know that +

+

+ you may +

+
+
+ + +
+
+
+
-
-
-

- Need more information? -

-

- Get in touch and let us help you. -

- Contact us -
-
+
+
+

+ Need more information? +

+

+ Get in touch and let us help you. +

+ Contact us +
+
diff --git a/explore/src/app/home/home.component.less b/explore/src/app/home/home.component.less index 02bb5a94..b4a55974 100644 --- a/explore/src/app/home/home.component.less +++ b/explore/src/app/home/home.component.less @@ -45,7 +45,7 @@ .explore-dark-logo-background { background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg"); background-repeat: no-repeat; - background-position: left 95%; - background-size: 65%; + background-position: -5% 102%; + background-size: 35%; } } diff --git a/explore/src/app/home/home.module.ts b/explore/src/app/home/home.module.ts index a51ac75b..0116ef4e 100644 --- a/explore/src/app/home/home.module.ts +++ b/explore/src/app/home/home.module.ts @@ -28,6 +28,7 @@ import {NumbersModule} from "../openaireLibrary/sharedComponents/numbers/numbers import {AdvancedSearchInputModule} from "../openaireLibrary/sharedComponents/advanced-search-input/advanced-search-input.module"; import {InputModule} from "../openaireLibrary/sharedComponents/input/input.module"; import {SearchInputModule} from "../openaireLibrary/sharedComponents/search-input/search-input.module"; +import {SliderUtilsModule} from "../openaireLibrary/sharedComponents/slider-utils/slider-utils.module"; @NgModule({ imports: [ @@ -38,7 +39,7 @@ import {SearchInputModule} from "../openaireLibrary/sharedComponents/search-inpu PiwikServiceModule, HomeRoutingModule, HelperModule, - SEOServiceModule, OtherPortalsModule, EntitiesSelectionModule, QuickSelectionsModule, IconsModule, NumbersModule, AdvancedSearchInputModule, InputModule, SearchInputModule + SEOServiceModule, OtherPortalsModule, EntitiesSelectionModule, QuickSelectionsModule, IconsModule, NumbersModule, AdvancedSearchInputModule, InputModule, SearchInputModule, SliderUtilsModule ], declarations: [ HomeComponent diff --git a/explore/src/app/openaireLibrary b/explore/src/app/openaireLibrary index a2f52cf4..5a923739 160000 --- a/explore/src/app/openaireLibrary +++ b/explore/src/app/openaireLibrary @@ -1 +1 @@ -Subproject commit a2f52cf40ee28cb950dd789cd100fdbba16eb4c0 +Subproject commit 5a9237399e1eb1e04fb5ba485955b02b09bc6eeb diff --git a/explore/src/assets/explore-custom.less b/explore/src/assets/explore-custom.less index 3109db9f..677957e4 100644 --- a/explore/src/assets/explore-custom.less +++ b/explore/src/assets/explore-custom.less @@ -2,13 +2,14 @@ /* Button */ @button-primary-background: @explore-color; -@inverse-button-primary-background: @explore-color; @button-secondary-border: @explore-color; @button-secondary-color: @explore-color; @button-secondary-hover-background: @global-secondary-background; @button-secondary-hover-background-gradient: none; @button-secondary-active-background: @global-secondary-background; @button-secondary-active-background-gradient: none; +@inverse-button-text-color: @explore-color; +@inverse-button-text-hover-color: @explore-color; /* Background */ diff --git a/explore/src/assets/openaire-theme b/explore/src/assets/openaire-theme index 3a4aa92c..fd101a6b 160000 --- a/explore/src/assets/openaire-theme +++ b/explore/src/assets/openaire-theme @@ -1 +1 @@ -Subproject commit 3a4aa92c441467994a45a2c6a4f0c21202945404 +Subproject commit fd101a6b54f7b8b36bdef015d77365fb41a353df