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">publications</div>
207
        </div>
208
        <div>
209
          <h3>{{ (statisticsNumbers && statisticsNumbers.datasets) ? (statisticsNumbers.datasets | number) : 'N/A' }}</h3>
210
          <div class="uk-text-uppercase text-small">datasets</div>
211
        </div>
212
        <div>
213
          <h3>{{ (statisticsNumbers && statisticsNumbers.software) ? (statisticsNumbers.software | number) : 'N/A' }}</h3>
214
          <div class="uk-text-uppercase text-small">software</div>
215
        </div>
216
        <div>
217
          <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
218
          <div class="uk-text-uppercase text-small">metadata exchange events</div>
219
        </div>
220
        <div>
221
          <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
222
          <div class="uk-text-uppercase text-small">usage statistics views & downloads ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</div>
223
        </div>
224
      </div>
225
    </div>
226
  </div>
227

    
228
  <!--<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;">-->
229
  <div class="uk-section uk-section-muted uk-padding-remove-top text-small">
230

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

    
235

    
236
    <div class="uk-container uk-container-large openAIREGuidelinesBox">
237
      <div>
238

    
239
        <div class="">
240
          <h5 class="uk-text-uppercase uk-text-center uk-margin-remove">
241
            <img src="../../../../assets/imgs/landing/Arrow%20left.svg" style="margin-top: 35px; margin-right: 25px">
242
            <span>Follow OpenAIRE Guidelines</span>
243
            <img src="../../../../assets/imgs/landing/Arrow%20right.svg" style="margin-top: 35px; margin-left: 25px">
244
          </h5>
245
        </div>
246

    
247
        <div style="border-bottom: 1px solid #BFBFBF;border-top: 1px solid #BFBFBF;margin-top: -15px;">
248
          <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
249
            <div class="uk-first-column">
250
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
251
                <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
252
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
253
                <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
254
                  <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
255
                <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. <br>Learn more:
256
                  <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
257
              </div>
258

    
259
            </div>
260

    
261
            <div class="">
262
              <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
263
                <img width="43" src="../../../../assets/imgs/landing/Data%20color.svg">
264
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Our Data Policies</div>
265
                <p>
266
                  <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.
267
                </p>
268
                <p>
269
                  <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
270
                  <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
271
                </p>
272
              </div>
273

    
274
            </div>
275
          </div>
276
        </div>
277

    
278

    
279
        <div class="uk-grid uk-child-width-1-2@l uk-grid-divider">
280
          <div class="uk-first-column">
281
            <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
282
              <img width="55" src="../../../../assets/imgs/landing/Agreement%20color.svg">
283
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Terms of Agreement for Content Providers</div>
284
              <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>
285
            </div>
286

    
287
          </div>
288

    
289
          <div class="">
290
            <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
291
              <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
292
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
293
              <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>
294
              <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>
295
            </div>
296

    
297
          </div>
298
        </div>
299

    
300
      </div>
301
    </div>
302

    
303
  </div>
304

    
305
  <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"
306
       style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;">
307
    <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
308
         <!--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">-->
309
    <!--</div>-->
310
    <div class="uk-container uk-container-xlarge">
311
      <div class="uk-grid uk-flex" style="align-items: center">
312
        <div class="uk-width-3-4@l">
313
          <h2>Contact us to help you.</h2>
314
          <p class="text-muted">Are you looking for more? Get in touch with our team and let us help you.</p>
315
          <button class="uk-margin-large-top uk-text-uppercase uk-button uk-button-primary">Get in touch</button>
316
        </div>
317
        <div class="uk-width-1-4@l">
318
          <img src="../../../../assets/imgs/landing/contact%20us%20provide.png">
319
        </div>
320
      </div>
321
    </div>
322
  </div>
323

    
324
  <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}">
325
    <div class="uk-container uk-container-large">
326
      <div class="uk-grid uk-margin-large-top uk-margin-large-bottom" uk-grid="">
327
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
328
          <div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
329
            <h4 class="el-title uk-margin uk-h4">
330
              Researcher?
331
            </h4>
332
            <div class="el-content uk-margin">
333
              Explore all OA research results. Link all your research. Build your profile
334
            </div>
335
            <p>
336
              <a href="https://{{ inBeta ? 'beta.' : '' }}explore.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
337
                OpenAIRE.EXPLORE
338
              </a>
339
            </p>
340
          </div>
341
        </div>
342
        <div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match connect">
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
              Research community?
346
            </h4>
347
            <div class="el-content uk-margin">
348
              Use a trusted partner to share, link, disseminate and monitor your research.
349
            </div>
350
            <p>
351
              <a href="https://{{ inBeta ? 'beta.' : '' }}connect.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
352
                OpenAIRE.CONNECT
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 monitor">
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 manager?
361
            </h4>
362
            <div class="el-content uk-margin">
363
              Use our monitoring services and easily track all relevant research results.
364
            </div>
365
            <p>
366
              <a href="https://monitor.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
367
                OpenAIRE.MONITOR
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 develop">
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
              Developer?
376
            </h4>
377
            <div class="el-content uk-margin">
378
              Get access to OpenAIRE data and capitalize on on Europe's open linked research
379
            </div>
380
            <p>
381
              <a href="https://develop.openaire.eu" class="el-link uk-button uk-button-default" target="_blank">
382
                OpenAIRE.DEVELOP
383
              </a>
384
            </p>
385
          </div>
386
        </div>
387
      </div>
388
    </div>
389
  </div>
390

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