Project

General

Profile

1
<ng-template #_logos let-logo="logo" let-class="class">
2
  <div *ngIf="logo" [class]="'uk-flex uk-flex-middle uk-flex-center uk-padding-remove-horizontal '+class">
3
    <div class="">
4
      <img src="assets/ExploreLogos/{{logo}}" alt="{{logo}} logo">
5
    </div>
6
  </div>
7
</ng-template>
8

    
9
<div class="image-front-topbar  uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"
10
     uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
11
     tm-header-transparent="light" tm-header-transparent-placeholder="">
12
<!--  style=" min-height: calc(7.89999px + 60vh);"-->
13
  <div
14
       class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom">
15
    <!-- uk-height-viewport="offset-top: true;offset-bottom: 20"> -->
16
    <div class="uk-position-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
17
    <div class="uk-position-relative uk-panel">
18
      <div class="uk-container uk-margin-medium">
19
        <div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
20
        <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
21
          <div class="uk-width-1-1@m uk-first-column">
22
            <div data-id="page#4">
23
              <search-form placeholderText="Search in OpenAIRE for scholarly works" link="/search/find"></search-form>
24
            </div>
25
          </div>
26
        </div>
27
      </div>
28
      <div class="uk-margin-medium">
29
        <div class="uk-container uk-container-large explore-numbers uk-margin-medium-bottom">
30
          <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
31
            <div class="uk-width-1-1@m uk-first-column">
32

    
33
              <!--            <div id="page#7"-->
34
              <!--                 class="firstPageNumbers uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto  uk-animation-fade"-->
35
              <!--                 uk-scrollspy-class="" style="">-->
36
              <!--              <div class="uk-margin-bottom">-->
37
              <!--                <span *ngIf="showPublications && publicationsSize">-->
38
              <!--                  <span class="uk-h2">{{publicationsSize.number|number}}{{publicationsSize.size}}</span>-->
39
              <!--                  <span class="uk-text-large"> {{((showDatasets || showSoftware || showOrp) ? " publications, "-->
40
              <!--                      :" publications ")}}</span>-->
41
              <!--                </span>-->
42
              <!--                <span *ngIf="showDatasets && datasetsSize">-->
43
              <!--                  <span class="uk-h2">{{datasetsSize.number|number}}{{datasetsSize.size}}</span>-->
44
              <!--                  <span-->
45
              <!--                    class="uk-text-large">{{((showSoftware || showOrp) ? "  research data, " :"  research data ")}}</span>-->
46
              <!--                </span>-->
47
              <!--                <span *ngIf="showOrp && otherSize">-->
48
              <!--                  <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
49
              <!--                  <span class="uk-text-large">  {{((showSoftware) ? " other research products, " :" other research products ")}}</span>-->
50
              <!--                </span>-->
51
              <!--                <span *ngIf="showSoftware && softwareSize">-->
52
              <!--                  <span class="uk-h2">{{softwareSize.number|number}}{{softwareSize.size}}</span>-->
53
              <!--                  <span class="uk-text-large">  software </span>-->
54
              <!--                </span>-->
55

    
56

    
57
              <!--                <br>-->
58
              <!--                <span *ngIf="showDataProviders && datasourcesSize">-->
59
              <!--                  <span class="uk-text-large"> from </span>-->
60
              <!--                   <span class="uk-h2">{{datasourcesSize.number|number}}{{datasourcesSize.size}}</span>-->
61
              <!--                   <span class="uk-text-large"> content providers </span>-->
62
              <!--                </span>-->
63
              <!--                <span *ngIf="showProjects && fundersSize">-->
64
              <!--                  <span class="uk-text-large"> {{((showDataProviders && datasourcesSize) ? " and " : " from ")}} </span>-->
65
              <!--                   <span class="uk-h2">{{fundersSize.number|number}}{{fundersSize.size}} </span>-->
66
              <!--                  <span class="uk-text-large"> funders </span>-->
67

    
68
              <!--                </span>-->
69
              <!--                <span *ngIf="showPublications || showDatasets || showOrp || showSoftware || showProjects ||-->
70
              <!--                   showDataProviders"-->
71
              <!--                      class="uk-text-large"> linked together for an integrated discovery of research outcomes </span>-->
72

    
73
              <!--              </div>-->
74
              <!--            </div>-->
75

    
76
              <div class="uk-grid uk-margin uk-margin-bottom uk-width-xxlarge uk-margin-auto">
77
                <div class="uk-width-expand uk-padding-remove">
78

    
79
                  <div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
80
                    <div class="uk-position-relative">
81
                      <div class="uk-slider-container">
82
                        <ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
83
                          <ng-container *ngFor="let type of getKeys(logos)">
84
                            <li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1 home-logo">
85
                              <div class="uk-text-center uk-margin-bottom portal-color uk-h2">
86
                                <span *ngIf="type=='publication' && showPublications && publicationsSize">
87
                                  <span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
88
                                    publications</span><span> deduplicated</span>
89
                                </span>
90
                                <span *ngIf="type=='dataset' && showDatasets && (datasetsLinkedSize ||datasetsSize)">
91
                                  <span *ngIf="datasetsLinkedSize" >
92
                                       <span class="uk-text-bold">{{datasetsLinkedSize.number|number}}{{datasetsLinkedSize.size}}
93
                                    datasets</span> interlinked with publications</span>
94
                                  <span *ngIf="datasetsSize && !datasetsLinkedSize"
95
                                        class="uk-text-bold">{{datasetsSize.number|number}}{{datasetsSize.size}}
96
                                    research data</span>
97
                                </span>
98
                                <span *ngIf="type=='software' && showSoftware && (softwareSize ||softwareLinkedSize)">
99
                                  <span *ngIf="datasetsLinkedSize">
100
                                        <span class="uk-text-bold
101
                                    ">{{softwareLinkedSize.number|number}}{{softwareLinkedSize.size}} research
102
                                          software</span>  interlinked with publications</span>
103
                                  <span *ngIf="softwareSize && !datasetsLinkedSize"
104
                                        class="uk-text-bold">{{softwareSize.number|number}}{{softwareSize.size}}
105
                                    research software</span>
106
                                </span>
107
                                <!--                              <span *ngIf="type=='other' && showOrp && otherSize">-->
108
                                <!--                                <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
109
                                <!--                                <span class="uk-text-large"> other research products interlinked with publications</span>-->
110
                                <!--                              </span>-->
111
                                <span *ngIf="type=='persistent'">
112
                                  <span>Persistent identifiers and registries</span>
113
                                </span>
114
                                <span *ngIf="type=='funder' && showProjects && fundersSize">
115
                                  <span class="uk-text-bold">{{fundersSize.number|number}}{{fundersSize.size}}
116
                                    funders</span><span> and</span>
117
                                  <span class="uk-text-bold"> {{projectsSize.number|number}}{{projectsSize.size}} funded grants</span>
118
                                </span>
119

    
120
                              </div>
121
                              <div class="uk-grid-small  uk-child-width-1-6 uk-text-center grid uk-flex uk-flex-center"
122
                                   uk-grid uk-height-match="target: > div > .logo2; row: false;">
123
                                <div
124
                                  *ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
125
                                  <ng-container
126
                                    *ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
127
                                  <ng-container
128
                                    *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
129
                                </div>
130
                              </div>
131
                            </li>
132
                          </ng-container>
133
                        </ul>
134
                      </div>
135

    
136
                      <div class="uk-hidden@s">
137
                        <a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous
138
                           uk-slider-item="previous"></a>
139
                        <a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next
140
                           uk-slider-item="next"></a>
141
                      </div>
142

    
143
                      <div class="uk-visible@s">
144
                        <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous
145
                           uk-slider-item="previous"></a>
146
                        <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next
147
                           uk-slider-item="next"></a>
148
                      </div>
149
                    </div>
150
                  </div>
151

    
152
                </div>
153
              </div>
154

    
155
            </div>
156
          </div>
157
        </div>
158
<!-- If no help text, uncomment from here-->
159
<!--        <div class="uk-text-right uk-padding-small uk-padding-remove-vertical">-->
160
<!--          <a class="uk-button uk-button-large trello-button trello-button-white"-->
161
<!--             href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
162
<!--             target="_blank">-->
163
<!--            <img [src]="'assets/explore-assets/trello-2.svg'" class="trello-image">-->
164
<!--            <span class="uk-margin-small-left">Give us <b>feedback</b></span>-->
165
<!--          </a>-->
166
<!--        </div>-->
167
<!-- If no help text, uncomment to here-->
168
        <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
169
                [texts]="pageContents['top']"></helper>
170
      </div>
171
    </div>
172

    
173

    
174

    
175
  </div>
176
</div>
177
<schema2jsonld [URL]="properties.baseLink"
178
               [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"
179
               name="OpenAIRE Explore"></schema2jsonld>
180
  <div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
181
       class="uk-section uk-section-small graph-background uk-margin-top">
182
    <div class="uk-container uk-container-large uk-margin-medium-top">
183
      <div class="uk-flex uk-flex-top uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
184
        <div>
185
          <img src="assets/explore-banner.png">
186
        </div>
187
        <div>
188
          <div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
189
            <helper [texts]="pageContents['right']" ></helper>
190

    
191
<!-- If no help text, uncomment from here-->
192
<!--          <div class="uk-h2" style="color: white !important;">-->
193
<!--            Extracted <b>Metadata Combined.</b>-->
194
<!--          </div>-->
195
<!--            The OpenAIRE Research Graph is one of the largest open scholarly record collections worldwide, key in-->
196
<!--            fostering Open Science and-->
197
<!--            establishing its practices in the daily research activities. Conceived as a public and transparent good,-->
198
<!--            populated out of data sources-->
199
<!--            trusted by scientists, the Graph aims at bringing discovery, monitoring, and assessment of science back in-->
200
<!--            the hands of the scientific-->
201
<!--            community.-->
202
<!--            <br><br>-->
203
<!--            Imagine a vast collection of research products all linked together, contextualised and openly available.-->
204
<!--            For-->
205
<!--            the past ten years OpenAIRE-->
206
<!--            has been working to gather this valuable record. OpenAIRE is pleased to announce the beta release of its-->
207
<!--            Research Graph, a massive-->
208
<!--            collection of metadata and links between scientific products such as articles, datasets, software, and-->
209
<!--            other-->
210
<!--            research products, entities like-->
211
<!--            organisations, funders, funding streams, projects, communities, and data sources.-->
212
<!--            <br><br>-->
213
<!--            As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting-->
214
<!--            from-->
215
<!--            10,000 data sources-->
216
<!--            trusted by scientists! After cleaning, deduplication, and fine-grained classification processes, they-->
217
<!--            narrow-->
218
<!--            down to ~100Mi publications,-->
219
<!--            ~8Mi datasets, ~200K software research products, 8Mi other products linked together with semantic-->
220
<!--            relations.-->
221
<!--            <br><br>-->
222
<!--            More than 10Mi full-texts of Open Access publications are mined by algorithms to enrich metadata records-->
223
<!--            with additional properties and-->
224
<!--            links among research products, funders, projects, communities, and organizations. Thanks to the mining-->
225
<!--            algorithm, the graph is completed-->
226
<!--            with 480Mi semantic relations.-->
227
<!-- If no help text, uncomment to here-->
228
          </div>
229
          <div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
230
            <a class="custom-explore-toggle">Read more<span uk-icon="chevron-down"></span></a>
231
          </div>
232
          <div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
233
            <a class="custom-explore-toggle">Read less<span uk-icon="chevron-up"></span></a>
234
          </div>
235
        </div>
236
      </div>
237
    </div>
238
  </div>
239
<!--  <div  class="homePageGrayBackground">-->
240
    <div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
241
         class="graph-background-bottom uk-background-norepeat uk-background-top-center uk-height-small"></div>
242
<!--  </div>-->
243
<!-- If no help text, uncomment from here-->
244
<!--  <div class="uk-section uk-section-small">-->
245
<!--    <div class="uk-container uk-container-large">-->
246
<!--      <div class="uk-flex uk-flex-middle uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>-->
247
<!--        <div>-->
248
<!--          <div class="uk-text-secondary uk-h2 uk-margin-bottom">-->
249
<!--            <b>Contribute</b> to improve the<br><b>OpenAIRE Research Graph</b>-->
250
<!--          </div>-->
251
<!--          <p> You can explore and test the <b>BETA release</b> of the <b>OpenAIRE Research Graph</b> via the-->
252
<!--            <b>OpenAIRE BETA Explore portal</b> or via data dumps made available via-->
253
<!--            <a href="https://zenodo.org" target="_blank">Zenodo.org</a>.-->
254
<!--            Help us making the graph ready for its 1st production release by providing your feedback by the end of November 2019.-->
255
<!--          </p>-->
256
<!--          <p>-->
257
<!--            Find the complete information about the OpenAIRE Research Graph, how to test it and contribute to improving-->
258
<!--            it on our-->
259
<!--            <a href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"-->
260
<!--               target="_blank">blog</a>.-->
261
<!--          </p>-->
262
<!--          <p>-->
263
<!--            You can also write to <a href="mailto:paolo.manghi@isti.cnr.it">Paolo Manghi</a>, the OpenAIRE Technical-->
264
<!--            Director, for additional details.-->
265
<!--          </p>-->
266
<!--          <div class="uk-flex uk-flex-middle uk-grid uk-child-width-1-2@s">-->
267
<!--            <a class="uk-margin-top" href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"-->
268
<!--               target="_blank">-->
269
<!--              <u>Instructions on providing feedback</u>-->
270
<!--            </a>-->
271
<!--            <div class="uk-margin-top uk-text-right uk-visible@l">-->
272
<!--              <a class="uk-button trello-button trello-button-blue uk-button-large"-->
273
<!--                 href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
274
<!--                 target="_blank">-->
275
<!--&lt;!&ndash;                 (mouseenter)="trelloImg2 = 'trello-2.svg'"&ndash;&gt;-->
276
<!--&lt;!&ndash;                 (mouseleave)="trelloImg2 = 'trello.svg'">&ndash;&gt;-->
277
<!--                <img [src]="'assets/trello.svg'" class="trello-image">-->
278
<!--                <span class="uk-margin-small-left uk-margin-small-right">Go to <b>Trello</b></span>-->
279
<!--                <span uk-icon="arrow-right"></span>-->
280
<!--              </a>-->
281
<!--            </div>-->
282
<!--            <div class="uk-margin-top uk-text-right uk-hidden@m">-->
283
<!--              <a class="uk-button trello-button trello-button-blue uk-button-large"-->
284
<!--                 href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
285
<!--                 target="_blank">-->
286
<!--&lt;!&ndash;                 (mouseenter)="trelloImg = 'trello-2.svg'"&ndash;&gt;-->
287
<!--&lt;!&ndash;                 (mouseleave)="trelloImg = 'trello.svg'">&ndash;&gt;-->
288
<!--                <img [src]="'assets/trello.svg'" class="trello-image">-->
289
<!--                <span class="uk-margin-small-left uk-margin-small-right">Go to <b>Trello</b></span>-->
290
<!--                <span uk-icon="arrow-right"></span>-->
291
<!--              </a>-->
292
<!--            </div>-->
293
<!--            <div class="uk-margin-top uk-text-right uk-visible@m uk-hidden@l">-->
294
<!--              <a class="uk-button trello-button trello-button-blue uk-button-large"-->
295
<!--                 href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
296
<!--                 target="_blank">-->
297
<!--&lt;!&ndash;                 (mouseenter)="trelloImg = 'trello-2.svg'"&ndash;&gt;-->
298
<!--&lt;!&ndash;                 (mouseleave)="trelloImg = 'trello.svg'">&ndash;&gt;-->
299
<!--                <img [src]="'assets/trello.svg'" class="uk-margin-right trello-image">-->
300
<!--                <span uk-icon="arrow-right"></span>-->
301
<!--              </a>-->
302
<!--            </div>-->
303
<!--          </div>-->
304
<!--        </div>-->
305
<!--        <div>-->
306
<!--          <img src="assets/trello-sc.png">-->
307
<!--        </div>-->
308
<!--      </div>-->
309
<!--    </div>-->
310
<!--  </div>-->
311
<!-- If no help text, uncomment to here-->
312
  <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
313
          [texts]="pageContents['bottom']"></helper>
314
<!-- If no help text, uncomment from here-->
315
<!--<div class=" uk-section">-->
316
<!--  <div class="uk-container uk-container-small">-->
317
<!--    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
318
<!--      <div class="uk-width-1-1@m uk-first-column">-->
319
<!--        <div id="page#8"-->
320
<!--             class="uk-margin uk-text-center uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-grid-large uk-grid"-->
321
<!--             uk-grid="">-->
322
<!--          <div class="uk-first-column">-->
323
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
324
<!--              <a routerLinkActive="uk-link" routerLink="/search/find"-->
325
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
326
<!--              <img class="" width="80" height="80" src="assets/explore.svg" alt="Explore">-->
327
<!--              <h3 class="el-title uk-margin uk-h3">-->
328
<!--                Explore-->
329
<!--              </h3>-->
330
<!--              <div class="el-content uk-margin uk-text-lead">Discover linked open research</div>-->
331
<!--              <div class="  uk-margin-small-top">Search for-->
332
<!--                publications, datasets, software and other research products. See how these-->
333
<!--                are linked together and how they are linked to funding and-->
334
<!--                organizations.-->
335
<!--                <br>-->
336
<!--                View statistics on projects and institutions.-->
337
<!--              </div>-->
338
<!--            </div>-->
339
<!--          </div>-->
340

    
341
<!--          <div class="">-->
342
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
343
<!--              <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications"-->
344
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
345
<!--              <img class="" width="70" height="70" src="assets/share.svg" alt="Share">-->
346

    
347
<!--              <h3 class="el-title uk-margin uk-h3">-->
348
<!--                Deposit-->
349
<!--              </h3>-->
350
<!--              <div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div>-->
351
<!--              <div class="  uk-margin-small-top">-->
352
<!--                Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding-->
353
<!--                information.-->
354
<!--                <br>-->
355
<!--                Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,-->
356
<!--                a catch-all repository hosted by CERN to deposit all your research results (publications, data,-->
357
<!--                software, etc.)-->
358
<!--              </div>-->
359
<!--            </div>-->
360
<!--          </div>-->
361

    
362

    
363
<!--          <div class="">-->
364
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
365
<!--              <img class="" width="60" height="70" src="assets/link.svg" alt="Link">-->
366
<!--              <a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim"-->
367
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
368

    
369
<!--              <h3 class="el-title uk-margin uk-h3">-->
370
<!--                Link-->
371
<!--              </h3>-->
372
<!--              <div class="el-content uk-margin uk-text-lead">Connect all your research</div>-->
373
<!--              <div class="  uk-margin-small-top">-->
374
<!--                If you can't find your research results in OpenAIRE, don't worry!-->
375
<!--                <br>-->
376
<!--                Use our <strong>LINK OUT service</strong>,-->
377
<!--                that reaches out to many external sources via APIs, to connect your research results and-->
378
<!--                <em>claim</em> them to your project.-->
379
<!--              </div>-->
380
<!--            </div>-->
381
<!--          </div>-->
382

    
383
<!--        </div>-->
384
<!--      </div>-->
385
<!--    </div>-->
386
<!--  </div>-->
387
<!--</div>-->
388

    
389
<!-- If no help text, uncomment from here-->
390
<!--<div class="uk-section-muted uk-section uk-section-small">-->
391
<!--  <div class="uk-container uk-container-large">-->
392
<!--    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
393
<!--      <div class="uk-width-1-1@m uk-first-column">-->
394
<!--        <div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m-->
395
<!--             uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">-->
396
<!--          <div class="uk-first-column uk-text-center">-->
397
<!--            <div class="el-item uk-card uk-card-small uk-card-body">-->
398
<!--              <img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true">-->
399
<!--              <h3 class="el-title uk-margin uk-h3">Have more questions?</h3>-->
400
<!--            </div>-->
401
<!--          </div>-->
402
<!--          <div class="questions">-->
403
<!--            <div class="el-item uk-card uk-card-small uk-card-body">-->
404
<!--              <ul class="uk-list uk-list-divider">-->
405
<!--                <li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a>-->
406
<!--                </li>-->
407
<!--                <li><a-->
408
<!--                  href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science-->
409
<!--                  era</a>-->
410
<!--                </li>-->
411
<!--                <li><a href="https://www.openaire.eu/guides">Find out how to use OpenAIRE to best serve your needs</a>-->
412
<!--                </li>-->
413
<!--                <li><a-->
414
<!--                  href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a>-->
415
<!--                </li>-->
416
<!--                <li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li>-->
417
<!--              </ul>-->
418
<!--            </div>-->
419
<!--          </div>-->
420
<!--        </div>-->
421
<!--      </div>-->
422
<!--    </div>-->
423
<!--  </div>-->
424
<!--</div>-->
425
<!-- If no help text, uncomment to here-->
426

    
427
<!-- For old numbers section, comment from here-->
428
<div class="uk-section-default uk-section  uk-padding-remove-bottom">
429
  <div class="uk-container uk-text-center  uk-margin-medium-bottom">
430
    <div class="uk-margin-medium uk-flex-center">
431
      <div class="uk-first-column">
432
        <div class="uk-panel">
433
          <h2 class="uk-margin uk-h2 uk-text-center">
434
            Our growing <span class="uk-text-bold">Community</span>
435
          </h2>
436
          <div class="uk-margin-medium-top">
437
            <div class="uk-grid uk-child-width-1-3@m">
438
              <p *ngIf="showProjects && fundersSize">
439
                <span class="portal-color emphasis">
440
                  <span class="uk-text-bold"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
441
                </span>
442
                <br>
443
                <span class="uk-text-uppercase uk-text-large">Funders</span>
444
              </p>
445
              <p *ngIf="showDataProviders && datasourcesSize" class="">
446
                <span class="portal-color emphasis">
447
                  <span class="uk-text-bold"> {{datasourcesSize.number|number}}</span>
448
                  <span class="portal-color uk-h2">{{datasourcesSize.size}}</span>
449
                </span>
450
                <br>
451
                <span class="uk-text-uppercase uk-text-large">Content providers</span>
452
              </p>
453
              <p *ngIf="showProjects && projectsSize">
454
                <span class="portal-color emphasis">
455
                  <span class="uk-text-bold"> {{projectsSize.number|number}}</span>
456
                  <span class="portal-color uk-h2">{{projectsSize.size}}</span>
457
                </span>
458
                <br>
459
                <span class="uk-text-uppercase uk-text-large">Projects</span>
460
              </p>
461
            </div>
462
          </div>
463
        </div>
464
      </div>
465
    </div>
466
  </div>
467
</div>
468
<div class="uk-section-default uk-section numbers-background  uk-padding-remove-top">
469
  <div class="uk-container uk-margin-medium-top">
470
    <div class="uk-grid uk-flex uk-flex-center">
471
      <div class="uk-margin-large-right">
472
        <div *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">
473
          <p>
474
            <span class="emphasis">{{publicationsSize.count|number}} </span><br>
475
            <span class="uk-icon uk-text-uppercase uk-float-left">
476
              <svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5" y="2.5"></rect><polyline style="stroke: var(--portal-main-color);" fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg>
477
              publications
478
            </span>
479
          </p>
480
        </div>
481
        <div *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">
482
          <p>
483
            <span class="emphasis">{{softwareSize.count|number}} </span><br>
484
            <span class="uk-icon uk-text-uppercase uk-float-left">
485
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog"><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"></path></svg>
486
              software
487
            </span>
488
          </p>
489
        </div>
490
      </div>
491
      <div class="">
492
        <div *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">
493
          <p>
494
            <span class="emphasis">{{datasetsSize.count|number}} </span><br>
495
            <span class="uk-icon uk-text-uppercase uk-float-left">
496
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database"><ellipse style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"></ellipse><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path><path style="stroke: var(--portal-main-color);"fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path></svg>
497
              research data
498
            </span>
499
          </p>
500
        </div>
501
        <div *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">
502
          <p>
503
            <span class="emphasis">{{otherSize.count|number}} </span><br>
504
            <span class="uk-icon uk-text-uppercase uk-float-left">
505
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world"><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"></path><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5" r="9"></circle></svg>
506
              other research products
507
            </span>
508
          </p>
509
        </div>
510
      </div>
511
    </div>
512
  </div>
513
</div>
514
<!-- For old numbers section, comment to here-->
515

    
516
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"
517
        [texts]="pageContents['left']"></helper>
518
<!-- For old numbers section, uncomment from here-->
519
<!--<div class="uk-section-default uk-section">-->
520
<!--  <div class="uk-container">-->
521
<!--    <div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid="">-->
522
<!--      <div class="uk-width-2-3@m uk-first-column">-->
523
<!--        <div class="uk-margin-medium-top uk-panel">-->
524
<!--          <h3 class="el-title uk-margin uk-h3">-->
525
<!--            Our community-->
526
<!--          </h3>-->
527
<!--          <hr class="uk-divider-small uk-text-left provide">-->
528

    
529
<!--          <div class="uk-grid uk-margin-medium-top">-->
530

    
531
<!--            <div class="uk-width-expand@m">-->
532
<!--              <p *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">-->
533
<!--                <span class="emphasis portal-color">{{publicationsSize.count|number}} </span><br><span-->
534
<!--                class="uk-text-uppercase"> publications</span>-->
535
<!--              </p>-->
536
<!--              <p *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">-->
537
<!--                <span class="emphasis portal-color">{{otherSize.count|number}} </span><br><span-->
538
<!--                class="uk-text-uppercase"> other research products</span>-->
539
<!--              </p>-->
540

    
541
<!--            </div>-->
542
<!--            <div class="uk-width-expand@m">-->
543
<!--              <p *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">-->
544
<!--                <span class="emphasis portal-color">{{datasetsSize.count|number}} </span><br><span-->
545
<!--                class="uk-text-uppercase"> research data</span>-->
546
<!--              </p>-->
547
<!--              <p *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">-->
548
<!--                <span class="emphasis portal-color">{{softwareSize.count|number}} </span><br><span-->
549
<!--                class="uk-text-uppercase"> software</span>-->
550
<!--              </p>-->
551

    
552
<!--            </div>-->
553

    
554
<!--          </div>-->
555

    
556
<!--          <div class="uk-margin-top">-->
557
<!--            <div class="uk-grid uk-child-width-1-3@m">-->
558
<!--              <p *ngIf="showDataProviders && datasourcesSize" class="uk-margin-medium-bottom">-->
559
<!--                <span class="  emphasis "> {{datasourcesSize.number |number}} {{datasourcesSize.size}}</span><br>-->
560
<!--                <span class="uk-text-uppercase">content providers</span>-->
561
<!--              </p>-->
562
<!--              <p *ngIf="showProjects && fundersSize">-->
563
<!--                <span class="  emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br>-->
564
<!--                <span class="uk-text-uppercase">Funders</span>-->
565
<!--              </p>-->
566
<!--              <p *ngIf="showProjects && projectsSize">-->
567
<!--                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>-->
568
<!--                <span class="uk-text-uppercase">Projects</span>-->
569
<!--              </p>-->
570
<!--            </div>-->
571
<!--            &lt;!&ndash; <div class="uk-grid uk-child-width-1-2@m uk-margin-small-top">-->
572

    
573
<!--              <p *ngIf="showProjects && projectsSize">-->
574
<!--                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>-->
575
<!--                <span class="uk-text-uppercase">Projects</span>-->
576
<!--              </p>-->
577
<!--            </div> &ndash;&gt;-->
578

    
579

    
580
<!--          </div>-->
581
<!--        </div>-->
582
<!--      </div>-->
583
<!--      <div class="uk-width-expand@m">-->
584

    
585
<!--        <div class="uk-card uk-card-body uk-card-explore">-->
586

    
587
<!--          <h3 class="uk-margin-remove-top uk-h3">-->
588
<!--            <span class="">Our data policies</span>-->
589
<!--          </h3>-->
590
<!--          <hr class="uk-divider-small uk-text-left">-->
591

    
592
<!--          <ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom">-->
593
<!--            <li class="el-item uk-margin-medium-bottom">-->
594
<!--              <h5 class="el-title uk-h5">Data acquisition</h5>-->
595
<!--              <div class="el-content">-->
596
<!--                <span>How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</span>-->
597
<!--              </div>-->
598
<!--            </li>-->
599
<!--            <li class="el-item">-->
600
<!--              <h5 class="el-title uk-h5">Data usage</h5>-->
601
<!--              <div class="el-content">-->
602
<!--                <span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span>-->
603
<!--              </div>-->
604
<!--            </li>-->
605
<!--          </ul>-->
606
<!--          <div class="uk-margin uk-margin-remove-bottom uk-text-left">-->
607
<!--            <h6 class="uk-h6">-->
608
<!--              <a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank">-->
609
<!--                Learn more-->
610
<!--              </a>-->
611
<!--            </h6>-->
612
<!--          </div>-->
613
<!--        </div>-->
614

    
615

    
616
<!--      </div>-->
617
<!--    </div>-->
618
<!--  </div>-->
619
<!--</div>-->
620
<!-- For old numbers section, uncomment to here-->
621

    
622
<!-- <div class="uk-section-default uk-section">
623
   <div class="uk-container">
624
      <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> -->
625

    
626

    
627
<!--div class="uk-width-expand@m uk-first-column">
628
   <h5 class="searchFilterTitle">
629
      <span>New content providers</span>
630
   </h5>
631
   <div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid=""-->
632
<!-- <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"></errorMessages>
633

    
634
<div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">
635
    <ul [class]="'uk-list uk-list-divider  uk-margin '+custom_class">
636
       <li *ngFor="let result of fetchDataproviders.results" class="uk-animation-fade">
637
           <h4  [title] = result.title.accessMode >
638
               <a [queryParams]="routerHelper.createQueryParam(urlParam,result.id)" routerLinkActive="router-link-active" routerLink="/search/{{type}}">
639
                 <p *ngIf="result['title'].name || result.acronym"><span *ngIf="result.acronym">{{result.acronym}}</span><span *ngIf="result.acronym && result['title'].name">-</span><span *ngIf="result['title'].name" [innerHTML]="result['title'].name"></span><span *ngIf="result.code">({{result.code}})</span></p>
640
                 <p *ngIf="!result['title'].name && !result.acronym">[no title available]<span *ngIf="result.code">({{result.code}})</span></p>
641
               </a>
642
           </h4>
643
           <span *ngIf="result.types && result.types.length > 0" [class]="'uk-label custom-label label-blue label-'+result.entityType" title="Type">{{result.types.join(", ")}}</span>
644
           <span *ngIf="result.languages && result.languages.length > 0" class="uk-label custom-label  label-language " title="Language">{{result.languages.join(", ")}}</span>
645
           <span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label  label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>
646

    
647
           <span *ngIf="result['funderShortname']" class="uk-label custom-label label-funder " title="Funder">{{result['funderShortname']}}></span>
648
           <span *ngIf="result.openAccessMandate != undefined && result.openAccessMandate " class="uk-label custom-label label-openaccessmandate " title="Open Access mandate">Open Access mandate</span>
649

    
650
           <span *ngIf="result['type'] != undefined && result['type'] != ''" class="uk-label custom-label label-blue label-dataprovider" title="Type"> {{result['type']}}</span>
651
           <span *ngIf="result['compatibility'] != undefined && result['compatibility'] != ''" class="uk-label custom-label  label-compatibility" title="Compatibility">{{result.compatibility}}</span>
652

    
653
           <div *ngIf="showOrganizations && result['organizations'] != undefined && result['organizations'].length > 0">
654
               <span> Organization: </span>
655
               <span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">
656
                   <a *ngIf="organization.id" [queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" routerLink="/search/organization">
657
                           {{organization.name}}</a><span
658

    
659
                       *ngIf="!organization.id">
660
                           {{organization.name}}</span><span
661

    
662
                       *ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>
663
               </span>
664
               <span *ngIf="result['organizations'].length > 10">...</span>
665
           </div>
666

    
667
           <div *ngIf="result['countries'] && result['countries'].length > 0">
668
               Country: <span *ngFor="let country of  result['countries'].slice(0,10) let i = index">{{country}}{{(i < ( result['countries'].slice(0,10).length-1))?", ":""}}{{(i ==  result['countries'].slice(0,10).length-1 &&  result['countries'].length > 10)?"...":""}}</span>
669
           </div>
670
           <div *ngIf="result['websiteURL'] != undefined && result['websiteURL'] != ''">
671
               <span>Website URL: </span>
672
               <span>
673
                   <a href="{{result['websiteURL']}}" target="_blank" class="custom-external custom-icon">
674
                       {{result['websiteURL']}}
675
                   </a>
676
               </span>
677
           </div>
678
           <div *ngIf="result['OAIPMHURL'] != undefined && result['OAIPMHURL'] != ''">
679
               <span>OAI-PMH URL: </span>
680
               <span>
681
                   <a href="{{result['OAIPMHURL']}}" target="_blank" class="custom-external custom-icon">
682
                       {{result['OAIPMHURL']}}
683
                   </a>
684
               </span>
685
           </div>
686

    
687

    
688
       </li>
689
   </ul>
690

    
691
</div> -->
692
<!--div class="uk-first-column">
693
   <div class="el-item uk-panel">
694
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
695
         Aaltodoc Publication Archive
696
      </h6>
697
      <div class="el-meta uk-margin uk-text-meta">Aalto University</div>
698
      <div class="el-content uk-margin"><span class="uk-label label-grey">IR</span>&nbsp;<span class=" uk-label label-grey">Data</span>&nbsp;<span class="uk-label label-grey">OpenAIRE 3.0</span><br>
699
         12469 datasets
700
      </div>
701
   </div>
702
</div>
703
<div class="uk-grid-margin uk-first-column">
704
   <div class="el-item uk-panel">
705
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom  portal-color">
706
         Cambridge Server
707
      </h6>
708
      <div class="el-meta uk-margin uk-text-meta">Cambridge Uviversity</div>
709
      <div class="el-content uk-margin"><span class="uk-label label-grey">IR</span>&nbsp;<span class=" uk-label label-grey">Literature</span>&nbsp;<span class="uk-label label-grey"  >OpenAIRE 2.0</span><br>
710
         4567 publications
711
      </div>
712
   </div>
713
</div>
714
</div>
715
<hr>
716
<div class="uk-margin">
717
<a class=""   routerLinkActive="uk-link" routerLink="/search/find/dataproviders" >
718
View all
719
</a>
720
</div>
721
</div>
722
<div class="uk-width-expand@m">
723
<h5 class="searchFilterTitle">
724
<span>New funders</span>
725
</h5>
726
<div class="uk-margin uk-text-meta">
727
Latest funding database incorporated in OpenAIRE
728
</div>
729
<div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid="">
730
<div class="uk-first-column">
731
   <div class="el-item uk-panel">
732
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom  portal-color">
733
         Swiss National Science Foundation
734
      </h6>
735
      <div class="el-meta uk-margin uk-text-meta">Switzerland</div>
736
      <div class="el-content uk-margin"><span class="uk-label label-grey">OA mandate</span><br> 47.509 publications</div>
737
   </div>
738
</div>
739
<div class="uk-grid-margin uk-first-column">
740
   <div class="el-item uk-panel">
741
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom  portal-color">
742
         Ministry of Education, Science and Technological Development of Republic of Serbia
743
      </h6>
744
      <div class="el-meta uk-margin uk-text-meta">Serbia</div>
745
      <div class="el-content uk-margin">7.942 publicatios</div>
746
   </div>
747
</div>
748
</div>
749
</div-->
750
<!-- <div class="uk-width-medium uk-grid-item-match">
751

    
752

    
753
   <div class="uk-tile-secondary uk-tile uk-tile-xsmall portal-box"  >
754
    <h3 class="uk-margin-remove-top  ">
755
       Our data policies
756
    </h3>
757
    <ul class="uk-margin-small uk-list uk-list-large">
758
       <li class="el-item">
759
          <h6 class="el-title   uk-margin-remove">Data acquisition</h6>
760
          <h5 class="el-content">
761
             <a target="_blank" href="www.openaire.eu/policies">How we retrieve data, how often, what processes it goes through (aggregating cleaning, trasnforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</a>
762
          </h5>
763
       </li>
764
       <li class="el-item">
765
          <h6 class="el-title  uk-margin-remove">Data usage</h6>
766
          <h5 class="el-content">
767
             <a target="_blank" href="www.openaire.eu/policies">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
768
          </h5>
769
       </li>
770
    </ul>
771
    <div class="uk-margin uk-margin-remove-bottom uk-text-left">
772
       <a class="el-content uk-link-text" target="_blank" href="www.openaire.eu/policies">
773
       Learn more
774
       </a>
775
    </div>
776
   </div>
777

    
778

    
779
</div>
780
</div>
781
</div>
782
</div> -->
783

    
784
<div class="uk-section-muted"
785
     uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
786
  <div class="uk-container uk-container-large">
787
    <other-portals portal="explore" [properties]="properties"></other-portals>
788
  </div>
789
</div>
790

    
791

    
792
<!--div class="image-front-topbar  uk-section-secondary uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
793
<div style="" class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: ! +">
794
  <div class="uk-position-cover"></div>
795
  <div class="uk-width-1-1">
796
     <div class="uk-position-relative">
797
        <div class="uk-container uk-margin-medium">
798
           <div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
799
           <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
800
              <div class="uk-width-1-1@m uk-first-column">
801
                 <div data-id="page#4">
802
                 <search-form   placeholderText="Search in OpenAIRE information space" link=true></search-form>
803
                 </div>
804
              </div>
805
           </div>
806
        </div>
807
        <div class="uk-container uk-container-large uk-margin-medium">
808
           <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
809
              <div class="uk-width-1-1@m uk-first-column">
810
                 <div class="search_box_bg uk-margin-large uk-margin-remove-bottom uk-text-center uk-grid-match uk-child-width-1-2 uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-4@xl uk-grid-collapse uk-grid-divider uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" data-id="page#7" style="">
811
                    <div  *ngIf="showPublications && publicationsSize"  class="uk-first-column">
812
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
813
                          <h2 class="el-title uk-margin uk-h2">
814
                             <span>{{publicationsSize.number}} {{publicationsSize.size}} publications</span>
815
                          </h2>
816
                       </div>
817
                    </div>
818
                    <div  *ngIf="showDatasets && datasetsSize">
819
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
820
                          <h2 class="el-title uk-margin uk-h2">
821
                             <span>{{datasetsSize.number}} {{datasetsSize.size}} research data</span>
822
                          </h2>
823
                       </div>
824
                    </div>
825
                    <div  *ngIf="showDataProviders && datasourcesSize"  >
826
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
827
                          <h2 class="el-title uk-margin uk-h2">
828
                             <span>{{datasourcesSize.number}} {{datasourcesSize.size}} data sources</span>
829
                          </h2>
830
                       </div>
831
                    </div>
832
                    <div  *ngIf="showProjects && fundersSize">
833
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
834
                          <h2 class="el-title uk-margin uk-h2">
835
                             <span>{{fundersSize.number}} {{fundersSize.size}} funders</span>
836
                          </h2>
837
                       </div>
838
                    </div>
839
                 </div>
840
                 <div *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-text-meta uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" data-id="page#8" style="">
841
                  <span style="color:#fff!important; font-size:30pt!important">all linked together</span>
842
                 </div>
843
              </div>
844
           </div>
845
        </div>
846
     </div>
847
  </div>
848
</div>
849
</div>
850

    
851
<div class="tm-main uk-container" style="min-height:200px">
852
<helper position="bottom"></helper>
853
</div-->
(2-2/4)