1
|
import {Component, ElementRef} from '@angular/core';
|
2
|
import {Observable} from 'rxjs/Observable';
|
3
|
|
4
|
@Component({
|
5
|
selector: 'Home',
|
6
|
template: `
|
7
|
<div class="image-front-topbar uk-section-muted uk-section-overlap uk-light" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-slide-top","delay":false}" tm-header-transparent="light" tm-header-transparent-placeholder="">
|
8
|
<div style=" background-color: #1e3040;" class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-section-large uk-padding-remove-bottom">
|
9
|
<div class="tm-header-placeholder uk-margin-remove-adjacent" style="height: 84px;"></div>
|
10
|
<div class="uk-grid-collapse uk-flex-middle uk-margin-remove-vertical uk-grid uk-grid-stack" uk-grid="">
|
11
|
<div class="uk-width-1-1@m uk-first-column">
|
12
|
<h5 class="uk-margin-large uk-text-center uk-h1 uk-scrollspy-inview uk-animation-slide-top" uk-scrollspy-class="" style="color: #68A704 !important;">
|
13
|
|
14
|
Tracking, reporting, monitoring made easy
|
15
|
|
16
|
</h5>
|
17
|
<h1 class="uk-text-center uk-h2 uk-scrollspy-inview uk-animation-slide-top" uk-scrollspy-class="" style="">
|
18
|
|
19
|
</h1>
|
20
|
</div>
|
21
|
</div>
|
22
|
</div>
|
23
|
</div>
|
24
|
|
25
|
<div class="uk-section-muted uk-section uk-section-small uk-flex uk-flex-middle" style=" box-sizing: border-box; min-height: calc(-485.5px + 100vh);" uk-height-viewport="offset-top: true" uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-slide-top-medium","delay":false}">
|
26
|
<div class="uk-width-1-1">
|
27
|
<div class="uk-container">
|
28
|
<div class="uk-margin-small uk-grid uk-grid-stack" uk-grid="">
|
29
|
<div class="uk-width-1-1@m uk-first-column">
|
30
|
<h6 class="uk-margin uk-text-center uk-h4 uk-text-muted uk-scrollspy-inview" id="page#12" style="" uk-scrollspy-class="">
|
31
|
Learn more on OpenAIRE monitoring services
|
32
|
</h6>
|
33
|
</div>
|
34
|
</div>
|
35
|
<div class="uk-container uk-container-large uk-margin-large">
|
36
|
<div class="uk-grid uk-grid-stack" uk-grid="">
|
37
|
<div class="uk-width-1-1@m uk-first-column">
|
38
|
<div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-1@s uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-4@xl uk-grid-parallax uk-grid uk-scrollspy-inview" style="margin-bottom: 0px;" uk-grid-parallax="translate: " uk-lightbox="toggle: a[data-type]" uk-scrollspy-class="">
|
39
|
|
40
|
<div class="uk-margin-bottom">
|
41
|
<div class="uk-card uk-card-default">
|
42
|
<a class="el-link box-links" routerlink="" routerlinkactive="uk-link" >
|
43
|
<div class="uk-card-header">
|
44
|
|
45
|
<div class="uk-grid-small uk-flex-middle uk-grid" uk-grid="">
|
46
|
<div class="uk-width-auto uk-first-column">
|
47
|
<!--img alt="Explore" class="uk-border-circle" src="assets/explore.svg" width="40" height="40"-->
|
48
|
</div>
|
49
|
<div class="uk-width-expand">
|
50
|
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #f25f30 !important">Funders</h3>
|
51
|
<!--p class="uk-text-meta uk-margin-remove-top">Discover linked open research</p-->
|
52
|
</div>
|
53
|
</div>
|
54
|
</div>
|
55
|
</a>
|
56
|
<div class="uk-card-body">
|
57
|
<!--p>Search for
|
58
|
publications-data-software and other research artefacts. See how these
|
59
|
are linked together and how they are linked to funding and
|
60
|
organizations.</p>
|
61
|
<p>View statistics on projects and institutions.</p-->
|
62
|
</div>
|
63
|
</div>
|
64
|
</div>
|
65
|
|
66
|
|
67
|
|
68
|
<div class="uk-margin-bottom">
|
69
|
<div class="uk-card uk-card-default">
|
70
|
<a class="el-link box-links" routerlink="" routerlinkactive="uk-link">
|
71
|
<div class="uk-card-header">
|
72
|
|
73
|
<div class="uk-grid-small uk-flex-middle uk-grid" uk-grid="">
|
74
|
<div class="uk-width-auto uk-first-column">
|
75
|
<!--img alt="Share" class="uk-border-circle" src="assets/share.svg" width="40" height="40"-->
|
76
|
</div>
|
77
|
<div class="uk-width-expand">
|
78
|
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #22207F !important">Research Initiatives</h3>
|
79
|
<!--p class="uk-text-meta uk-margin-remove-top">Deposit in a repository of your choice</p-->
|
80
|
</div>
|
81
|
</div>
|
82
|
</div>
|
83
|
</a>
|
84
|
<div class="uk-card-body">
|
85
|
<!--p>Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding information.</p>
|
86
|
<p>Use <a href="http://www.zenodo.org/" rel="noopener" target="_blank">ZENODO</a>, a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)</p-->
|
87
|
</div>
|
88
|
</div>
|
89
|
</div>
|
90
|
|
91
|
|
92
|
<div class="uk-margin-bottom">
|
93
|
<div class="uk-card uk-card-default">
|
94
|
<a class="el-link box-links" routerlink="" routerlinkactive="uk-link" >
|
95
|
<div class="uk-card-header">
|
96
|
|
97
|
<div class="uk-grid-small uk-flex-middle uk-grid" uk-grid="">
|
98
|
<div class="uk-width-auto uk-first-column">
|
99
|
<!--img alt="Link" class="uk-border-circle" src="assets/link.svg" width="40" height="40"-->
|
100
|
</div>
|
101
|
<div class="uk-width-expand">
|
102
|
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #4687E6 !important">Organizations</h3>
|
103
|
<!--p class="uk-text-meta uk-margin-remove-top">Connect all your research</p-->
|
104
|
</div>
|
105
|
</div>
|
106
|
</div>
|
107
|
</a>
|
108
|
<div class="uk-card-body">
|
109
|
<!--p>If you can't find your research results in OpenAIRE, don't worry!</p>
|
110
|
<p>Use our <strong>LINK OUT service</strong>, that reaches out to many external sources via APIs, to connect your research results and <em>claim</em> them to your project.</p-->
|
111
|
</div>
|
112
|
</div>
|
113
|
</div>
|
114
|
|
115
|
<div class="uk-margin-bottom">
|
116
|
<div class="uk-card uk-card-default">
|
117
|
<a class="el-link box-links" routerlink="" routerlinkactive="uk-link" >
|
118
|
<div class="uk-card-header">
|
119
|
|
120
|
<div class="uk-grid-small uk-flex-middle uk-grid" uk-grid="">
|
121
|
<div class="uk-width-auto uk-first-column">
|
122
|
<!--img alt="Link" class="uk-border-circle" src="assets/link.svg" width="40" height="40"-->
|
123
|
</div>
|
124
|
<div class="uk-width-expand">
|
125
|
<h3 class="uk-card-title uk-margin-remove-bottom" style="color: #4687E6 !important">Projects</h3>
|
126
|
<!--p class="uk-text-meta uk-margin-remove-top">Connect all your research</p-->
|
127
|
</div>
|
128
|
</div>
|
129
|
</div>
|
130
|
</a>
|
131
|
<div class="uk-card-body">
|
132
|
<!--p>If you can't find your research results in OpenAIRE, don't worry!</p>
|
133
|
<p>Use our <strong>LINK OUT service</strong>, that reaches out to many external sources via APIs, to connect your research results and <em>claim</em> them to your project.</p-->
|
134
|
</div>
|
135
|
</div>
|
136
|
</div>
|
137
|
|
138
|
</div>
|
139
|
</div>
|
140
|
</div>
|
141
|
</div>
|
142
|
</div>
|
143
|
</div>
|
144
|
</div>
|
145
|
`
|
146
|
})
|
147
|
|
148
|
export class HomeComponent {
|
149
|
|
150
|
}
|