Project

General

Profile

« Previous | Next » 

Revision 58247

More work in the home and about pages

View differences:

home.component.html
19 19

  
20 20
              <div class="uk-container uk-container-xsmall uk-container-center">
21 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-shop web service where the OpenAIRE content providers interact with OpenAIRE research graph and infrastructure.
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.
23 24
                </div>
24 25
              </div>
25 26

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

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

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

  
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>
55 56

  
56 57
    <div class="uk-container uk-container-large uk-margin-medium-top">
57
      <div class="uk-grid uk-child-width-1-2@l uk-margin-large-left uk-margin-large-right">
58 58

  
59
        <div>
60
          <img src="../../../../assets/imgs/landing/Image%2036.png">
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>
61 149
        </div>
62 150

  
63
        <div>
64
          <h3 class="">Validate</h3>
65
          <div>Interoperable metadata is key for effective content sharing.</div>
66
          <ul>
67
            <li>Use our validation service and see how you can apply the OpenAIRE Guidelines to expose your content using global standards.</li>
68
          </ul>
69
          <button class="uk-button uk-button-primary uk-margin-top">LEARN MORE</button>
70
        </div>
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>
71 158

  
72
      </div>
73 159
    </div>
74 160
  </div>
75 161

  
......
84 170
        <div class="uk-width-expand">
85 171
          <h1 class="uk-text-center">Do numbers make you happy?</h1>
86 172

  
87
          <div class="uk-grid uk-child-width-1-4@l uk-margin-medium-left uk-margin-medium-right" style="display: flex;align-items: center;height: 70%;">
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%;">
88 174

  
89 175
            <div>
90 176
              <div class="bigNumber">{{ (statisticsNumbers && statisticsNumbers.literature) ? (statisticsNumbers.literature | number) : 'N/A' }}</div>
......
128 214
          <div class="uk-text-uppercase text-small">software</div>
129 215
        </div>
130 216
        <div>
131
          <h3>{{ statisticsNumbers ? (statisticsNumbers.lastYearUsagestats.number | number) : 'N/A' }}</h3>
132
          <div class="uk-text-uppercase text-small">usage events ({{ statisticsNumbers ? statisticsNumbers.lastYearUsagestats.year : 'N/A' }})</div>
133
        </div>
134
        <div>
135 217
          <h3>{{ (statisticsNumbers && statisticsNumbers.usagestats) ? statisticsNumbers.usagestats : 'N/A' }}</h3>
136 218
          <div class="uk-text-uppercase text-small">metadata exchange events</div>
137 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>
138 224
      </div>
139 225
    </div>
140 226
  </div>
......
164 250
              <div class="uk-margin-medium-left uk-margin-medium-top uk-margin-medium-bottom">
165 251
                <img width="56" src="../../../../assets/imgs/landing/Guidelines%20color.svg">
166 252
                <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">OpenAIRE Guidelines</div>
167
                <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. Learn more:
253
                <p>Follow the OpenAIRE <strong>Guidelines</strong> to expose your metadata in order to integrate with OpenAIRE infrastructure. <br>Learn more:
168 254
                  <a href="https://guidelines.openaire.eu/en/latest/" target="_blank">https://guidelines.openaire.eu/en/latest/</a></p>
169
                <p>Follow the OpenAIRE <strong>Usage Statistics Guidelines</strong> to get ready to track the usage activity of your data source. Learn more:
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:
170 256
                  <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a></p>
171 257
              </div>
172 258

  
......
180 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.
181 267
                </p>
182 268
                <p>
183
                  <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. Learn more:
269
                  <strong>Data usage</strong> - Who is able to retrieve our data, what are the licences, what about specific SLAs. <br>Learn more:
184 270
                  <a href="https://www.openaire.eu/data-aquisition-policy" target="_blank">https://www.openaire.eu/data-aquisition-policy</a>
185 271
                </p>
186 272
              </div>
......
204 290
            <div class="uk-margin-medium-right uk-margin-medium-top uk-margin-medium-bottom">
205 291
              <img width="38" src="../../../../assets/imgs/landing/Support%20color.svg">
206 292
              <div class="uk-margin-bottom uk-margin-top" style="font-weight: 600">Support</div>
207
              <p>
208
                <strong>Validate</strong> and <strong>register</strong> your repository.<br>
209
                Learn more: <a href="https://www.openaire.eu/validator-registration-guide" target="_blank">https://www.openaire.eu/validator-registration-guide</a>
210
              </p>
211
              <p>
212
                <strong>Enrich</strong> research artifacts with additional metadata.<br>
213
                Learn more: <a href="https://openaire.github.io/usage-statistics-guidelines/" target="_blank">https://openaire.github.io/usage-statistics-guidelines/</a>
214
              </p>
215
              <p>
216
                <strong>Track</strong> the usage activity of your repository.<br>
217
                Learn more: <a href="https://www.openaire.eu/guides-usage-statistics" target="_blank">https://www.openaire.eu/guides-usage-statistics</a>
218
              </p>
219
              <p>
220
                Open Science checklist on <strong>how to license</strong> repositories.<br>
221
                Learn more: <a href="https://www.openaire.eu/making-your-repository-open" target="_blank">https://www.openaire.eu/making-your-repository-open</a>
222
              </p>
223
              <p>
224
                <strong>Training material</strong> for Content Providers.<br>
225
                Learn more: <a href="https://www.openaire.eu/category/content-providers" target="_blank">https://www.openaire.eu/category/content-providers</a>
226
              </p>
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>
227 295
            </div>
228 296

  
229 297
          </div>
......
234 302

  
235 303
  </div>
236 304

  
237
  <div class="uk-section uk-section-muted" style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 70%) 0% 0% no-repeat padding-box; box-sizing: border-box;"
238
       class="uk-background-norepeat uk-background-cover uk-background-top-center uk-background-fixed uk-section uk-flex uk-flex-middle">
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;">
239 307
    <!--<div style="background: transparent linear-gradient(0deg, #E2EEFA 20%, #F7F7F7 30%) 0% 0% no-repeat padding-box; box-sizing: border-box;"-->
240 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">-->
241 309
    <!--</div>-->

Also available in: Unified diff