diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css index eda9a64..1fa875f 100644 --- a/src/app/home/home.component.css +++ b/src/app/home/home.component.css @@ -1,9 +1,41 @@ .home-background { background-color: var(--light-color); } -.graph-background { - background-image: url('~src/assets/monitor-assets/home/graph.svg'); - background-position-y: 50%; - background-position-x: -5%; - background-size: 25%; + +@media only screen and (min-width: 960px) { + .monitor-dark-logo-background { + background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg"); + background-repeat: no-repeat; + background-position: left 95%; + background-size: 65%; + } +} + +.graph-background { + background-image: url('~src/assets/monitor-assets/home/graph.svg'); + background-position-y: 50%; + background-position-x: -5%; + background-size: 25%; +} + +#contact-us .left img { + position: absolute; + top: 0; + left: 0; + width: 160px; + height: 190px; + object-fit: cover; + border-radius: 18px; + transform: matrix(1, -0.07, 0.07, 1, 0, 0); +} + +#contact-us .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); } diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 4b7452e..fab856b 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -280,11 +280,21 @@ -
-

- Need more information or a demo?
Get in touch and let us show you in practice
how you can apply 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 to your needs. +

+ Contact us
+
+ +
+
+
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 297ddfe..a8f5b93 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -130,7 +130,7 @@ export class HomeComponent implements OnDestroy, AfterViewInit, IDeactivateCompo } createObserver() { - let target = document.querySelector('#last-section'); + let target = document.querySelector('#contact-us'); let options = { root: null, rootMargin: '200px', diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary index 2dda0c1..4aabb73 160000 --- a/src/app/openaireLibrary +++ b/src/app/openaireLibrary @@ -1 +1 @@ -Subproject commit 2dda0c163039d8566a4b811bd7f332eb2cd8573b +Subproject commit 4aabb739bff1e66301aa1e65a8046350fe8853ec diff --git a/src/assets/common-assets b/src/assets/common-assets index 468555a..574f63e 160000 --- a/src/assets/common-assets +++ b/src/assets/common-assets @@ -1 +1 @@ -Subproject commit 468555a58f5808dbd8b6657ae0360fb7d0d4ab75 +Subproject commit 574f63ebfdf8200bfe6d4a2a7beb3774eb1f0a6e diff --git a/src/assets/monitor-assets/avatar.jpg b/src/assets/monitor-assets/avatar.jpg deleted file mode 100644 index 03d791b..0000000 Binary files a/src/assets/monitor-assets/avatar.jpg and /dev/null differ diff --git a/src/assets/monitor-assets/avatar1.jpg b/src/assets/monitor-assets/avatar1.jpg new file mode 100644 index 0000000..1c86695 Binary files /dev/null and b/src/assets/monitor-assets/avatar1.jpg differ diff --git a/src/assets/monitor-assets/avatar2.jpg b/src/assets/monitor-assets/avatar2.jpg new file mode 100644 index 0000000..df2066c Binary files /dev/null and b/src/assets/monitor-assets/avatar2.jpg differ diff --git a/src/assets/monitor-custom.css b/src/assets/monitor-custom.css index e2ff38d..a48242b 100644 --- a/src/assets/monitor-custom.css +++ b/src/assets/monitor-custom.css @@ -60,15 +60,6 @@ main { background: var(--monitor-contrast-color) !important; } -@media only screen and (min-width: 960px){ - .monitor-dark-logo-background { - background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg"); - background-repeat: no-repeat; - background-position: left 95%; - /*background-size: contain;*/ - } -} - /*.monitorApp .login text {*/ /* stroke: white;*/ diff --git a/src/assets/openaire-theme b/src/assets/openaire-theme index 02cbefb..f1002e4 160000 --- a/src/assets/openaire-theme +++ b/src/assets/openaire-theme @@ -1 +1 @@ -Subproject commit 02cbefbb6fb4c68ec6083da4750d84ee24441d96 +Subproject commit f1002e46f3953d1c864af2209c88e0291be72c73