Project

General

Profile

« Previous | Next » 

Revision 57501

[Trunk | Explore]:
1. Folder assets/explore-assets added (svn external to admin portal).
2. assers/explore-custom.css: Add/Change classes for home page redesign.
3. home.component.ts: Get page help texts.
4. home.component.html:
Page redesign (cards section, numbers section, position of questions section)
Help texts (trello button - position: top, text in orange section - position: right, graph section & cards section - position: bottom, questions section - position: left (hack)).

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
  <div style=" min-height: calc(7.89999px + 60vh);"
12
<!--  style=" min-height: calc(7.89999px + 60vh);"-->
13
  <div
13 14
       class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom">
14 15
    <!-- uk-height-viewport="offset-top: true;offset-bottom: 20"> -->
15 16
    <div class="uk-position-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
......
72 73
              <!--              </div>-->
73 74
              <!--            </div>-->
74 75

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

  
78 79
                  <div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
......
144 145
            </div>
145 146
          </div>
146 147
        </div>
148
<!-- If no help text, uncomment from here-->
147 149
<!--        <div class="uk-text-right uk-padding-small uk-padding-remove-vertical">-->
148
<!--          <a class="uk-button trello-button trello-button-white uk-button-large"-->
150
<!--          <a class="uk-button uk-button-large trello-button trello-button-white"-->
149 151
<!--             href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
150
<!--             target="_blank"-->
151
<!--             (mouseenter)="trelloImg = 'trello-2.svg'"-->
152
<!--             (mouseleave)="trelloImg = 'trello-2.svg'">-->
153
<!--            <img [src]="'assets/' + trelloImg">-->
154
<!--            <span class="uk-margin-left">Give us <b>feedback</b></span>-->
152
<!--             target="_blank">-->
153
<!--            <img [src]="'assets/explore-assets/trello-2.svg'" class="trello-image">-->
154
<!--            <span class="uk-margin-small-left">Give us <b>feedback</b></span>-->
155 155
<!--          </a>-->
156 156
<!--        </div>-->
157
        <div *ngIf="properties.environment !== 'production'" class="uk-text-right uk-padding-small uk-padding-remove-vertical">
158
          <a class="uk-button uk-button-large trello-button trello-button-white"
159
             href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
160
             target="_blank">
161
<!--             (mouseenter)="trelloClass = 'trello-button-blue'"-->
162
<!--             (mouseleave)="trelloClass = 'trello-button-white'">-->
163
            <img [src]="'assets/trello-2.svg'" class="trello-image">
164
            <span class="uk-margin-small-left">Give us <b>feedback</b></span>
165
          </a>
166
        </div>
157
<!-- If no help text, uncomment to here-->
158
        <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
159
                [texts]="pageContents['top']"></helper>
167 160
      </div>
168 161
    </div>
169 162

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

  
327
          <div class="">
328
            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
329
              <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications"
330
                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
331
              <img class="" width="70" height="70" src="assets/share.svg" alt="Share">
330
<!--          <div class="">-->
331
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
332
<!--              <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications"-->
333
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
334
<!--              <img class="" width="70" height="70" src="assets/share.svg" alt="Share">-->
332 335

  
333
              <h3 class="el-title uk-margin uk-h3">
334
                Deposit
335
              </h3>
336
              <div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div>
337
              <div class="  uk-margin-small-top">
338
                Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding
339
                information.
340
                <br>
341
                Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,
342
                a catch-all repository hosted by CERN to deposit all your research results (publications, data,
343
                software, etc.)
344
              </div>
345
            </div>
346
          </div>
336
<!--              <h3 class="el-title uk-margin uk-h3">-->
337
<!--                Deposit-->
338
<!--              </h3>-->
339
<!--              <div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div>-->
340
<!--              <div class="  uk-margin-small-top">-->
341
<!--                Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding-->
342
<!--                information.-->
343
<!--                <br>-->
344
<!--                Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,-->
345
<!--                a catch-all repository hosted by CERN to deposit all your research results (publications, data,-->
346
<!--                software, etc.)-->
347
<!--              </div>-->
348
<!--            </div>-->
349
<!--          </div>-->
347 350

  
348 351

  
349
          <div class="">
350
            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
351
              <img class="" width="60" height="70" src="assets/link.svg" alt="Link">
352
              <a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim"
353
                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
352
<!--          <div class="">-->
353
<!--            <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
354
<!--              <img class="" width="60" height="70" src="assets/link.svg" alt="Link">-->
355
<!--              <a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim"-->
356
<!--                 class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
354 357

  
355
              <h3 class="el-title uk-margin uk-h3">
356
                Link
357
              </h3>
358
              <div class="el-content uk-margin uk-text-lead">Connect all your research</div>
359
              <div class="  uk-margin-small-top">
360
                If you can't find your research results in OpenAIRE, don't worry!
358
<!--              <h3 class="el-title uk-margin uk-h3">-->
359
<!--                Link-->
360
<!--              </h3>-->
361
<!--              <div class="el-content uk-margin uk-text-lead">Connect all your research</div>-->
362
<!--              <div class="  uk-margin-small-top">-->
363
<!--                If you can't find your research results in OpenAIRE, don't worry!-->
364
<!--                <br>-->
365
<!--                Use our <strong>LINK OUT service</strong>,-->
366
<!--                that reaches out to many external sources via APIs, to connect your research results and-->
367
<!--                <em>claim</em> them to your project.-->
368
<!--              </div>-->
369
<!--            </div>-->
370
<!--          </div>-->
371

  
372
<!--        </div>-->
373
<!--      </div>-->
374
<!--    </div>-->
375
<!--  </div>-->
376
<!--</div>-->
377

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

  
416
<!-- For old numbers section, comment from here-->
417
<div class="uk-section-default uk-section numbers-background">
418
  <div class="uk-container uk-text-center">
419
    <div class="uk-margin-medium uk-flex-center">
420
      <div class="uk-first-column">
421
        <div class="uk-panel">
422
          <h2 class="uk-margin uk-h2 uk-text-center">
423
            Our growing <span class="uk-text-bold">Community</span>
424
          </h2>
425
          <div class="uk-margin-large-top">
426
            <div class="uk-grid uk-child-width-1-3@m">
427
              <p *ngIf="showProjects && fundersSize">
428
                <span class="portal-color emphasis">
429
                  <span class="uk-text-bold"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
430
                </span>
361 431
                <br>
362
                Use our <strong>LINK OUT service</strong>,
363
                that reaches out to many external sources via APIs, to connect your research results and
364
                <em>claim</em> them to your project.
365
              </div>
432
                <span class="uk-text-uppercase uk-text-large">Funders</span>
433
              </p>
434
              <p *ngIf="showDataProviders && datasourcesSize" class="">
435
                <span class="">
436
                  <span class="portal-color emphasis uk-text-bold"> {{datasourcesSize.number|number}}</span>
437
                  <span class="portal-color uk-h2">{{datasourcesSize.size}}</span>
438
                </span>
439
                <br>
440
                <span class="uk-text-uppercase uk-text-large">Content providers</span>
441
              </p>
442
              <p *ngIf="showProjects && projectsSize">
443
                <span class="">
444
                  <span class="portal-color emphasis uk-text-bold"> {{projectsSize.number|number}}</span>
445
                  <span class="portal-color uk-h2">{{projectsSize.size}}</span>
446
                </span>
447
                <br>
448
                <span class="uk-text-uppercase uk-text-large">Projects</span>
449
              </p>
366 450
            </div>
367 451
          </div>
368

  
369 452
        </div>
370 453
      </div>
371 454
    </div>
372 455
  </div>
373
</div>
374 456

  
375
<div class="uk-section-muted uk-section uk-section-small">
376
  <div class="uk-container uk-container-large">
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 class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m
380
             uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">
381
          <div class="uk-first-column uk-text-center">
382
            <div class="el-item uk-card uk-card-small uk-card-body">
383
              <img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true">
384
              <h3 class="el-title uk-margin uk-h3">Have more questions?</h3>
385
            </div>
386
          </div>
387
          <div class="questions">
388
            <div class="el-item uk-card uk-card-small uk-card-body">
389
              <ul class="uk-list uk-list-divider">
390
                <li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a>
391
                </li>
392
                <li><a
393
                  href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science
394
                  era</a>
395
                </li>
396
                <li><a href="https://www.openaire.eu/guides">Find out how to use OpenAIRE to best serve your needs</a>
397
                </li>
398
                <li><a
399
                  href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a>
400
                </li>
401
                <li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li>
402
              </ul>
403
            </div>
404
          </div>
457
  <div class="uk-container uk-margin-large-top">
458
    <div class="uk-grid uk-flex uk-flex-center">
459
      <div class="uk-margin-large-right">
460
        <div *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">
461
          <p>
462
            <span class="emphasis">{{publicationsSize.count|number}} </span><br>
463
            <span class="uk-icon uk-text-uppercase uk-float-left">
464
              <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>
465
              publications
466
            </span>
467
          </p>
405 468
        </div>
469
        <div *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">
470
          <p>
471
            <span class="emphasis">{{softwareSize.count|number}} </span><br>
472
            <span class="uk-icon uk-text-uppercase uk-float-left">
473
              <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>
474
              software
475
            </span>
476
          </p>
477
        </div>
406 478
      </div>
479
      <div class="">
480
        <div *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">
481
          <p>
482
            <span class="emphasis">{{datasetsSize.count|number}} </span><br>
483
            <span class="uk-icon uk-text-uppercase uk-float-left">
484
              <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>
485
              research data
486
            </span>
487
          </p>
488
        </div>
489
        <div *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">
490
          <p>
491
            <span class="emphasis">{{otherSize.count|number}} </span><br>
492
            <span class="uk-icon uk-text-uppercase uk-float-left">
493
              <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>
494
              other research products
495
            </span>
496
          </p>
497
        </div>
498
      </div>
407 499
    </div>
408 500
  </div>
409 501
</div>
502
<!-- For old numbers section, comment to here-->
410 503

  
411
<div class="uk-section-default uk-section">
412
  <div class="uk-container">
413
    <div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid="">
414
      <div class="uk-width-2-3@m uk-first-column">
415
        <div class="uk-margin-medium-top uk-panel">
416
          <h3 class="el-title uk-margin uk-h3">
417
            Our community
418
          </h3>
419
          <hr class="uk-divider-small uk-text-left provide">
504
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"
505
        [texts]="pageContents['left']"></helper>
506
<!-- For old numbers section, uncomment from here-->
507
<!--<div class="uk-section-default uk-section">-->
508
<!--  <div class="uk-container">-->
509
<!--    <div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid="">-->
510
<!--      <div class="uk-width-2-3@m uk-first-column">-->
511
<!--        <div class="uk-margin-medium-top uk-panel">-->
512
<!--          <h3 class="el-title uk-margin uk-h3">-->
513
<!--            Our community-->
514
<!--          </h3>-->
515
<!--          <hr class="uk-divider-small uk-text-left provide">-->
420 516

  
421
          <div class="uk-grid uk-margin-medium-top">
517
<!--          <div class="uk-grid uk-margin-medium-top">-->
422 518

  
423
            <div class="uk-width-expand@m">
424
              <p *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">
425
                <span class="emphasis portal-color">{{publicationsSize.count|number}} </span><br><span
426
                class="uk-text-uppercase"> publications</span>
427
              </p>
428
              <p *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">
429
                <span class="emphasis portal-color">{{otherSize.count|number}} </span><br><span
430
                class="uk-text-uppercase"> other research products</span>
431
              </p>
519
<!--            <div class="uk-width-expand@m">-->
520
<!--              <p *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">-->
521
<!--                <span class="emphasis portal-color">{{publicationsSize.count|number}} </span><br><span-->
522
<!--                class="uk-text-uppercase"> publications</span>-->
523
<!--              </p>-->
524
<!--              <p *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">-->
525
<!--                <span class="emphasis portal-color">{{otherSize.count|number}} </span><br><span-->
526
<!--                class="uk-text-uppercase"> other research products</span>-->
527
<!--              </p>-->
432 528

  
433
            </div>
434
            <div class="uk-width-expand@m">
435
              <p *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">
436
                <span class="emphasis portal-color">{{datasetsSize.count|number}} </span><br><span
437
                class="uk-text-uppercase"> research data</span>
438
              </p>
439
              <p *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">
440
                <span class="emphasis portal-color">{{softwareSize.count|number}} </span><br><span
441
                class="uk-text-uppercase"> software</span>
442
              </p>
529
<!--            </div>-->
530
<!--            <div class="uk-width-expand@m">-->
531
<!--              <p *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">-->
532
<!--                <span class="emphasis portal-color">{{datasetsSize.count|number}} </span><br><span-->
533
<!--                class="uk-text-uppercase"> research data</span>-->
534
<!--              </p>-->
535
<!--              <p *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">-->
536
<!--                <span class="emphasis portal-color">{{softwareSize.count|number}} </span><br><span-->
537
<!--                class="uk-text-uppercase"> software</span>-->
538
<!--              </p>-->
443 539

  
444
            </div>
540
<!--            </div>-->
445 541

  
446
          </div>
542
<!--          </div>-->
447 543

  
448
          <div class="uk-margin-top">
449
            <div class="uk-grid uk-child-width-1-3@m">
450
              <p *ngIf="showDataProviders && datasourcesSize" class="uk-margin-medium-bottom">
451
                <span class="  emphasis "> {{datasourcesSize.number |number}} {{datasourcesSize.size}}</span><br>
452
                <span class="uk-text-uppercase">content providers</span>
453
              </p>
454
              <p *ngIf="showProjects && fundersSize">
455
                <span class="  emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br>
456
                <span class="uk-text-uppercase">Funders</span>
457
              </p>
458
              <p *ngIf="showProjects && projectsSize">
459
                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>
460
                <span class="uk-text-uppercase">Projects</span>
461
              </p>
462
            </div>
463
            <!-- <div class="uk-grid uk-child-width-1-2@m uk-margin-small-top">
544
<!--          <div class="uk-margin-top">-->
545
<!--            <div class="uk-grid uk-child-width-1-3@m">-->
546
<!--              <p *ngIf="showDataProviders && datasourcesSize" class="uk-margin-medium-bottom">-->
547
<!--                <span class="  emphasis "> {{datasourcesSize.number |number}} {{datasourcesSize.size}}</span><br>-->
548
<!--                <span class="uk-text-uppercase">content providers</span>-->
549
<!--              </p>-->
550
<!--              <p *ngIf="showProjects && fundersSize">-->
551
<!--                <span class="  emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br>-->
552
<!--                <span class="uk-text-uppercase">Funders</span>-->
553
<!--              </p>-->
554
<!--              <p *ngIf="showProjects && projectsSize">-->
555
<!--                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>-->
556
<!--                <span class="uk-text-uppercase">Projects</span>-->
557
<!--              </p>-->
558
<!--            </div>-->
559
<!--            &lt;!&ndash; <div class="uk-grid uk-child-width-1-2@m uk-margin-small-top">-->
464 560

  
465
              <p *ngIf="showProjects && projectsSize">
466
                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>
467
                <span class="uk-text-uppercase">Projects</span>
468
              </p>
469
            </div> -->
561
<!--              <p *ngIf="showProjects && projectsSize">-->
562
<!--                <span class=" emphasis ">{{projectsSize.count|number}} </span><br>-->
563
<!--                <span class="uk-text-uppercase">Projects</span>-->
564
<!--              </p>-->
565
<!--            </div> &ndash;&gt;-->
470 566

  
471 567

  
472
          </div>
473
        </div>
474
      </div>
475
      <div class="uk-width-expand@m">
568
<!--          </div>-->
569
<!--        </div>-->
570
<!--      </div>-->
571
<!--      <div class="uk-width-expand@m">-->
476 572

  
477
        <div class="uk-card uk-card-body uk-card-explore">
573
<!--        <div class="uk-card uk-card-body uk-card-explore">-->
478 574

  
479
          <h3 class="uk-margin-remove-top uk-h3">
480
            <span class="">Our data policies</span>
481
          </h3>
482
          <hr class="uk-divider-small uk-text-left">
575
<!--          <h3 class="uk-margin-remove-top uk-h3">-->
576
<!--            <span class="">Our data policies</span>-->
577
<!--          </h3>-->
578
<!--          <hr class="uk-divider-small uk-text-left">-->
483 579

  
484
          <ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom">
485
            <li class="el-item uk-margin-medium-bottom">
486
              <h5 class="el-title uk-h5">Data acquisition</h5>
487
              <div class="el-content">
488
                <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>
489
              </div>
490
            </li>
491
            <li class="el-item">
492
              <h5 class="el-title uk-h5">Data usage</h5>
493
              <div class="el-content">
494
                <span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span>
495
              </div>
496
            </li>
497
          </ul>
498
          <div class="uk-margin uk-margin-remove-bottom uk-text-left">
499
            <h6 class="uk-h6">
500
              <a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank">
501
                Learn more
502
              </a>
503
            </h6>
504
          </div>
505
        </div>
580
<!--          <ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom">-->
581
<!--            <li class="el-item uk-margin-medium-bottom">-->
582
<!--              <h5 class="el-title uk-h5">Data acquisition</h5>-->
583
<!--              <div class="el-content">-->
584
<!--                <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>-->
585
<!--              </div>-->
586
<!--            </li>-->
587
<!--            <li class="el-item">-->
588
<!--              <h5 class="el-title uk-h5">Data usage</h5>-->
589
<!--              <div class="el-content">-->
590
<!--                <span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span>-->
591
<!--              </div>-->
592
<!--            </li>-->
593
<!--          </ul>-->
594
<!--          <div class="uk-margin uk-margin-remove-bottom uk-text-left">-->
595
<!--            <h6 class="uk-h6">-->
596
<!--              <a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank">-->
597
<!--                Learn more-->
598
<!--              </a>-->
599
<!--            </h6>-->
600
<!--          </div>-->
601
<!--        </div>-->
506 602

  
507 603

  
508
      </div>
509
    </div>
510
  </div>
511
</div>
604
<!--      </div>-->
605
<!--    </div>-->
606
<!--  </div>-->
607
<!--</div>-->
608
<!-- For old numbers section, uncomment to here-->
609

  
512 610
<!-- <div class="uk-section-default uk-section">
513 611
   <div class="uk-container">
514 612
      <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> -->

Also available in: Unified diff