Project

General

Profile

« Previous | Next » 

Revision 60866

[Graph | Trunk]: Create Team and References pages. Change about architecture images

View differences:

home.component.html
116 116
  </div>
117 117
</div>
118 118
<div>
119
  Explore
120
</div>
121
<div id="cases">
122
  <div class="uk-section uk-container uk-container-large">
123
    <div class="uk-padding-small">
124
      <div class="uk-text-center">
125
        <h2 class="uk-margin-remove-bottom">Use Cases</h2>
126
        <h6 class="uk-margin-small-top">Brief presentations of our success stories</h6>
127
      </div>
128
      <div class="uk-grid uk-child-width-1-3@m uk-child-width-1-1" uk-grid>
129
        <div class="">
130

  
131
        </div>
132
      </div>
133
    </div>
134
  </div>
135
</div>
136
<div>
119 137
  <div class="services">
120 138
    <div class="uk-section uk-container uk-container-large">
121 139
      <div class="uk-padding-small">
......
285 303
      <h2 class="uk-text-center">
286 304
        We believe in <span class="uk-text-bold">Numbers</span>
287 305
      </h2>
288
      <div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
289
        <div class="uk-grid uk-child-width-1-3@m">
290
          <div *ngIf="fundersSize">
291
            <h3>
292
              <a href="https://explore.openaire.eu/search/find/projects" target="_blank" class="uk-text-bold number">
293
                {{fundersSize.number|number}}<span class="number-size">{{fundersSize.size}}</span>
294
              </a>
295
            </h3>
296
            <span class="uk-text-uppercase uk-text-large">Funders</span>
297
          </div>
298
          <div *ngIf="datasourcesSize">
299
            <h3>
300
              <a href="https://explore.openaire.eu/search/find/dataproviders" target="_blank"
301
                 class="uk-text-bold number">
302
                {{datasourcesSize.number|number}}<span class="number-size">{{datasourcesSize.size}}</span>
303
              </a>
304
            </h3>
305
            <span class="uk-text-uppercase uk-text-large">Content providers</span>
306
          </div>
307
          <div *ngIf="projectsSize">
308
            <h3>
309
              <a href="https://explore.openaire.eu/search/find/projects" target="_blank" class="uk-text-bold number">
310
                {{projectsSize.number|number}}<span class="number-size">{{projectsSize.size}}</span>
311
              </a>
312
            </h3>
313
            <span class="uk-text-uppercase uk-text-large">Projects</span>
314
          </div>
315
        </div>
316
      </div>
317
      <div class="numbers-background uk-section">
318
        <div class="uk-container">
319
          <div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large" uk-grid>
320
            <div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
321
              <div class="number-width">
322
                <a href="https://explore.openaire.eu/search/find/research-outcomes?type=publications&qf=false"
323
                   target="_blank" class="number uk-text-bold uk-margin-bottom">{{publicationsSize.count|number}} </a>
324
                <div class="uk-text-uppercase uk-flex uk-flex-middle">
325
                  <icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right"
326
                        customClass="uk-text-secondary"></icon>
327
                  <span>publications</span>
328
                </div>
329
              </div>
330
            </div>
331
            <div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
332
              <div class="number-width">
333
                <a href="https://explore.openaire.eu/search/find/research-outcomes?type=datasets&qf=false"
334
                   target="_blank" class="number uk-text-bold uk-margin-bottom">{{datasetsSize.count|number}} </a>
335
                <div class="uk-text-uppercase uk-flex uk-flex-middle">
336
                  <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right"
337
                        customClass="uk-text-secondary"></icon>
338
                  <span>research data</span>
339
                </div>
340
            </div>
341
          </div>
342
          <div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center">
343
            <div class="number-width">
344
              <a href="https://explore.openaire.eu/search/find/research-outcomes?type=software&qf=false"
345
                 target="_blank"  class="number uk-text-bold uk-margin-bottom">{{softwareSize.count|number}} </a>
346
              <div class="uk-text-uppercase uk-flex uk-flex-middle">
347
                <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right"
348
                      customClass="uk-text-secondary"></icon>
349
                <span>software</span>
350
              </div>
351
            </div>
352
          </div>
353
          <div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center">
354
            <div class="number-width">
355
              <a href="https://explore.openaire.eu/search/find/research-outcomes?type=other&qf=false"
356
                 target="_blank" class="number uk-text-bold uk-margin-bottom">{{otherSize.count|number}} </a>
357
              <div class="uk-text-uppercase uk-flex uk-flex-middle">
358
                <icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right"
359
                      customClass="uk-text-secondary"></icon>
360
                <span>other research products</span>
361
              </div>
362
            </div>
363
          </div>
364
        </div>
365
      </div>
306
      <numbers></numbers>
366 307
    </div>
367 308
  </div>
368 309
</div>
369
</div>
370 310
<div>
371 311
  <div class="uk-section uk-container">
372 312
    <div class="uk-padding-small">

Also available in: Unified diff