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
                    <img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">
67
                  </div>
68
                  <div class="uk-margin-top">
69
                    <div>
70
                      <div class="uk-text-bold uk-h4">Validate</div>
71
                      <div class="uk-margin-medium">
72
                        Interoperable metadata is key for effective content sharing.
73
                        <ul class="uk-margin-top">
74
                          <li>Use our validation service and see how you can apply the OpenAIRE Guidelines to expose your content using global standards.</li>
75
                        </ul>
76
                      </div>
77
                      <div class="uk-inline">
78
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
79
                      </div>
80
                    </div>
81
                  </div>
82
                </div>
83
              </li>
84
              <li tabindex="-1" style="order: 1;">
85
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
86
                  <div class="uk-first-column">
87
                    <img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif">
88
                  </div>
89
                  <div class="uk-margin-top">
90
                    <div>
91
                      <div class="uk-text-bold uk-h4">Register</div>
92
                      <div class="uk-margin-medium">
93
                        Reach a wider audience around the world
94
                        <ul class="uk-margin-top">
95
                          <li>Register your literature or data repository, OA Journal, CRIS in OpenAIRE and be part of a global interlinked network. Start now!</li>
96
                        </ul>
97
                      </div>
98
                      <div class="uk-inline">
99
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
100
                      </div>
101
                    </div>
102
                  </div>
103
                </div>
104
              </li>
105
              <li tabindex="-1" style="order: 1;">
106
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
107
                  <div class="uk-first-column">
108
                    <img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">
109
                  </div>
110
                  <div class="uk-margin-top">
111
                    <div>
112
                      <div class="uk-text-bold uk-h4">Enrich</div>
113
                      <div class="uk-margin-medium">
114
                        Improve your metadata. Get more connections
115
                        <ul class="uk-margin-top">
116
                          <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>
117
                        </ul>
118
                      </div>
119
                      <div class="uk-inline">
120
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
121
                      </div>
122
                    </div>
123
                  </div>
124
                </div>
125
              </li>
126
              <li tabindex="-1" style="order: 1;">
127
                <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
128
                  <div class="uk-first-column">
129
                    <img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">
130
                  </div>
131
                  <div class="uk-margin-top">
132
                    <div>
133
                      <div class="uk-text-bold uk-h4">Measure</div>
134
                      <div class="uk-margin-medium">
135
                        Open research impact empowers Open Science
136
                        <ul class="uk-margin-top">
137
                          <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>
138
                        </ul>
139
                      </div>
140
                      <div class="uk-inline">
141
                        <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
142
                      </div>
143
                    </div>
144
                  </div>
145
                </div>
146
              </li>
147
            </ul>
148
          </div>
149
        </div>
150

    
151
        <ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin">
152
          <li uk-slider-item="0" class="uk-active"><a href="#"></a></li>
153
          <li uk-slider-item="1" class=""><a href="#"></a></li>
154
          <li uk-slider-item="2" class=""><a href="#"></a></li>
155
          <li uk-slider-item="3" class=""><a href="#"></a></li>
156
        </ul>
157
      </div>
158

    
159
    </div>
160
  </div>
161

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

    
166
      <div class="uk-grid uk-child-width-1-3@l">
167
        <div>
168
          <img src="../../../../assets/imgs/landing/avakas.png">
169
        </div>
170
        <div class="uk-width-expand">
171
          <h1 class="uk-text-center">Do numbers make you happy?</h1>
172

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

    
175
            <div>
176
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
177
              <div class="uk-text-uppercase">Literature repositories</div>
178
            </div>
179

    
180
            <div>
181
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.journal) ? (statisticsNumbers.journal | number) : 'N/A' }}</div>
182
              <div class="uk-text-uppercase">Data repositories</div>
183
            </div>
184

    
185
            <div>
186
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.dataRepositories) ? (statisticsNumbers.dataRepositories | number) : 'N/A' }}</div>
187
              <div class="uk-text-uppercase">OA journals</div>
188
            </div>
189

    
190
            <div>
191
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.aggregators) ? (statisticsNumbers.aggregators | number) : 'N/A' }}</div>
192
              <div class="uk-text-uppercase">Aggregators</div>
193
            </div>
194
          </div>
195

    
196
        </div>
197
      </div>
198

    
199
    </div>
200

    
201
    <div class="uk-container uk-container-large">
202
      <div class="uk-grid uk-child-width-1-5@l uk-margin-medium-left">
203

    
204
        <div>
205
          <h3>{{ (statisticsNumbers && statisticsNumbers.publications) ? (statisticsNumbers.publications | number) : 'N/A' }}</h3>
206
          <div class="uk-text-uppercase text-small iconsWithText">
207
            <span><i class="fas fa-book fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
208
            <span>publications</span>
209
          </div>
210
        </div>
211
        <div>
212
          <h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
213
          <div class="uk-text-uppercase text-small iconsWithText">
214
            <span><i class="fas fa-database fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
215
            <span>datasets</span>
216
          </div>
217
        </div>
218
        <div>
219
          <h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
220
          <div class="uk-text-uppercase text-small iconsWithText">
221
            <span><i class="fas fa-cog fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
222
            <span>software</span>
223
          </div>
224
        </div>
225
        <div>
226
          <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
227
          <div class="uk-text-uppercase text-small iconsWithText">
228
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
229
            <span>metadata exchange events</span>
230
          </div>
231
        </div>
232
        <div>
233
          <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
234
          <div class="uk-text-uppercase text-small iconsWithText">
235
            <span><i class="fas fa-globe-americas fa-2x uk-margin-small-right" style="color: #3EC8FE"></i></span>
236
            <span>usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</span>
237
          </div>
238
        </div>
239
      </div>
240
    </div>
241
  </div>
242

    
243
  <!--<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;">-->
244
  <div class="uk-section uk-section-muted uk-padding-remove-top text-small">
245

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

    
250

    
251
    <div class="uk-container uk-container-large openAIREGuidelinesBox">
252
      <div>
253

    
254
        <div class="">
255
          <h5 class="uk-text-uppercase uk-text-center uk-margin-remove">
256
            <img src="../../../../assets/imgs/landing/Arrow%20left.svg" style="margin-top: 35px; margin-right: 25px">
257
            <span>Follow OpenAIRE Guidelines</span>
258
            <img src="../../../../assets/imgs/landing/Arrow%20right.svg" style="margin-top: 35px; margin-left: 25px">
259
          </h5>
260
        </div>
261

    
262
        <div style="border-bottom: 1px solid #BFBFBF;border-top: 1px solid #BFBFBF;margin-top: -15px;">
263
          <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
264
            <div class="uk-first-column">
265
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
266
                <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
267
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
268
                <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
269
                  <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
270
                <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
271
                  <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
272
              </div>
273

    
274
            </div>
275

    
276
            <div class="">
277
              <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
278
                <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
279
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
280
                <p>
281
                  <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.
282
                </p>
283
                <p>
284
                  <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
285
                  <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
286
                </p>
287
              </div>
288

    
289
            </div>
290
          </div>
291
        </div>
292

    
293

    
294
        <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
295
          <div class="uk-first-column">
296
            <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
297
              <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
298
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
299
              <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>
300
            </div>
301

    
302
          </div>
303

    
304
          <div class="">
305
            <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
306
              <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
307
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
308
              <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>
309
              <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>
310
            </div>
311

    
312
          </div>
313
        </div>
314

    
315
      </div>
316
    </div>
317

    
318
  </div>
319

    
320
  <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"
321
       style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
322
    <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
323
         <!--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">-->
324
    <!--</div>-->
325
    <div class="uk-container uk-container-xlarge">
326
      <div class="uk-grid uk-flex" style="align-items: center">
327
        <div class="uk-width-3-4@l">
328
          <h2>Contact us to help you.</h2>
329
          <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
330
          <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
331
        </div>
332
        <div class="uk-width-1-4@l">
333
          <img src="../../../../assets/imgs/landing/contact%20us%20provide.png">
334
        </div>
335
      </div>
336
    </div>
337
  </div>
338

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

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