Project

General

Profile

1
import {Component} from "@angular/core";
2

    
3
@Component({
4
  selector: 'how',
5
  template: `
6
    <div class="how uk-h6">
7
      <div class="uk-flex uk-flex-wrap">
8
        <div class="uk-width-1-3@s first uk-text-muted">
9
          <div>
10
            <img src="assets/common-assets/monitor-assets/how/1.png" loading="lazy">
11
          </div>
12
          <div class="uk-text-center">
13
            <span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources
14
          </div>
15
        </div>
16
        <div class="uk-width-1-3@s second uk-text-muted">
17
          <div>
18
            <img src="assets/common-assets/monitor-assets/how/2.png" loading="lazy">
19
          </div>
20
        </div>
21
        <div class="uk-width-1-3@s third uk-text-muted">
22
          <div>
23
            <img src="assets/common-assets/monitor-assets/how/3.png" loading="lazy">
24
          </div>
25
          <div class="uk-text-center">
26
            build an open, global<br>and trusted Research graph
27
          </div>
28
        </div>
29
      </div>
30
      <div class="uk-flex uk-flex-wrap">
31
        <div class="uk-width-1-3@s fourth uk-flex-last@s uk-text-muted">
32
          <div>
33
            <img src="assets/common-assets/monitor-assets/how/4.png" loading="lazy">
34
          </div>
35
          <div class="uk-text-center">
36
            we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce
37
            <span class="portal-color">Open Science Indicators</span>
38
          </div>
39
        </div>
40
        <div class="uk-width-1-3@s fifth uk-text-muted">
41
          <div>
42
            <img src="assets/common-assets/monitor-assets/how/5.png" loading="lazy">
43
          </div>
44
          <div class="uk-text-center">
45
            furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing
46
            <span class="portal-color">Collaboration Indicators</span>
47
          </div>
48
        </div>
49
        <div class="uk-width-1-3@s sixth uk-flex-first@s uk-text-muted">
50
          <div>
51
            <img src="assets/common-assets/monitor-assets/how/6.png" loading="lazy">
52
          </div>
53
          <div class="uk-text-center">
54
            Often combine with external data
55
            (patents, social, company) and
56
            perform <span class="uk-text-bold uk-text-uppercase">Impact Analysis</span> to
57
            produce <span class="portal-color">Innovation Indicators</span>
58
          </div>
59
        </div>
60
      </div>
61
      <div class="final uk-text-muted">
62
        <div>
63
          <img src="assets/common-assets/monitor-assets/how/7.png" loading="lazy">
64
        </div>
65
      </div>
66
    </div>
67
  `,
68
  styleUrls: ['how.component.css']
69
})
70
export class HowComponent {
71

    
72
}
(2-2/3)