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 @@ - -
-
-
-
-
-

- We believe in Numbers -

-
-
-

- - {{fundersSize.number|number}}{{fundersSize.size}} - -
- Funders -

-

- - {{datasourcesSize.number|number}} - {{datasourcesSize.size}} - -
- Content providers -

-

- - {{projectsSize.number|number}} - {{projectsSize.size}} - -
- Projects -

+
+
+
+

Open. Transparent. Interconnected.

+
+
+

+ 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 +
+
+ +
+
+
+
+
+
+

How it works

+
+
+
+

360° view on linked open science.

+
+
+ +
+
+
+
+
+
+
+
+

From open and authoritative sources around + the globe.

+
+
+ +
+
+
+
+
+
+
+

+ We believe in Numbers +

+
+
+
+

+ {{fundersSize.number|number}}{{fundersSize.size}} +

+ Funders +
+
+

+ {{datasourcesSize.number|number}}{{datasourcesSize.size}} +

+ Content providers +
+
+

+ {{projectsSize.number|number}}{{projectsSize.size}} +

+ Projects +
+
+
+
+
+
+
+
+
+
{{publicationsSize.count|number}}
+
+ + + + + publications +
+
+
+
{{softwareSize.count|number}}
+
+ + + + + software +
+
+
+
+
+
+
+
{{datasetsSize.count|number}}
+
+ + + + + + + research data +
+
+
+
{{otherSize.count|number}}
+
+ + + + + + + + other research products +
+
+
@@ -39,49 +158,3 @@
-
-
-
-
-
-

- {{publicationsSize.count|number}}
- - - publications - -

-
-
-

- {{softwareSize.count|number}}
- - - software - -

-
-
-
-
-

- {{datasetsSize.count|number}}
- - - research data - -

-
-
-

- {{otherSize.count|number}}
- - - other research products - -

-
-
-
-
-
diff --git a/src/assets/graph-assets/backgrounds/1.svg b/src/assets/graph-assets/backgrounds/1.svg new file mode 100644 index 0000000..0be2ea7 --- /dev/null +++ b/src/assets/graph-assets/backgrounds/1.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/graph-assets/backgrounds/2.svg b/src/assets/graph-assets/backgrounds/2.svg new file mode 100644 index 0000000..68ee45b --- /dev/null +++ b/src/assets/graph-assets/backgrounds/2.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/graph-assets/backgrounds/3.svg b/src/assets/graph-assets/backgrounds/3.svg new file mode 100644 index 0000000..3ad0729 --- /dev/null +++ b/src/assets/graph-assets/backgrounds/3.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/assets/graph-assets/backgrounds/4.svg b/src/assets/graph-assets/backgrounds/4.svg new file mode 100644 index 0000000..c4689ce --- /dev/null +++ b/src/assets/graph-assets/backgrounds/4.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/graph-assets/home/1.svg b/src/assets/graph-assets/home/1.svg new file mode 100644 index 0000000..cb5b6d4 --- /dev/null +++ b/src/assets/graph-assets/home/1.svg @@ -0,0 +1 @@ +girl graph diff --git a/src/assets/graph-assets/home/10.svg b/src/assets/graph-assets/home/10.svg new file mode 100644 index 0000000..115b87c --- /dev/null +++ b/src/assets/graph-assets/home/10.svg @@ -0,0 +1 @@ +Asset 1 \ No newline at end of file diff --git a/src/assets/graph-assets/home/2.png b/src/assets/graph-assets/home/2.png new file mode 100644 index 0000000..6011945 Binary files /dev/null and b/src/assets/graph-assets/home/2.png differ diff --git a/src/assets/graph-assets/home/3.png b/src/assets/graph-assets/home/3.png new file mode 100644 index 0000000..878d990 Binary files /dev/null and b/src/assets/graph-assets/home/3.png differ