Project

General

Profile

« Previous | Next » 

Revision 59578

[Explore | Trunk]: Remove helptext from home page, change headings

View differences:

home.component.html
9 9
<div class="image-front-topbar  uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"
10 10
     uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
11 11
     tm-header-transparent="light" tm-header-transparent-placeholder="">
12
<!--  style=" min-height: calc(7.89999px + 60vh);"-->
12
  <!--  style=" min-height: calc(7.89999px + 60vh);"-->
13 13
  <div
14
       class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom">
14
      class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom">
15 15
    <!-- uk-height-viewport="offset-top: true;offset-bottom: 20"> -->
16 16
    <div class="uk-position-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
17 17
    <div class="uk-position-relative uk-panel">
......
20 20
        <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
21 21
          <div class="uk-width-1-1@m uk-first-column">
22 22
            <div data-id="page#4">
23
<!--              <search-form placeholderText="Search in OpenAIRE for scholarly works" link="/search/find"></search-form>-->
23
              <!--              <search-form placeholderText="Search in OpenAIRE for scholarly works" link="/search/find"></search-form>-->
24 24
              <form class=" uk-margin uk-margin-top ">
25 25
                <div class="uk-grid uk-margin-small-left">
26 26
                  <div class="uk-margin-small-top uk-padding-remove-left">
27
                    <entities-selection [simpleView]="true" currentEntity="all"  [selectedEntity]="selectedEntity"
27
                    <entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
28 28
                                        [properties]="properties" [onChangeNavigate]="false"
29 29
                                        (selectionChange)="entityChanged($event)"
30
                                         ></entities-selection>
30
                    ></entities-selection>
31 31
                  </div>
32
                  <div class=" uk-padding-remove-left uk-margin-small-top" >
32
                  <div class=" uk-padding-remove-left uk-margin-small-top">
33 33
                    <div class="uk-inline">
34 34
                      <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
35 35
                         uk-icon="icon: close"></a>
......
48 48
                  </div>
49 49
                  <div class="uk-padding-remove-left uk-margin-small-top">
50 50

  
51
                    <button  (click)="goTo(true)" type="submit"
51
                    <button (click)="goTo(true)" type="submit"
52 52
                            class="uk-button portal-button uk-text-bold  uk-padding uk-padding-remove-vertical uk-margin-small-left">
53 53
                      Search
54 54
                    </button>
55 55
                    <div class="uk-margin-small-top  uk-margin-left">
56 56
                      <!--                        (click)="goTo(false)"-->
57
                      <a *ngIf="selectedEntity!='all'"  (click)="goTo(false)" class="portal-link">Advanced Search</a>
58
                      <a *ngIf="selectedEntity=='all'"  class="portal-link ">Advanced Search</a></div>
57
                      <a *ngIf="selectedEntity!='all'" (click)="goTo(false)" class="portal-link">Advanced Search</a>
58
                      <a *ngIf="selectedEntity=='all'" class="portal-link ">Advanced Search</a></div>
59 59
                    <div *ngIf="selectedEntity=='all'" uk-dropdown class="uk-dropdown default-dropdown">
60
                       <ul class="uk-list uk-margin-remove-bottom">
60
                      <ul class="uk-list uk-margin-remove-bottom">
61 61
                        <li *ngIf="showSoftware || showPublications || showOrp || showDatasets"><a
62
                          [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{qf:true, q: keyword, op: 'and'}"
62
                            [routerLink]="properties.searchLinkToAdvancedResults"
63
                            [queryParams]="{qf:true, q: keyword, op: 'and'}"
63 64
                        >Research
64 65
                          outcomes</a></li>
65
                         <li *ngIf="showProjects"><a
66
                           [routerLink]="properties.searchLinkToAdvancedProjects" [queryParams]="{q: keyword, op: 'and'}" >
67
                           Projects</a></li>
68
                         <li *ngIf="showDataProviders"><a
69
                           [routerLink]="properties.searchLinkToAdvancedDataProviders" [queryParams]="{q: keyword, op: 'and'}">
70
                           Content providers</a></li>
71
                         <li *ngIf="showOrganizations"><a
72
                           [routerLink]="properties.searchLinkToAdvancedOrganizations" [queryParams]="{q: keyword, op: 'and'}">
73
                           Organizations</a></li>
66
                        <li *ngIf="showProjects"><a
67
                            [routerLink]="properties.searchLinkToAdvancedProjects"
68
                            [queryParams]="{q: keyword, op: 'and'}">
69
                          Projects</a></li>
70
                        <li *ngIf="showDataProviders"><a
71
                            [routerLink]="properties.searchLinkToAdvancedDataProviders"
72
                            [queryParams]="{q: keyword, op: 'and'}">
73
                          Content providers</a></li>
74
                        <li *ngIf="showOrganizations"><a
75
                            [routerLink]="properties.searchLinkToAdvancedOrganizations"
76
                            [queryParams]="{q: keyword, op: 'and'}">
77
                          Organizations</a></li>
74 78
                      </ul>
75 79
                    </div>
76 80
                    <!--<div class="uk-inline">
......
141 145
                      <div class="uk-slider-container">
142 146
                        <ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
143 147
                          <ng-container *ngFor="let type of getKeys(logos)">
144
                            <li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1 home-logo">
145
                              <h1 class="uk-text-center uk-margin-bottom portal-color uk-h2">
148
                            <li *ngFor="let range of createRange(logos[type].length) let j=index"
149
                                class="uk-width-1-1 home-logo">
150
                              <h1 class="uk-text-center uk-margin-bottom portal-color uk-h3">
146 151
                                <span *ngIf="type=='publication' && showPublications && publicationsSize">
147 152
                                  <span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
148 153
                                    publications</span><span> deduplicated</span>
149 154
                                </span>
150 155
                                <span *ngIf="type=='dataset' && showDatasets && (datasetsLinkedSize ||datasetsSize)">
151
                                  <span *ngIf="datasetsLinkedSize" >
152
                                       <span class="uk-text-bold">{{datasetsLinkedSize.number|number}}{{datasetsLinkedSize.size}}
153
                                    datasets</span> interlinked with publications</span>
156
                                  <span *ngIf="datasetsLinkedSize">
157
                                       <span
158
                                           class="uk-text-bold">{{datasetsLinkedSize.number|number}}{{datasetsLinkedSize.size}}
159
                                         datasets</span> interlinked with publications</span>
154 160
                                  <span *ngIf="datasetsSize && !datasetsLinkedSize"
155 161
                                        class="uk-text-bold">{{datasetsSize.number|number}}{{datasetsSize.size}}
156 162
                                    research data</span>
......
181 187
                              <div class="uk-grid-small  uk-child-width-1-6 uk-text-center grid uk-flex uk-flex-center"
182 188
                                   uk-grid uk-height-match="target: > div > .logo2; row: false;">
183 189
                                <div
184
                                  *ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
190
                                    *ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
185 191
                                  <ng-container
186
                                    *ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
192
                                      *ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
187 193
                                  <ng-container
188
                                    *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
194
                                      *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
189 195
                                </div>
190 196
                              </div>
191 197
                            </li>
......
215 221
            </div>
216 222
          </div>
217 223
        </div>
218
<!-- If no help text, uncomment from here-->
219
<!--        <div class="uk-text-right uk-padding-small uk-padding-remove-vertical">-->
220
<!--          <a class="uk-button uk-button-large trello-button trello-button-white"-->
221
<!--             href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
222
<!--             target="_blank">-->
223
<!--            <img [src]="'assets/explore-assets/trello-2.svg'" class="trello-image">-->
224
<!--            <span class="uk-margin-small-left">Give us <b>feedback</b></span>-->
225
<!--          </a>-->
226
<!--        </div>-->
227
<!-- If no help text, uncomment to here-->
228
        <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
229
                [texts]="pageContents['top']"></helper>
224
        <div *ngIf="properties.environment !== 'production'"
225
             class="uk-text-right uk-padding-small uk-padding-remove-vertical uk-margin-medium-top">
226
          <a class="uk-button uk-button-large trello-button trello-button-white"
227
             href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank">
228
            <img class="trello-image" src="assets/explore-assets/trello-2.svg"/>
229
            <span class="uk-margin-small-left">Give us <span class="uk-text-bold">feedback</span></span>
230
          </a>
231
        </div>
230 232
      </div>
231 233
    </div>
232

  
233

  
234

  
235 234
  </div>
236 235
</div>
237
<!--<schema2jsonld [URL]="properties.baseLink"-->
238
<!--               [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"-->
239
<!--               name="OpenAIRE Explore"></schema2jsonld>-->
240
  <div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
241
       class="uk-section uk-section-small graph-background uk-margin-top">
242
    <div class="uk-container uk-container-large uk-margin-medium-top">
243
      <div class="uk-flex uk-flex-top uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
244
        <div>
245
          <img src="assets/explore-banner.png">
236
<div class="uk-section uk-section-small graph-background uk-margin-top">
237
  <div class="uk-container uk-container-large uk-margin-medium-top">
238
    <div class="uk-flex uk-flex-top uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
239
      <div>
240
        <img src="assets/explore-banner.png">
241
      </div>
242
      <div>
243
        <div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
244
          <h3 style="color: white !important;">Extracted <span class="uk-text-bold">Metadata Combined.</span></h3>
245
          <p>The OpenAIRE Research Graph is one of the largest open scholarly record collections worldwide, key in
246
            fostering Open Science and establishing its practices in the daily research activities. Conceived as a
247
            public and transparent good, populated out of data sources trusted by scientists, the Graph aims at bringing
248
            discovery, monitoring, and assessment of science back in the hands of the scientific community.<br/>
249
            <br/>
250
            Imagine a vast collection of research products all linked together, contextualised and openly available. For
251
            the past ten years OpenAIRE has been working to gather this valuable record. OpenAIRE is pleased to announce
252
            the beta release of its Research Graph, a massive collection of metadata and links between scientific
253
            products such as articles, datasets, software, and other research products, entities like organisations,
254
            funders, funding streams, projects, communities, and data sources.<br/>
255
            <br/>
256
            As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting from
257
            10,000 data sources trusted by scientists! After cleaning, deduplication, and fine-grained classification
258
            processes, they narrow down to ~100Mi publications, ~8Mi datasets, ~200K software research products, 8Mi
259
            other products linked together with semantic relations.<br/>
260
            <br/>
261
            More than 10Mi full-texts of Open Access publications are mined by algorithms to enrich metadata records
262
            with additional properties and links among research products, funders, projects, communities, and
263
            organizations. Thanks to the mining algorithm, the graph is completed with 480Mi semantic relations.</p>
246 264
        </div>
247
        <div>
248
          <div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
249
            <helper [texts]="pageContents['right']" ></helper>
250

  
251
<!-- If no help text, uncomment from here-->
252
<!--          <div class="uk-h2" style="color: white !important;">-->
253
<!--            Extracted <b>Metadata Combined.</b>-->
254
<!--          </div>-->
255
<!--            The OpenAIRE Research Graph is one of the largest open scholarly record collections worldwide, key in-->
256
<!--            fostering Open Science and-->
257
<!--            establishing its practices in the daily research activities. Conceived as a public and transparent good,-->
258
<!--            populated out of data sources-->
259
<!--            trusted by scientists, the Graph aims at bringing discovery, monitoring, and assessment of science back in-->
260
<!--            the hands of the scientific-->
261
<!--            community.-->
262
<!--            <br><br>-->
263
<!--            Imagine a vast collection of research products all linked together, contextualised and openly available.-->
264
<!--            For-->
265
<!--            the past ten years OpenAIRE-->
266
<!--            has been working to gather this valuable record. OpenAIRE is pleased to announce the beta release of its-->
267
<!--            Research Graph, a massive-->
268
<!--            collection of metadata and links between scientific products such as articles, datasets, software, and-->
269
<!--            other-->
270
<!--            research products, entities like-->
271
<!--            organisations, funders, funding streams, projects, communities, and data sources.-->
272
<!--            <br><br>-->
273
<!--            As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting-->
274
<!--            from-->
275
<!--            10,000 data sources-->
276
<!--            trusted by scientists! After cleaning, deduplication, and fine-grained classification processes, they-->
277
<!--            narrow-->
278
<!--            down to ~100Mi publications,-->
279
<!--            ~8Mi datasets, ~200K software research products, 8Mi other products linked together with semantic-->
280
<!--            relations.-->
281
<!--            <br><br>-->
282
<!--            More than 10Mi full-texts of Open Access publications are mined by algorithms to enrich metadata records-->
283
<!--            with additional properties and-->
284
<!--            links among research products, funders, projects, communities, and organizations. Thanks to the mining-->
285
<!--            algorithm, the graph is completed-->
286
<!--            with 480Mi semantic relations.-->
287
<!-- If no help text, uncomment to here-->
265
        <div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
266
          <a class="custom-explore-toggle">Read more<span uk-icon="chevron-down"></span></a>
267
        </div>
268
        <div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
269
          <a class="custom-explore-toggle">Read less<span uk-icon="chevron-up"></span></a>
270
        </div>
271
      </div>
272
    </div>
273
  </div>
274
</div>
275
<div *ngIf="properties.environment !== 'production'" class="uk-section"
276
     style="background: #FAFAFA 0 0 no-repeat padding-box;">
277
  <div class="uk-container uk-container-large uk-margin-bottom">
278
    <div class="uk-flex uk-flex-middle uk-child-width-1-1@s uk-child-width-1-2@m uk-grid" uk-grid="">
279
      <div class="uk-first-column">
280
        <h3 class="uk-text-secondary">
281
          <span class="uk-text-bold">Contribute</span> to improve the<br/>
282
          <span class="uk-text-bold">OpenAIRE Research Graph</span>
283
        </h3>
284
        <p>
285
          The graph is currently under <span class="uk-text-bold">pre-release consultation process</span> which will
286
          last two months. Help us making the graph ready for its 1st production release by providing your feedback!
287
        </p>
288
        <p>
289
          You can provide feedback via <a href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank">Trello</a>
290
          or via opening a ticket in the <a href="https://www.openaire.eu/support/helpdesk" target="_blank">OpenAIRE
291
          Helpdesk</a> under the category OpenAIRE Services with the subject &quot;OpenAIRE Research Graph: &rdquo;.
292
          The graph can be explore and tested via this portal or via data dumps made available in
293
          <a href="https://zenodo.org/communities/openaire-research-graph" target="_blank">Zenodo.org</a>.</p>
294
        <p>
295
          Find information about the OpenAIRE Research Graph, how to test it and contribute to improving it on our
296
          <a href="https://www.openaire.eu/blogs/the-openaire-research-graph" target="_blank">blog</a>. You can also
297
          write to <a href="mailto:paolo.manghi@isti.cnr.it">Paolo Manghi</a>, the OpenAIRE Technical Director, for
298
          additional details.
299
        </p>
300
        <div class="uk-flex uk-flex-middle uk-grid uk-child-width-1-2@s">
301
          <a class="uk-margin-top" href="https://www.openaire.eu/blogs/the-openaire-research-graph" target="_blank">
302
            <u>Instructions on providing feedback</u>
303
          </a>
304
          <div class="uk-margin-top uk-text-right uk-visible@l">
305
            <a class="uk-button trello-button trello-button-blue uk-button-large"
306
               href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank">
307
              <img class="trello-image" src="assets/explore-assets/trello.svg"/>
308
              <span class="uk-margin-small-left uk-margin-small-right">Go to <span
309
                  class="uk-text-bold">Trello</span></span>
310
              <icon name="arrow_right" class="space"></icon>
311
            </a>
288 312
          </div>
289
          <div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
290
            <a class="custom-explore-toggle">Read more<span uk-icon="chevron-down"></span></a>
313
          <div class="uk-margin-top uk-text-right uk-hidden@m">
314
            <a class="uk-button trello-button trello-button-blue uk-button-large"
315
               href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank">
316
              <img class="trello-image" src="assets/explore-assets/trello.svg"/>
317
              <span class="uk-margin-small-left uk-margin-small-right">Go to <span
318
                  class="uk-text-bold">Trello</span></span>
319
              <icon name="arrow_right" class="space"></icon>
320
            </a>
291 321
          </div>
292
          <div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
293
            <a class="custom-explore-toggle">Read less<span uk-icon="chevron-up"></span></a>
322
          <div class="uk-margin-top uk-text-right uk-visible@m uk-hidden@l">
323
            <a class="uk-button trello-button trello-button-blue uk-button-large"
324
               href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank">
325
              <img class="trello-image uk-margin-right" src="assets/explore-assets/trello.svg"/>
326
              <icon name="arrow_right" class="space"></icon>
327
            </a>
294 328
          </div>
295 329
        </div>
296 330
      </div>
331

  
332
      <div><img src="assets/explore-assets/trello-sc.png"/></div>
297 333
    </div>
298 334
  </div>
299
<!--  <div  class="homePageGrayBackground">-->
300
    <div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
301
         class="graph-background-bottom uk-section uk-padding-remove-vertical uk-background-cover"></div>
302
<!--  </div>-->
303
<!-- If no help text, uncomment from here-->
304
<!--  <div class="uk-section uk-section-small">-->
305
<!--    <div class="uk-container uk-container-large">-->
306
<!--      <div class="uk-flex uk-flex-middle uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>-->
307
<!--        <div>-->
308
<!--          <div class="uk-text-secondary uk-h2 uk-margin-bottom">-->
309
<!--            <b>Contribute</b> to improve the<br><b>OpenAIRE Research Graph</b>-->
310
<!--          </div>-->
311
<!--          <p> You can explore and test the <b>BETA release</b> of the <b>OpenAIRE Research Graph</b> via the-->
312
<!--            <b>OpenAIRE BETA Explore portal</b> or via data dumps made available via-->
313
<!--            <a href="https://zenodo.org" target="_blank">Zenodo.org</a>.-->
314
<!--            Help us making the graph ready for its 1st production release by providing your feedback by the end of November 2019.-->
315
<!--          </p>-->
316
<!--          <p>-->
317
<!--            Find the complete information about the OpenAIRE Research Graph, how to test it and contribute to improving-->
318
<!--            it on our-->
319
<!--            <a href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"-->
320
<!--               target="_blank">blog</a>.-->
321
<!--          </p>-->
322
<!--          <p>-->
323
<!--            You can also write to <a href="mailto:paolo.manghi@isti.cnr.it">Paolo Manghi</a>, the OpenAIRE Technical-->
324
<!--            Director, for additional details.-->
325
<!--          </p>-->
326
<!--          <div class="uk-flex uk-flex-middle uk-grid uk-child-width-1-2@s">-->
327
<!--            <a class="uk-margin-top" href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"-->
328
<!--               target="_blank">-->
329
<!--              <u>Instructions on providing feedback</u>-->
330
<!--            </a>-->
331
<!--            <div class="uk-margin-top uk-text-right uk-visible@l">-->
332
<!--              <a class="uk-button trello-button trello-button-blue uk-button-large"-->
333
<!--                 href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
334
<!--                 target="_blank">-->
335
<!--&lt;!&ndash;                 (mouseenter)="trelloImg2 = 'trello-2.svg'"&ndash;&gt;-->
336
<!--&lt;!&ndash;                 (mouseleave)="trelloImg2 = 'trello.svg'">&ndash;&gt;-->
337
<!--                <img [src]="'assets/trello.svg'" class="trello-image">-->
338
<!--                <span class="uk-margin-small-left uk-margin-small-right">Go to <b>Trello</b></span>-->
339
<!--                <span uk-icon="arrow-right"></span>-->
340
<!--              </a>-->
341
<!--            </div>-->
342
<!--            <div class="uk-margin-top uk-text-right uk-hidden@m">-->
343
<!--              <a class="uk-button trello-button trello-button-blue uk-button-large"-->
344
<!--                 href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
345
<!--                 target="_blank">-->
346
<!--&lt;!&ndash;                 (mouseenter)="trelloImg = 'trello-2.svg'"&ndash;&gt;-->
347
<!--&lt;!&ndash;                 (mouseleave)="trelloImg = 'trello.svg'">&ndash;&gt;-->
348
<!--                <img [src]="'assets/trello.svg'" class="trello-image">-->
349
<!--                <span class="uk-margin-small-left uk-margin-small-right">Go to <b>Trello</b></span>-->
350
<!--                <span uk-icon="arrow-right"></span>-->
351
<!--              </a>-->
352
<!--            </div>-->
353
<!--            <div class="uk-margin-top uk-text-right uk-visible@m uk-hidden@l">-->
354
<!--              <a class="uk-button trello-button trello-button-blue uk-button-large"-->
355
<!--                 href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
356
<!--                 target="_blank">-->
357
<!--&lt;!&ndash;                 (mouseenter)="trelloImg = 'trello-2.svg'"&ndash;&gt;-->
358
<!--&lt;!&ndash;                 (mouseleave)="trelloImg = 'trello.svg'">&ndash;&gt;-->
359
<!--                <img [src]="'assets/trello.svg'" class="uk-margin-right trello-image">-->
360
<!--                <span uk-icon="arrow-right"></span>-->
361
<!--              </a>-->
362
<!--            </div>-->
363
<!--          </div>-->
364
<!--        </div>-->
365
<!--        <div>-->
366
<!--          <img src="assets/trello-sc.png">-->
367
<!--        </div>-->
368
<!--      </div>-->
369
<!--    </div>-->
370
<!--  </div>-->
371
<!-- If no help text, uncomment to here-->
372
  <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
373
          [texts]="pageContents['bottom']"></helper>
374
<!-- If no help text, uncomment from here-->
375
<!--<div class=" uk-section">-->
376
<!--  <div class="uk-container uk-container-small">-->
377
<!--    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
378
<!--      <div class="uk-width-1-1@m uk-first-column">-->
379
<!--        <div id="page#8"-->
380
<!--             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"-->
381
<!--             uk-grid="">-->
382
<!--          <div class="uk-first-column">-->
383
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
384
<!--              <a routerLinkActive="uk-link" routerLink="/search/find"-->
385
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
386
<!--              <img class="" width="80" height="80" src="assets/explore.svg" alt="Explore">-->
387
<!--              <h3 class="el-title uk-margin uk-h3">-->
388
<!--                Explore-->
389
<!--              </h3>-->
390
<!--              <div class="el-content uk-margin uk-text-lead">Discover linked open research</div>-->
391
<!--              <div class="  uk-margin-small-top">Search for-->
392
<!--                publications, datasets, software and other research products. See how these-->
393
<!--                are linked together and how they are linked to funding and-->
394
<!--                organizations.-->
395
<!--                <br>-->
396
<!--                View statistics on projects and institutions.-->
397
<!--              </div>-->
398
<!--            </div>-->
399
<!--          </div>-->
400

  
401
<!--          <div class="">-->
402
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
403
<!--              <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications"-->
404
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
405
<!--              <img class="" width="70" height="70" src="assets/share.svg" alt="Share">-->
406

  
407
<!--              <h3 class="el-title uk-margin uk-h3">-->
408
<!--                Deposit-->
409
<!--              </h3>-->
410
<!--              <div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div>-->
411
<!--              <div class="  uk-margin-small-top">-->
412
<!--                Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding-->
413
<!--                information.-->
414
<!--                <br>-->
415
<!--                Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,-->
416
<!--                a catch-all repository hosted by CERN to deposit all your research results (publications, data,-->
417
<!--                software, etc.)-->
418
<!--              </div>-->
419
<!--            </div>-->
420
<!--          </div>-->
421

  
422

  
423
<!--          <div class="">-->
424
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
425
<!--              <img class="" width="60" height="70" src="assets/link.svg" alt="Link">-->
426
<!--              <a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim"-->
427
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
428

  
429
<!--              <h3 class="el-title uk-margin uk-h3">-->
430
<!--                Link-->
431
<!--              </h3>-->
432
<!--              <div class="el-content uk-margin uk-text-lead">Connect all your research</div>-->
433
<!--              <div class="  uk-margin-small-top">-->
434
<!--                If you can't find your research results in OpenAIRE, don't worry!-->
435
<!--                <br>-->
436
<!--                Use our <strong>LINK OUT service</strong>,-->
437
<!--                that reaches out to many external sources via APIs, to connect your research results and-->
438
<!--                <em>claim</em> them to your project.-->
439
<!--              </div>-->
440
<!--            </div>-->
441
<!--          </div>-->
442

  
443
<!--        </div>-->
444
<!--      </div>-->
445
<!--    </div>-->
446
<!--  </div>-->
447
<!--</div>-->
448

  
449
<!-- If no help text, uncomment from here-->
450
<!--<div class="uk-section-muted uk-section uk-section-small">-->
451
<!--  <div class="uk-container uk-container-large">-->
452
<!--    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
453
<!--      <div class="uk-width-1-1@m uk-first-column">-->
454
<!--        <div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m-->
455
<!--             uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">-->
456
<!--          <div class="uk-first-column uk-text-center">-->
457
<!--            <div class="el-item uk-card uk-card-small uk-card-body">-->
458
<!--              <img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true">-->
459
<!--              <h3 class="el-title uk-margin uk-h3">Have more questions?</h3>-->
460
<!--            </div>-->
461
<!--          </div>-->
462
<!--          <div class="questions">-->
463
<!--            <div class="el-item uk-card uk-card-small uk-card-body">-->
464
<!--              <ul class="uk-list uk-list-divider">-->
465
<!--                <li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a>-->
466
<!--                </li>-->
467
<!--                <li><a-->
468
<!--                  href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science-->
469
<!--                  era</a>-->
470
<!--                </li>-->
471
<!--                <li><a href="https://www.openaire.eu/guides">Find out how to use OpenAIRE to best serve your needs</a>-->
472
<!--                </li>-->
473
<!--                <li><a-->
474
<!--                  href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a>-->
475
<!--                </li>-->
476
<!--                <li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li>-->
477
<!--              </ul>-->
478
<!--            </div>-->
479
<!--          </div>-->
480
<!--        </div>-->
481
<!--      </div>-->
482
<!--    </div>-->
483
<!--  </div>-->
484
<!--</div>-->
485
<!-- If no help text, uncomment to here-->
486

  
487
<!-- For old numbers section, comment from here-->
335
</div>
336
<div class="uk-section" style="background: linear-gradient(180deg, #FAFAFA 50%, #FFFFFF 50%);">
337
  <div class="uk-container uk-container-small">
338
    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
339
      <div class="uk-width-1-1@m uk-first-column">
340
        <div class="uk-margin uk-text-center uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m uk-child-width-1-2@l uk-grid" id="page#8" uk-grid="" uk-height-match="target: &gt; div &gt; div &gt; .card-text; row: false;">
341
          <div class="uk-first-column">
342
            <div class="uk-card uk-card-default uk-card-medium uk-card-body">
343
              <img alt="Share" src="assets/explore-assets/share.svg" />
344
              <h4 class="uk-margin uk-text-large">
345
                <span class="uk-text-bold">Deposit</span> your research
346
              </h4>
347
              <div class="uk-margin-small-top uk-text-left card-text uk-flex uk-flex-center">
348
                <div class="uk-margin-left uk-margin-right">Deposit in a repository of your choice.<br/>
349
                  Select an OpenAIRE compatible<br/>
350
                  repository (2.0 +) so that your research is linked to your funding information. Use Zenodo, a catch-all repository hosted by CERN to deposit all your research results (publications, data, software, etc.)</div>
351
              </div>
352
              <a class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left ng-star-inserted uk-margin uk-margin-bottom uk-width-1-2" href="/participate/deposit/learn-how" type="submit"> Deposit </a></div>
353
          </div>
354
          <div>
355
            <div class="uk-card uk-card-default uk-card-medium uk-card-body">
356
              <img alt="Link" src="assets/explore-assets/link.svg" />
357
              <h4 class="uk-margin uk-text-large">
358
                <span class="uk-text-bold">Link</span> your work
359
              </h4>
360
              <div class="uk-margin-small-top uk-text-left card-text uk-flex uk-flex-center">
361
                <div class="uk-margin-left uk-margin-right">Connect all your research.<br />
362
                  If you can&#39;t find your research results in OpenAIRE, don&#39;t worry! Use our Link Out service , that reaches out to many<br />
363
                  external sources via APIs, to connect<br />
364
                  your research results and claim them to your project.</div>
365
              </div>
366
              <a class="uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left ng-star-inserted uk-margin uk-margin-bottom uk-width-1-2" href="/participate/claim" type="submit"> Link </a></div>
367
          </div>
368
        </div>
369
      </div>
370
    </div>
371
  </div>
372
</div>
488 373
<div class="uk-section-default uk-section  uk-padding-remove-bottom">
489 374
  <div class="uk-container uk-text-center  uk-margin-medium-bottom">
490 375
    <div class="uk-margin-medium uk-flex-center">
491 376
      <div class="uk-first-column">
492 377
        <div class="uk-panel">
493
          <h2 class="uk-margin uk-h2 uk-text-center">
378
          <h3 class="uk-margin uk-h2 uk-text-center">
494 379
            Our growing <span class="uk-text-bold">Community</span>
495
          </h2>
380
          </h3>
496 381
          <div class="uk-margin-medium-top">
497 382
            <div class="uk-grid uk-child-width-1-3@m">
498 383
              <p *ngIf="showProjects && fundersSize">
......
533 418
          <p>
534 419
            <span class="emphasis">{{publicationsSize.count|number}} </span><br>
535 420
            <span class="uk-icon uk-text-uppercase uk-float-left">
536
              <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>
421
              <svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect
422
                  style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5"
423
                  y="2.5"></rect><polyline style="stroke: var(--portal-main-color);" fill="none"
424
                                           points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg>
537 425
              publications
538 426
            </span>
539 427
          </p>
......
542 430
          <p>
543 431
            <span class="emphasis">{{softwareSize.count|number}} </span><br>
544 432
            <span class="uk-icon uk-text-uppercase uk-float-left">
545
              <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>
433
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog"><circle
434
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10"
435
                  r="3.31"></circle><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
436
                                          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>
546 437
              software
547 438
            </span>
548 439
          </p>
......
553 444
          <p>
554 445
            <span class="emphasis">{{datasetsSize.count|number}} </span><br>
555 446
            <span class="uk-icon uk-text-uppercase uk-float-left">
556
              <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>
447
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database"><ellipse
448
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5"
449
                  ry="3.14"></ellipse><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
450
                                            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
451
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
452
                  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
453
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
454
                  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>
557 455
              research data
558 456
            </span>
559 457
          </p>
......
562 460
          <p>
563 461
            <span class="emphasis">{{otherSize.count|number}} </span><br>
564 462
            <span class="uk-icon uk-text-uppercase uk-float-left">
565
              <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>
463
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world"><path
464
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path><path
465
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"></path><path
466
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"></path><path
467
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
468
                  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
469
                  style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5" r="9"></circle></svg>
566 470
              other research products
567 471
            </span>
568 472
          </p>
......
571 475
    </div>
572 476
  </div>
573 477
</div>
574
<!-- For old numbers section, comment to here-->
478
<div class="uk-section-muted uk-section uk-section-small">
479
  <div class="uk-container uk-container-large">
480
    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
481
      <div class="uk-width-1-1@m uk-first-column">
482
        <div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m
483
             uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">
484
          <div class="uk-first-column uk-text-center">
485
            <div class="el-item uk-card uk-card-small uk-card-body"><img alt="" class="el-image"
486
                                                                         src="assets/explore-assets/ask-explore.svg"
487
                                                                         uk-svg=""/>
488
              <h3 class="el-title uk-margin uk-h3">Have more questions?</h3>
489
            </div>
490
          </div>
575 491

  
576
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"
577
        [texts]="pageContents['left']"></helper>
578
<!-- For old numbers section, uncomment from here-->
579
<!--<div class="uk-section-default uk-section">-->
580
<!--  <div class="uk-container">-->
581
<!--    <div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid="">-->
582
<!--      <div class="uk-width-2-3@m uk-first-column">-->
583
<!--        <div class="uk-margin-medium-top uk-panel">-->
584
<!--          <h3 class="el-title uk-margin uk-h3">-->
585
<!--            Our community-->
586
<!--          </h3>-->
587
<!--          <hr class="uk-divider-small uk-text-left provide">-->
588

  
589
<!--          <div class="uk-grid uk-margin-medium-top">-->
590

  
591
<!--            <div class="uk-width-expand@m">-->
592
<!--              <p *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">-->
593
<!--                <span class="emphasis portal-color">{{publicationsSize.count|number}} </span><br><span-->
594
<!--                class="uk-text-uppercase"> publications</span>-->
595
<!--              </p>-->
596
<!--              <p *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">-->
597
<!--                <span class="emphasis portal-color">{{otherSize.count|number}} </span><br><span-->
598
<!--                class="uk-text-uppercase"> other research products</span>-->
599
<!--              </p>-->
600

  
601
<!--            </div>-->
602
<!--            <div class="uk-width-expand@m">-->
603
<!--              <p *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">-->
604
<!--                <span class="emphasis portal-color">{{datasetsSize.count|number}} </span><br><span-->
605
<!--                class="uk-text-uppercase"> research data</span>-->
606
<!--              </p>-->
607
<!--              <p *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">-->
608
<!--                <span class="emphasis portal-color">{{softwareSize.count|number}} </span><br><span-->
609
<!--                class="uk-text-uppercase"> software</span>-->
610
<!--              </p>-->
611

  
612
<!--            </div>-->
613

  
614
<!--          </div>-->
615

  
616
<!--          <div class="uk-margin-top">-->
617
<!--            <div class="uk-grid uk-child-width-1-3@m">-->
618
<!--              <p *ngIf="showDataProviders && datasourcesSize" class="uk-margin-medium-bottom">-->
619
<!--                <span class="  emphasis "> {{datasourcesSize.number |number}} {{datasourcesSize.size}}</span><br>-->
620
<!--                <span class="uk-text-uppercase">content providers</span>-->
621
<!--              </p>-->
622
<!--              <p *ngIf="showProjects && fundersSize">-->
623
<!--                <span class="  emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br>-->
624
<!--                <span class="uk-text-uppercase">Funders</span>-->
625
<!--              </p>-->
626
<!--              <p *ngIf="showProjects && projectsSize">-->
627
<!--                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>-->
628
<!--                <span class="uk-text-uppercase">Projects</span>-->
629
<!--              </p>-->
630
<!--            </div>-->
631
<!--            &lt;!&ndash; <div class="uk-grid uk-child-width-1-2@m uk-margin-small-top">-->
632

  
633
<!--              <p *ngIf="showProjects && projectsSize">-->
634
<!--                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>-->
635
<!--                <span class="uk-text-uppercase">Projects</span>-->
636
<!--              </p>-->
637
<!--            </div> &ndash;&gt;-->
638

  
639

  
640
<!--          </div>-->
641
<!--        </div>-->
642
<!--      </div>-->
643
<!--      <div class="uk-width-expand@m">-->
644

  
645
<!--        <div class="uk-card uk-card-body uk-card-explore">-->
646

  
647
<!--          <h3 class="uk-margin-remove-top uk-h3">-->
648
<!--            <span class="">Our data policies</span>-->
649
<!--          </h3>-->
650
<!--          <hr class="uk-divider-small uk-text-left">-->
651

  
652
<!--          <ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom">-->
653
<!--            <li class="el-item uk-margin-medium-bottom">-->
654
<!--              <h5 class="el-title uk-h5">Data acquisition</h5>-->
655
<!--              <div class="el-content">-->
656
<!--                <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>-->
657
<!--              </div>-->
658
<!--            </li>-->
659
<!--            <li class="el-item">-->
660
<!--              <h5 class="el-title uk-h5">Data usage</h5>-->
661
<!--              <div class="el-content">-->
662
<!--                <span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span>-->
663
<!--              </div>-->
664
<!--            </li>-->
665
<!--          </ul>-->
666
<!--          <div class="uk-margin uk-margin-remove-bottom uk-text-left">-->
667
<!--            <h6 class="uk-h6">-->
668
<!--              <a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank">-->
669
<!--                Learn more-->
670
<!--              </a>-->
671
<!--            </h6>-->
672
<!--          </div>-->
673
<!--        </div>-->
674

  
675

  
676
<!--      </div>-->
677
<!--    </div>-->
678
<!--  </div>-->
679
<!--</div>-->
680
<!-- For old numbers section, uncomment to here-->
681

  
682
<!-- <div class="uk-section-default uk-section">
683
   <div class="uk-container">
684
      <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> -->
685

  
686

  
687
<!--div class="uk-width-expand@m uk-first-column">
688
   <h5 class="searchFilterTitle">
689
      <span>New content providers</span>
690
   </h5>
691
   <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=""-->
692
<!-- <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"></errorMessages>
693

  
694
<div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">
695
    <ul [class]="'uk-list uk-list-divider  uk-margin '+custom_class">
696
       <li *ngFor="let result of fetchDataproviders.results" class="uk-animation-fade">
697
           <h4  [title] = result.title.accessMode >
698
               <a [queryParams]="routerHelper.createQueryParam(urlParam,result.id)" routerLinkActive="router-link-active" routerLink="/search/{{type}}">
699
                 <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>
700
                 <p *ngIf="!result['title'].name && !result.acronym">[no title available]<span *ngIf="result.code">({{result.code}})</span></p>
701
               </a>
702
           </h4>
703
           <span *ngIf="result.types && result.types.length > 0" [class]="'uk-label custom-label label-blue label-'+result.entityType" title="Type">{{result.types.join(", ")}}</span>
704
           <span *ngIf="result.languages && result.languages.length > 0" class="uk-label custom-label  label-language " title="Language">{{result.languages.join(", ")}}</span>
705
           <span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label  label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>
706

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

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

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

  
719
                       *ngIf="!organization.id">
720
                           {{organization.name}}</span><span
721

  
722
                       *ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>
723
               </span>
724
               <span *ngIf="result['organizations'].length > 10">...</span>
725
           </div>
726

  
727
           <div *ngIf="result['countries'] && result['countries'].length > 0">
728
               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>
729
           </div>
730
           <div *ngIf="result['websiteURL'] != undefined && result['websiteURL'] != ''">
731
               <span>Website URL: </span>
732
               <span>
733
                   <a href="{{result['websiteURL']}}" target="_blank" class="custom-external custom-icon">
734
                       {{result['websiteURL']}}
735
                   </a>
736
               </span>
737
           </div>
738
           <div *ngIf="result['OAIPMHURL'] != undefined && result['OAIPMHURL'] != ''">
739
               <span>OAI-PMH URL: </span>
740
               <span>
741
                   <a href="{{result['OAIPMHURL']}}" target="_blank" class="custom-external custom-icon">
742
                       {{result['OAIPMHURL']}}
743
                   </a>
744
               </span>
745
           </div>
746

  
747

  
748
       </li>
749
   </ul>
750

  
751
</div> -->
752
<!--div class="uk-first-column">
753
   <div class="el-item uk-panel">
754
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
755
         Aaltodoc Publication Archive
756
      </h6>
757
      <div class="el-meta uk-margin uk-text-meta">Aalto University</div>
758
      <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>
759
         12469 datasets
492
          <div class="questions">
493
            <div class="el-item uk-card uk-card-small uk-card-body">
494
              <ul class="uk-list uk-list-divider">
495
                <li><a href="https://www.openaire.eu/os-primers" target="_blank">Learn about open science policies and
496
                  how to align</a></li>
497
                <li><a href="https://www.openaire.eu/rdm-handbook" target="_blank">Learn more on how to manage your data
498
                  in the open science era</a></li>
499
                <li><a href="https://www.openaire.eu/guides" target="_blank">Find out how to use OpenAIRE to best serve
500
                  your needs</a></li>
501
                <li><a href="https://www.openaire.eu/webinars/" target="_blank">View our training material on a variety
502
                  of related topics</a></li>
503
                <li><a href="https://www.openaire.eu/contact-us/" target="_blank">Contact us</a></li>
504
              </ul>
505
            </div>
506
          </div>
507
        </div>
760 508
      </div>
761
   </div>
762
</div>
763
<div class="uk-grid-margin uk-first-column">
764
   <div class="el-item uk-panel">
765
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom  portal-color">
766
         Cambridge Server
767
      </h6>
768
      <div class="el-meta uk-margin uk-text-meta">Cambridge Uviversity</div>
769
      <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>
770
         4567 publications
771
      </div>
772
   </div>
773
</div>
774
</div>
775
<hr>
776
<div class="uk-margin">
777
<a class=""   routerLinkActive="uk-link" routerLink="/search/find/dataproviders" >
778
View all
779
</a>
780
</div>
781
</div>
782
<div class="uk-width-expand@m">
783
<h5 class="searchFilterTitle">
784
<span>New funders</span>
785
</h5>
786
<div class="uk-margin uk-text-meta">
787
Latest funding database incorporated in OpenAIRE
788
</div>
789
<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="">
790
<div class="uk-first-column">
791
   <div class="el-item uk-panel">
792
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom  portal-color">
793
         Swiss National Science Foundation
794
      </h6>
795
      <div class="el-meta uk-margin uk-text-meta">Switzerland</div>
796
      <div class="el-content uk-margin"><span class="uk-label label-grey">OA mandate</span><br> 47.509 publications</div>
797
   </div>
798
</div>
799
<div class="uk-grid-margin uk-first-column">
800
   <div class="el-item uk-panel">
801
      <h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom  portal-color">
802
         Ministry of Education, Science and Technological Development of Republic of Serbia
803
      </h6>
804
      <div class="el-meta uk-margin uk-text-meta">Serbia</div>
805
      <div class="el-content uk-margin">7.942 publicatios</div>
806
   </div>
807
</div>
808
</div>
809
</div-->
810
<!-- <div class="uk-width-medium uk-grid-item-match">
811

  
812

  
813
   <div class="uk-tile-secondary uk-tile uk-tile-xsmall portal-box"  >
814
    <h3 class="uk-margin-remove-top  ">
815
       Our data policies
816
    </h3>
817
    <ul class="uk-margin-small uk-list uk-list-large">
818
       <li class="el-item">
819
          <h6 class="el-title   uk-margin-remove">Data acquisition</h6>
820
          <h5 class="el-content">
821
             <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>
822
          </h5>
823
       </li>
824
       <li class="el-item">
825
          <h6 class="el-title  uk-margin-remove">Data usage</h6>
826
          <h5 class="el-content">
827
             <a target="_blank" href="www.openaire.eu/policies">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
828
          </h5>
829
       </li>
830
    </ul>
831
    <div class="uk-margin uk-margin-remove-bottom uk-text-left">
832
       <a class="el-content uk-link-text" target="_blank" href="www.openaire.eu/policies">
833
       Learn more
834
       </a>
835 509
    </div>
836
   </div>
837

  
838

  
510
  </div>
839 511
</div>
840
</div>
841
</div>
842
</div> -->
843

  
844 512
<div class="uk-section-muted"
845 513
     uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
846 514
  <div class="uk-container uk-container-large">
847 515
    <other-portals portal="explore" [properties]="properties"></other-portals>
848 516
  </div>
849 517
</div>
850

  
851

  
852
<!--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">
853
<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: ! +">
854
  <div class="uk-position-cover"></div>
855
  <div class="uk-width-1-1">
856
     <div class="uk-position-relative">
857
        <div class="uk-container uk-margin-medium">
858
           <div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
859
           <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
860
              <div class="uk-width-1-1@m uk-first-column">
861
                 <div data-id="page#4">
862
                 <search-form   placeholderText="Search in OpenAIRE information space" link=true></search-form>
863
                 </div>
864
              </div>
865
           </div>
866
        </div>
867
        <div class="uk-container uk-container-large uk-margin-medium">
868
           <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
869
              <div class="uk-width-1-1@m uk-first-column">
870
                 <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="">
871
                    <div  *ngIf="showPublications && publicationsSize"  class="uk-first-column">
872
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
873
                          <h2 class="el-title uk-margin uk-h2">
874
                             <span>{{publicationsSize.number}} {{publicationsSize.size}} publications</span>
875
                          </h2>
876
                       </div>
877
                    </div>
878
                    <div  *ngIf="showDatasets && datasetsSize">
879
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
880
                          <h2 class="el-title uk-margin uk-h2">
881
                             <span>{{datasetsSize.number}} {{datasetsSize.size}} research data</span>
882
                          </h2>
883
                       </div>
884
                    </div>
885
                    <div  *ngIf="showDataProviders && datasourcesSize"  >
886
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
887
                          <h2 class="el-title uk-margin uk-h2">
888
                             <span>{{datasourcesSize.number}} {{datasourcesSize.size}} data sources</span>
889
                          </h2>
890
                       </div>
891
                    </div>
892
                    <div  *ngIf="showProjects && fundersSize">
893
                       <div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
894
                          <h2 class="el-title uk-margin uk-h2">
895
                             <span>{{fundersSize.number}} {{fundersSize.size}} funders</span>
896
                          </h2>
897
                       </div>
898
                    </div>
899
                 </div>
900
                 <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="">
901
                  <span style="color:#fff!important; font-size:30pt!important">all linked together</span>
902
                 </div>
903
              </div>
904
           </div>
905
        </div>
906
     </div>
907
  </div>
908
</div>
909
</div>
910

  
911
<div class="tm-main uk-container" style="min-height:200px">
912
<helper position="bottom"></helper>
913
</div-->

Also available in: Unified diff