diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css index 3848831..c0a2bb3 100644 --- a/src/app/home/home.component.css +++ b/src/app/home/home.component.css @@ -1,15 +1,30 @@ -.portal-color.emphasis { - color: #37C7E9; - font-size: 40px; +@media only screen and (min-width: 960px) { + .home > div { + min-height: calc(100vh - 100px); + } +} + +@media only screen and (min-width: 960px) { + .second { + background-image: url("/assets/graph-assets/backgrounds/1.svg"), url("/assets/graph-assets/backgrounds/2.svg"); + background-size: auto; + background-repeat: no-repeat; + background-position: 55% 0, 65% 25%; + } + + .third { + background-image: url("/assets/graph-assets/backgrounds/3.svg"), url("/assets/graph-assets/backgrounds/4.svg"); + background-size: auto; + background-repeat: no-repeat; + background-position: 40% 0, bottom right; + } +} + +.numbers .emphasis { + font-size: 41px; font-weight: bold; } -/*.numbers-background {*/ -/* background: transparent url('explore-assets/numbers_background_pattern.svg') 0% 0% repeat-x padding-box;*/ -/* background-position: center bottom;*/ -/*}*/ - -.numbers-background .emphasis { - font-size: 40px; - font-weight: bold; -} \ No newline at end of file +.numbers-background { + background: transparent url('assets/graph-assets/home/10.svg') repeat-x center bottom; +} diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 7f85c77..efe1fa9 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -1,37 +1,156 @@ - -
-
- {{fundersSize.number|number}}{{fundersSize.size}}
-
-
- Funders
-
-
- {{datasourcesSize.number|number}}
- {{datasourcesSize.size}}
-
-
- Content providers
-
-
- {{projectsSize.number|number}}
- {{projectsSize.size}}
-
-
- Projects
-
+ OpenAIRE Research Graph is an open resource that aggregates a collection of research data properties + (metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations, + researchers, research communities and publishers to interlink information by using a semantic graph database + approach. +
+ Learn more +
- {{publicationsSize.count|number}}
-
-
- {{softwareSize.count|number}}
-
-
- {{datasetsSize.count|number}}
-
-
- {{otherSize.count|number}}
-
-