From ddb189303b79b677eec7d4d27c309f6244cefc30 Mon Sep 17 00:00:00 2001 From: Alex Martzios Date: Wed, 27 Apr 2022 15:36:42 +0300 Subject: [PATCH] finish explore homepage - need to check some things with aristotelis and remove old code frm comments --- explore/src/app/home/home.component.css | 31 +++ explore/src/app/home/home.component.html | 257 ++++++++++++++--------- explore/src/app/home/home.component.ts | 1 - explore/src/app/openaireLibrary | 2 +- 4 files changed, 186 insertions(+), 105 deletions(-) diff --git a/explore/src/app/home/home.component.css b/explore/src/app/home/home.component.css index b02fb369..a04a6b32 100644 --- a/explore/src/app/home/home.component.css +++ b/explore/src/app/home/home.component.css @@ -5,6 +5,37 @@ background-image: url('~src/assets/explore-assets/home/graph.svg'); background-repeat: no-repeat; } +.link-actions img { + width: 17px; +} +.trello-button-blue { + background-color: #0076BA; + color: white; +} +.trello-button-blue:hover { + background-color: var(--secondary-color); +} +.home-logo img { + -webkit-filter: grayscale(1); + filter: grayscale(1); + transition-duration: 0.3s; +} +.home-logo:hover img { + -webkit-filter: grayscale(0); + filter: grayscale(0); + transition-duration: 0.3s; +} +#custom-links icon { + color: var(--primary-color); + /* transition: all 0.3s ease; */ +} +#custom-links a:hover .link-title { + color: var(--secondary-color); +} +/* #custom-links a:hover icon { + transform: translateX(7px); + transition: all 0.3s ease; +} */ @media only screen and (min-width: 960px){ .explore-dark-logo-background { background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg"); diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html index 701a79a5..162f1833 100644 --- a/explore/src/app/home/home.component.html +++ b/explore/src/app/home/home.component.html @@ -10,7 +10,6 @@
-

@@ -28,6 +27,27 @@ [onChangeNavigate]="false">
+
+
+ Try: +
+
+ + + SDGs logo + Browse by SDGs + + + + + FOS logo + Browse by FOS + + +
+
@@ -36,97 +56,104 @@
-
- - +
+ +
- -
-
-
-
-
    - -
+
+
+
+
+
+
+
    + +

+
-
- - -
+ *ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index"> + +
- - - -
+
+ + + +
-
- - -
+
+ + + + + + +
-
- - -
+
+ + + + + +
- -
- + +
@@ -158,7 +185,7 @@

Lorem ipsum lorem.

-
+
@@ -197,16 +224,17 @@
-
+ +
@@ -226,46 +254,69 @@
- -
+
- You can provide feedback via Trello or via opening a ticket in the OpenAIRE Helpdesk 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 Zenodo.org. + You can provide feedback via Trello or via opening a ticket in the OpenAIRE Helpdesk 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 Zenodo.org.
-
- Find information about the OpenAIRE Research Graph, how to test it and contribute to improving it on our blog. You can also write to Paolo Manghi, the OpenAIRE Technical Director, for additional details. +
+ Find information about the OpenAIRE Research Graph, how to test it and contribute to improving it on our blog. You can also write to Paolo Manghi, the OpenAIRE Technical Director, for additional details.
- Instructions on providing feedback - Go to Trello + + Instructions on providing feedback + + + Trello logo + Go to Trello +
-
+
-

+

Have more questions?

-
+
-
@@ -273,7 +324,7 @@ Need more information?
Get in touch and let us help you. Contact us + href="https://www.openaire.eu/contact-us" target="_blank">Contact us
@@ -282,7 +333,7 @@ - + diff --git a/explore/src/app/home/home.component.ts b/explore/src/app/home/home.component.ts index 83732687..46b21f7c 100644 --- a/explore/src/app/home/home.component.ts +++ b/explore/src/app/home/home.component.ts @@ -189,7 +189,6 @@ export class HomeComponent { private getPageContents() { this.subs.push(this.helper.getPageHelpContents(this.properties, 'openaire', this._router.url).subscribe(contents => { - console.log(contents); this.pageContents = contents; })); } diff --git a/explore/src/app/openaireLibrary b/explore/src/app/openaireLibrary index 8b7143c8..fc2fbb5b 160000 --- a/explore/src/app/openaireLibrary +++ b/explore/src/app/openaireLibrary @@ -1 +1 @@ -Subproject commit 8b7143c8cb05552d097211ab0dddb9bdbd4ce384 +Subproject commit fc2fbb5ba008712b856a60d28e341dc1475fab80