Project

General

Profile

1
<div id="page_content">
2
  <div id="page_content_inner" class="whiteBackground uk-padding-remove-left uk-padding-remove-right">
3

    
4
    <div *ngIf="loadingMessage" class="loading-big">
5
      <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">{{ loadingMessage }}</div>
6
      <div class="transparentFilm"></div>
7
    </div>
8

    
9
    <div *ngIf="!loadingMessage" class="uk-margin-top">
10
      <div class="uk-section">
11
        <div class="uk-margin-large-left uk-margin-large-right">
12
          <h3 class="heading_b" style="font-weight: 500">You have not yet registered any repositories</h3>
13

    
14
          <div class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-match">
15

    
16
            <div class="">
17
              <div class="md-card md-card-hover">
18
                <a [routerLink]="['/sources/register']">
19
                  <div class="md-card-content large-padding" style="min-height: 150px;">
20
                    <div class="">
21
                      <strong>Register</strong>
22
                    </div>
23
                    <p>Register data sources in the OpenAIRE infrastructure.</p>
24
                  </div>
25
                </a>
26
              </div>
27
            </div>
28

    
29

    
30
            <div class="">
31
              <div class="md-card md-card-hover">
32
                <a [routerLink]="['/compatibility/validate']">
33
                  <div class="md-card-content large-padding" style="min-height: 150px;">
34
                    <div class="">
35
                      <strong>Validate</strong>
36
                    </div>
37
                    <p>Validate data sources against OpenAIRE guidelines.</p>
38
                  </div>
39
                </a>
40
              </div>
41
            </div>
42
          </div>
43
        </div>
44
      </div>
45

    
46
      <div class="uk-section uk-background-norepeat uk-background-cover uk-background-top-center"
47
           style="background-image: url('../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;">
48
        <div class="uk-margin-large-top uk-margin-large-left uk-margin-large-right">
49
          <h3 class="heading_b" style="font-weight: 700">Take a look at the Provide Dashboard and functionalities</h3>
50

    
51
          <div class="uk-container uk-container-large uk-margin-medium-top">
52

    
53
            <div class="uk-slider" tabindex="-1" uk-slider="velocity: 0;autoplay: true;autoplay-interval: 5000;pause-on-hover: false;center: true">
54
              <div class="uk-position-relative">
55
                <div class="uk-slider-container">
56
                  <ul class="uk-slider-items uk-child-width-1-1" style="transform: translateX(-1300px);">
57
                    <li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;">
58
                      <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
59
                        <div class="uk-first-column">
60
                          <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
61
                            <source src="../../../../assets/mp4/validate.mp4" type="video/mp4">
62
                          </video>
63
                          <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif">-->
64
                        </div>
65
                        <div class="uk-margin-top">
66
                          <div>
67
                            <div class="uk-text-bold uk-h4">Validate</div>
68
                            <div class="uk-margin-medium">
69
                              Interoperable metadata is key for effective content sharing.
70
                              <p class="uk-margin-top">
71
                                OpenAIRE guidelines are a global standard to expose and share your content. Use our validation service and see how you can apply them.
72
                              </p>
73
                            </div>
74
                            <div class="uk-inline">
75
                              <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
76
                            </div>
77
                          </div>
78
                        </div>
79
                      </div>
80
                    </li>
81
                    <li tabindex="-1" style="order: 1;">
82
                      <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
83
                        <div class="uk-first-column">
84
                          <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
85
                            <source src="../../../../assets/mp4/register.mp4" type="video/mp4">
86
                          </video>
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
                              <p class="uk-margin-top">
95
                                Register your literature or data repository, OA Journal, CRIS in OpenAIRE and be part of a global interlinked network.
96
                              </p>
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
                          <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
109
                            <source src="../../../../assets/mp4/enrich.mp4" type="video/mp4">
110
                          </video>
111
                          <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif">-->
112
                        </div>
113
                        <div class="uk-margin-top">
114
                          <div>
115
                            <div class="uk-text-bold uk-h4">Enrich</div>
116
                            <div class="uk-margin-medium">
117
                              Improve your metadata. Get more connections.
118
                              <p class="uk-margin-top">
119
                                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.
120
                              </p>
121
                            </div>
122
                            <div class="uk-inline">
123
                              <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
124
                            </div>
125
                          </div>
126
                        </div>
127
                      </div>
128
                    </li>
129
                    <li tabindex="-1" style="order: 1;">
130
                      <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
131
                        <div class="uk-first-column">
132
                          <video class="uk-box-shadow-large uk-border-rounded" autoplay loop>
133
                            <source src="../../../../assets/mp4/usage-stat.mp4" type="video/mp4">
134
                          </video>
135
                          <!--<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif">-->
136
                        </div>
137
                        <div class="uk-margin-top">
138
                          <div>
139
                            <div class="uk-text-bold uk-h4">Usage statistics</div>
140
                            <div class="uk-margin-medium">
141
                              Open research impact empowers Open Science.
142
                              <p class="uk-margin-top">
143
                                Share usage data via OpenAIRE's global Open Metrics Service. Get the benefit of an aggregated environment to broaden the mechanisms for impact assessment.
144
                              </p>
145
                            </div>
146
                            <div class="uk-inline">
147
                              <a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a>
148
                            </div>
149
                          </div>
150
                        </div>
151
                      </div>
152
                    </li>
153
                  </ul>
154
                </div>
155
              </div>
156

    
157
              <ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin">
158
                <li uk-slider-item="0" class="uk-active"><a href="#"></a></li>
159
                <li uk-slider-item="1" class=""><a href="#"></a></li>
160
                <li uk-slider-item="2" class=""><a href="#"></a></li>
161
                <li uk-slider-item="3" class=""><a href="#"></a></li>
162
              </ul>
163
            </div>
164

    
165
          </div>
166

    
167
        </div>
168
      </div>
169
    </div>
170

    
171
  </div>
172
</div>
(1-1/2)