Project

General

Profile

1
<div class="provideLanding">
2
  <div class="image-front-topbar  uk-section-default"
3
       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">
4
    <!--<div style="background-image: url('../../../../assets/imgs/landing/Group 1149.svg'); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(-101.35px + 100vh);"-->
5
    <!--<div style="background-image: url('../../../../assets/imgs/landing/Group 1149.svg'); background-color: rgb(255, 255, 255); box-sizing: border-box; min-height: calc(-101.35px + 100vh);"-->
6
    <div style="background: transparent linear-gradient(0deg, #F7F7F7 20%, #E2EEFA 30%) 0% 0% no-repeat padding-box; box-sizing: border-box; min-height: calc(-101.35px + 100vh);"
7
         class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
8
      <div class="uk-width-1-1">
9
        <div class="uk-margin-medium uk-grid uk-grid-stack" uk-grid="">
10
          <div class="uk-width-1-1@m">
11
          </div>
12
        </div>
13
        <div class="uk-container uk-container-large uk-margin-large">
14
          <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;"></div>
15
          <div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
16
            <div class="el-overlay uk-panel uk-width-1-1 uk-dark uk-text-center">
17

    
18
              <h1 class="uk-margin">Find, Share and Enrich your content.</h1>
19

    
20
              <div class="uk-container uk-container-xsmall uk-container-center">
21
                <div class="uk-margin-medium-top uk-margin-medium-left uk-margin-medium-right text-muted">
22
                  The Provide Dashboard is a one-stop-service where content providers (publications, data, software, etc.) interact
23
                  with OpenAIRE and become a building block of a global Open Research Graph. A gateway to the European Open Science Cloud.
24
                </div>
25
              </div>
26

    
27
              <div class="uk-container uk-container-large uk-container-center">
28

    
29
                <div class="uk-margin-large-left uk-margin-large-right uk-margin-top">
30
                  <div class="uk-grid uk-child-width-1-3@l uk-child-width-1-3@m uk-child-width-1-3@s">
31
                    <div class="">
32
                      <img src="../../../../assets/imgs/landing/paidaki_me_xartia.png">
33
                    </div>
34
                    <div style="display: flex; align-items: center; justify-content: center">
35
                      <a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">SIGN IN</a>
36
                    </div>
37
                  </div>
38
                </div>
39

    
40
              </div>
41

    
42
              <!--<div class="el-content uk-margin"><h2 style="color:#1a1a1a!important">A one-stop-shop for sharing, finding and enriching your content</h2></div>-->
43
              <!--<p><a (click)="goToPage('/dashboard')" class="el-link uk-button uk-button-primary">Sign In</a></p>-->
44
            </div>
45
          </div>
46
        </div>
47
      </div>
48
    </div>
49
  </div>
50

    
51
  <div class="uk-section-muted uk-section uk-section-large uk-section-overlap uk-position-relative">
52

    
53
    <h2 class="uk-text-center">PROVIDE Dashboard brings all your data together</h2>
54

    
55
    <div class="uk-margin-medium-left uk-margin-medium-right uk-text-center text-muted">Get front-end access to many of OpenAIRE’s backend services!</div>
56

    
57
    <div class="uk-container uk-container-large uk-margin-medium-top">
58

    
59
      <div class="uk-slider" tabindex="-1" uk-slider="velocity: 0;autoplay: true;autoplay-interval: 5000;pause-on-hover: false;center: true">
60
        <div class="uk-position-relative">
61
          <div class="uk-slider-container">
62
            <ul class="uk-slider-items uk-child-width-1-1" style="transform: translateX(-1300px);">
63
              <li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;">
64
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
65
                  <div class="uk-first-column">
66
                    <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
67
                      <source src="../../../../assets/mp4/validate.mp4" type="video/mp4">
68
                    </video>
69
                    <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">-->
70
                  </div>
71
                  <div class="uk-margin-top">
72
                    <div>
73
                      <div class="uk-text-bold uk-h4">Validate</div>
74
                      <div class="uk-margin-medium">
75
                        Interoperable metadata is key for effective content sharing.
76
                        <ul class="uk-margin-top">
77
                          <li>Use our validation service and see how you can apply the OpenAIRE Guidelines to expose your content using global standards.</li>
78
                        </ul>
79
                      </div>
80
                      <div class="uk-inline">
81
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
82
                      </div>
83
                    </div>
84
                  </div>
85
                </div>
86
              </li>
87
              <li tabindex="-1" style="order: 1;">
88
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
89
                  <div class="uk-first-column">
90
                    <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
91
                      <source src="../../../../assets/mp4/register.mp4" type="video/mp4">
92
                    </video>
93
                    <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">-->
94
                  </div>
95
                  <div class="uk-margin-top">
96
                    <div>
97
                      <div class="uk-text-bold uk-h4">Register</div>
98
                      <div class="uk-margin-medium">
99
                        Reach a wider audience around the world
100
                        <ul class="uk-margin-top">
101
                          <li>Register your literature or data repository, OA Journal, CRIS in OpenAIRE and be part of a global interlinked network. Start now!</li>
102
                        </ul>
103
                      </div>
104
                      <div class="uk-inline">
105
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
106
                      </div>
107
                    </div>
108
                  </div>
109
                </div>
110
              </li>
111
              <li tabindex="-1" style="order: 1;">
112
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
113
                  <div class="uk-first-column">
114
                    <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
115
                      <source src="../../../../assets/mp4/enrich.mp4" type="video/mp4">
116
                    </video>
117
                    <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">-->
118
                  </div>
119
                  <div class="uk-margin-top">
120
                    <div>
121
                      <div class="uk-text-bold uk-h4">Enrich</div>
122
                      <div class="uk-margin-medium">
123
                        Improve your metadata. Get more connections
124
                        <ul class="uk-margin-top">
125
                          <li>Our newly released OA Broker service offers a wealth of information on scholarly communication data. Find out what interests you and subscribe to enrich your records. Learn more!</li>
126
                        </ul>
127
                      </div>
128
                      <div class="uk-inline">
129
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
130
                      </div>
131
                    </div>
132
                  </div>
133
                </div>
134
              </li>
135
              <li tabindex="-1" style="order: 1;">
136
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
137
                  <div class="uk-first-column">
138
                    <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
139
                      <source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4">
140
                    </video>
141
                    <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">-->
142
                  </div>
143
                  <div class="uk-margin-top">
144
                    <div>
145
                      <div class="uk-text-bold uk-h4">Measure</div>
146
                      <div class="uk-margin-medium">
147
                        Open research impact empowers Open Science
148
                        <ul class="uk-margin-top">
149
                          <li>Participate in the Open Metrics service by sharing your usage data. Get the benefit of an aggregated environment to broaden the mechanisms for impact assessment.</li>
150
                        </ul>
151
                      </div>
152
                      <div class="uk-inline">
153
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
154
                      </div>
155
                    </div>
156
                  </div>
157
                </div>
158
              </li>
159
            </ul>
160
          </div>
161
        </div>
162

    
163
        <ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin">
164
          <li uk-slider-item="0" class="uk-active"><a href="#"></a></li>
165
          <li uk-slider-item="1" class=""><a href="#"></a></li>
166
          <li uk-slider-item="2" class=""><a href="#"></a></li>
167
          <li uk-slider-item="3" class=""><a href="#"></a></li>
168
        </ul>
169
      </div>
170

    
171
    </div>
172
  </div>
173

    
174
  <div class="uk-section uk-section-muted uk-section-large uk-preserve-color uk-background-norepeat uk-background-cover uk-background-top-center"
175
       style="background-image: url('../../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;">
176
    <div class="uk-container uk-container-expand">
177

    
178
      <div class="uk-grid uk-child-width-1-3@l">
179
        <div>
180
          <img src="../../../../assets/imgs/landing/avakas.png">
181
        </div>
182
        <div class="uk-width-expand">
183
          <h1 class="uk-text-center">Do numbers make you happy?</h1>
184

    
185
          <div class="uk-grid uk-child-width-1-4@l uk-child-width-1-1@s uk-margin-medium-left uk-margin-medium-right uk-text-center" style="display: flex;align-items: center;height: 70%;">
186

    
187
            <div class="uk-margin-top">
188
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
189
              <div class="uk-text-uppercase">Literature repositories</div>
190
            </div>
191

    
192
            <div class="uk-margin-top">
193
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div>
194
              <div class="uk-text-uppercase">Data repositories</div>
195
            </div>
196

    
197
            <div class="uk-margin-top">
198
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div>
199
              <div class="uk-text-uppercase">OA journals</div>
200
            </div>
201

    
202
            <div class="uk-margin-top">
203
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div>
204
              <div class="uk-text-uppercase">Aggregators</div>
205
            </div>
206
          </div>
207

    
208
        </div>
209
      </div>
210

    
211
    </div>
212

    
213
    <div class="uk-container uk-container-large uk-margin-top">
214
      <div class="uk-grid uk-child-width-1-5@l uk-child-width-1-1@s uk-margin-medium-left">
215

    
216
        <div class="uk-margin-top">
217
          <h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>
218
          <div class="uk-text-uppercase text-small iconsWithText">
219
            <span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
220
            <span>publications</span>
221
          </div>
222
        </div>
223
        <div class="uk-margin-top">
224
          <h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
225
          <div class="uk-text-uppercase text-small iconsWithText">
226
            <span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
227
            <span>datasets</span>
228
          </div>
229
        </div>
230
        <div class="uk-margin-top">
231
          <h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
232
          <div class="uk-text-uppercase text-small iconsWithText">
233
            <span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
234
            <span>software</span>
235
          </div>
236
        </div>
237
        <div class="uk-margin-top">
238
          <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
239
          <div class="uk-text-uppercase text-small iconsWithText">
240
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
241
            <span>metadata exchange events</span>
242
          </div>
243
        </div>
244
        <div class="uk-margin-top">
245
          <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
246
          <div class="uk-text-uppercase text-small iconsWithText">
247
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
248
            <span>usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</span>
249
          </div>
250
        </div>
251
      </div>
252
    </div>
253
  </div>
254

    
255
  <!--<div class="uk-section uk-section-muted uk-section-large text-small" style="background: transparent url('../../../../assets/imgs/landing/kathisto%20paidaki.png') 0% 0% no-repeat padding-box;">-->
256
  <div class="uk-section uk-section-muted uk-padding-remove-top text-small">
257

    
258
    <div style="position: relative; top: 86px; text-align: right;right: 195px;">
259
      <img src="../../../../assets/imgs/landing/kathisto%20paidaki.png" width="130">
260
    </div>
261

    
262

    
263
    <div class="uk-container uk-container-large openAIREGuidelinesBox">
264
      <div>
265

    
266
        <div class="">
267
          <h5 class="uk-text-uppercase uk-text-center uk-margin-remove">
268
            <img src="../../../../assets/imgs/landing/Arrow%20left.svg" style="margin-top: 35px; margin-right: 25px">
269
            <span>Follow OpenAIRE Guidelines</span>
270
            <img src="../../../../assets/imgs/landing/Arrow%20right.svg" style="margin-top: 35px; margin-left: 25px">
271
          </h5>
272
        </div>
273

    
274
        <div style="border-bottom: 1px solid #BFBFBF;border-top: 1px solid #BFBFBF;margin-top: -15px;">
275
          <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
276
            <div class="uk-first-column">
277
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
278
                <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
279
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
280
                <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
281
                  <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
282
                <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
283
                  <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
284
              </div>
285

    
286
            </div>
287

    
288
            <div class="">
289
              <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
290
                <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
291
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
292
                <p>
293
                  <strong>Data Acquisition</strong> - How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks along all data processing stages.
294
                </p>
295
                <p>
296
                  <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
297
                  <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
298
                </p>
299
              </div>
300

    
301
            </div>
302
          </div>
303
        </div>
304

    
305

    
306
        <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
307
          <div class="uk-first-column">
308
            <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
309
              <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
310
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
311
              <p>Learn more: <a href="https://www.openaire.eu/terms-of-use-for-content-providers" target="_blank">https://www.openaire.eu/terms-of-use-for-content-providers</a></p>
312
            </div>
313

    
314
          </div>
315

    
316
          <div class="">
317
            <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
318
              <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
319
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
320
              <p>Read <strong>how to use OpenAIRE</strong> to best serve your needs. <br>Learn more: <a href="https://www.openaire.eu/guides" target="_blank">https://www.openaire.eu/guides</a></p>
321
              <p>Ask a question. Contact us via our <strong>ticketing system.</strong> <br>Learn more: <a href="https://www.openaire.eu/support/helpdesk" target="_blank">https://www.openaire.eu/support/helpdesk</a></p>
322
            </div>
323

    
324
          </div>
325
        </div>
326

    
327
      </div>
328
    </div>
329

    
330
  </div>
331

    
332
  <div class="uk-section uk-section-muted uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-flex uk-flex-middle"
333
       style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
334
    <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
335
         <!--class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle">-->
336
    <!--</div>-->
337
    <div class="uk-container uk-container-xlarge">
338
      <div class="uk-grid uk-flex" style="align-items: center">
339
        <div class="uk-width-3-4@l">
340
          <h2>Contact us to help you.</h2>
341
          <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
342
          <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
343
        </div>
344
        <div class="uk-width-1-4@l">
345
          <img src="../../../../assets/imgs/landing/contact%20us%20provide.png">
346
        </div>
347
      </div>
348
    </div>
349
  </div>
350

    
351
  <div class="uk-section uk-section-muted" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
352
    <div class="uk-container uk-container-large">
353
      <div class="uk-grid uk-margin-large-top uk-margin-large-bottom" uk-grid="">
354
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
355
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
356
            <h4 class="el-title uk-margin uk-h4">
357
              Researcher?
358
            </h4>
359
            <div class="el-content uk-margin">
360
              Explore all OA research results. Link all your research. Build your profile
361
            </div>
362
            <p>
363
              <a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
364
                OpenAIRE.EXPLORE
365
              </a>
366
            </p>
367
          </div>
368
        </div>
369
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
370
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
371
            <h4 class="el-title uk-margin uk-h4">
372
              Research community?
373
            </h4>
374
            <div class="el-content uk-margin">
375
              Use a trusted partner to share, link, disseminate and monitor your research.
376
            </div>
377
            <p>
378
              <a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
379
                OpenAIRE.CONNECT
380
              </a>
381
            </p>
382
          </div>
383
        </div>
384
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match monitor">
385
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
386
            <h4 class="el-title uk-margin uk-h4">
387
              Research manager?
388
            </h4>
389
            <div class="el-content uk-margin">
390
              Use our monitoring services and easily track all relevant research results.
391
            </div>
392
            <p>
393
              <a href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
394
                OpenAIRE.MONITOR
395
              </a>
396
            </p>
397
          </div>
398
        </div>
399
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match develop">
400
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
401
            <h4 class="el-title uk-margin uk-h4">
402
              Developer?
403
            </h4>
404
            <div class="el-content uk-margin">
405
              Get access to OpenAIRE data and capitalize on on Europe's open linked research
406
            </div>
407
            <p>
408
              <a href="https://develop.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
409
                OpenAIRE.DEVELOP
410
              </a>
411
            </p>
412
          </div>
413
        </div>
414
      </div>
415
    </div>
416
  </div>
417

    
418
</div>
(1-1/2)