diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 464099f..af3bdcd 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -265,21 +265,18 @@ -
-
-
- +
+ + + + +
+

+ Need more information or a demo? Get in touch and let us show you in practice how you can apply OpenAIRE Monitor to your needs. +

+ Contact us
-
-

- Need more information or a demo? Get in touch and let us show you in practice how you can apply OpenAIRE Monitor to your needs. -

- Contact us
-
- -
-
@@ -550,16 +547,14 @@
-

+

Need more information or a demo?

-
+
Get in touch and let us show you in practice how you can apply OpenAIRE Monitor to your needs.
Contact us - -
diff --git a/src/app/home/home.component.less b/src/app/home/home.component.less index 9f2d7f4..b78d67a 100644 --- a/src/app/home/home.component.less +++ b/src/app/home/home.component.less @@ -1,5 +1,7 @@ @import (reference) "~src/assets/openaire-theme/less/_import-variables"; +@home-curator-image-size: 136px; + .home-background { background-color: @global-inverse-color; } @@ -28,43 +30,39 @@ .contact-us { - .left img { + img { position: absolute; - top: 0; - left: 0; - width: 160px; - height: 190px; + width: @home-curator-image-size; + height: @home-curator-image-size; object-fit: cover; border-radius: 18px; - transform: matrix(1, -0.07, 0.07, 1, 0, 0); + + + &.one { + top: 0; + left: @global-medium-gutter + (@home-curator-image-size/2); + transform: rotate(10deg); + } + + &.two { + bottom: 0; + left: @global-medium-gutter; + transform: rotate(-10deg); + object-position: top; + } + + &.three { + top: 0; + right: @global-medium-gutter; + transform: rotate(-10deg); + object-position: -60px; + } + + &.four { + bottom: 0; + right: @global-medium-gutter + (@home-curator-image-size/2); + transform: rotate(-10deg); + object-position: 0; + } } - - .right img { - position: absolute; - bottom: 0; - right: 0; - width: 160px; - height: 190px; - object-fit: cover; - border-radius: 18px; - transform: matrix(1, 0.07, -0.07, 1, 0, 0); - } - - .contact-image { - position: absolute; - width: 66px; - height: 82px; - object-fit: cover; - border-radius: 18px; - transform: matrix(1, 0.07, -0.07, 1, 0, 0); - &.contact-image-left { - top: 0; - right: 15%; - } - &.contact-image-right { - bottom: 50%; - right: 2%; - } - } - } diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary index 259182b..6dafcb3 160000 --- a/src/app/openaireLibrary +++ b/src/app/openaireLibrary @@ -1 +1 @@ -Subproject commit 259182b7c4e93079af045335d09d18c836402071 +Subproject commit 6dafcb391a63771cf620d5bff79759ec94bae778 diff --git a/src/assets/monitor-assets/avatar1.jpg b/src/assets/monitor-assets/avatar1.jpg deleted file mode 100644 index 713246c..0000000 Binary files a/src/assets/monitor-assets/avatar1.jpg and /dev/null differ diff --git a/src/assets/monitor-assets/contact-us.jpg b/src/assets/monitor-assets/contact-us.jpg deleted file mode 100644 index 7e971d1..0000000 Binary files a/src/assets/monitor-assets/contact-us.jpg and /dev/null differ diff --git a/src/assets/monitor-assets/avatar2.jpg b/src/assets/monitor-assets/curators/1.jpg similarity index 100% rename from src/assets/monitor-assets/avatar2.jpg rename to src/assets/monitor-assets/curators/1.jpg diff --git a/src/assets/monitor-assets/curators/2.jpg b/src/assets/monitor-assets/curators/2.jpg new file mode 100644 index 0000000..d7d4789 Binary files /dev/null and b/src/assets/monitor-assets/curators/2.jpg differ diff --git a/src/assets/monitor-assets/curators/3.jpg b/src/assets/monitor-assets/curators/3.jpg new file mode 100644 index 0000000..c97e3e0 Binary files /dev/null and b/src/assets/monitor-assets/curators/3.jpg differ diff --git a/src/assets/monitor-assets/curators/4.jpg b/src/assets/monitor-assets/curators/4.jpg new file mode 100644 index 0000000..555b75b Binary files /dev/null and b/src/assets/monitor-assets/curators/4.jpg differ diff --git a/src/assets/openaire-theme b/src/assets/openaire-theme index f264617..aa1e6c9 160000 --- a/src/assets/openaire-theme +++ b/src/assets/openaire-theme @@ -1 +1 @@ -Subproject commit f264617e5ab356c4279ee1ef1819db434fec4fba +Subproject commit aa1e6c9df390a4ba0919b5f8591374f7eec75089