Project

General

Profile

« Previous | Next » 

Revision 59709

Added by Konstantinos Triantafyllou over 3 years ago

[Monitor | Trunk]: Finish about

View differences:

learn-how.component.html
13 13 
      <div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
14 14 
        <div class="zero">
15 15 
          <div class="uk-text-center">
16 
            <img width="90" src="../../assets/monitor-assets/about/0.png">
16 
            <img width="90" src="../../assets/monitor-assets/about/process/0.png">
17 17 
          </div>
18 18 
          <h6>0. Starting from the OpenAIRE RESEARCH GRAPH</h6>
19 19 
          <div class="uk-text-small uk-text-muted">
......
25 25 
        </div>
26 26 
        <div class="first">
27 27 
          <div class="uk-text-center">
28 
            <img width="110" src="assets/monitor-assets/about/1.png">
28 
            <img width="110" src="../../assets/monitor-assets/about/process/1.png">
29 29 
          </div>
30 30 
          <h6>1. Provide us some information</h6>
31 31 
          <div class="uk-text-small uk-text-muted">
......
35 35 
        </div>
36 36 
        <div class="second">
37 37 
          <div class="uk-text-center">
38 
            <img width="100" src="assets/monitor-assets/about/2.png">
38 
            <img width="100" src="../../assets/monitor-assets/about/process/2.png">
39 39 
          </div>
40 40 
          <h6>2. We get the ball rolling</h6>
41 41 
          <div class="uk-text-small uk-text-muted">
......
48 48 
      <div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
49 49 
        <div class="third uk-flex-last@s">
50 50 
          <div class="uk-text-center">
51 
            <img width="105" src="assets/monitor-assets/about/3.png">
51 
            <img width="105" src="../../assets/monitor-assets/about/process/3.png">
52 52 
          </div>
53 53 
          <h6>3. You validate</h6>
54 54 
          <div class="uk-text-small uk-text-muted">
......
59 59 
        </div>
60 60 
        <div class="fourth">
61 61 
          <div class="uk-text-center">
62 
            <img width="135" src="assets/monitor-assets/about/4.png">
62 
            <img width="135" src="../../assets/monitor-assets/about/process/4.png">
63 63 
          </div>
64 64 
          <h6>4. You set up your portal</h6>
65 65 
          <div class="uk-text-small uk-text-muted">
......
70 70 
        </div>
71 71 
        <div class="fifth uk-flex-first@s">
72 72 
          <div class="uk-text-center">
73 
            <img width="105" src="assets/monitor-assets/about/5.png">
73 
            <img width="105" src="../../assets/monitor-assets/about/process/5.png">
74 74 
          </div>
75 75 
          <h6>5. You track, monitor, report</h6>
76 76 
          <div class="uk-text-small uk-text-muted">
......
91 91 
        Simplify research tracking & monitoring
92 92 
      </h6>
93 93 
    </div>
94 
    <div class="how uk-margin-large-top">
95 
      <div class="uk-flex uk-flex-wrap">
96 
        <div class="uk-width-1-3@s first uk-h5 uk-margin-remove-vertical uk-text-muted">
97 
          <div>
98 
            <img src="../../assets/monitor-assets/about/how/1.png">
99 
          </div>
100 
          <div class="uk-text-center">
101 
            <span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources
102 
          </div>
103 
        </div>
104 
        <div class="uk-width-1-3@s second uk-h5 uk-margin-remove-vertical uk-text-muted">
105 
          <div>
106 
            <img src="../../assets/monitor-assets/about/how/2.png">
107 
          </div>
108 
        </div>
109 
        <div class="uk-width-1-3@s third uk-h5 uk-margin-remove-vertical uk-text-muted">
110 
          <div>
111 
            <img src="../../assets/monitor-assets/about/how/3.png">
112 
          </div>
113 
          <div class="uk-text-center">
114 
            build an open, global<br>and trusted Research graph
115 
          </div>
116 
        </div>
117 
      </div>
118 
      <div class="uk-flex uk-flex-wrap">
119 
        <div class="uk-width-1-3@s fourth uk-flex-last@s uk-h5 uk-margin-remove-vertical uk-text-muted">
120 
          <div>
121 
            <img src="../../assets/monitor-assets/about/how/4.png">
122 
          </div>
123 
          <div class="uk-text-center">
124 
            we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce
125 
            <span class="portal-color">Open Science Indicators</span>
126 
          </div>
127 
        </div>
128 
        <div class="uk-width-1-3@s fifth uk-h5 uk-margin-remove-vertical uk-text-muted">
129 
          <div>
130 
            <img src="../../assets/monitor-assets/about/how/5.png">
131 
          </div>
132 
          <div class="uk-text-center">
133 
            furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing
134 
            <span class="portal-color">Collaboration Indicators</span>
135 
          </div>
136 
        </div>
137 
        <div class="uk-width-1-3@s sixth uk-flex-first@s uk-h5 uk-margin-remove-vertical uk-text-muted">
138 
          <div>
139 
            <img src="../../assets/monitor-assets/about/how/6.png">
140 
          </div>
141 
          <div class="uk-text-center">
142 
            Often combine with external data
143 
            (patents, social, company) and
144 
            perform <span class="uk-text-bold uk-text-uppercase">Impact Analysis</span> to
145 
            produce <span class="portal-color">Innovation Indicators</span>
146 
          </div>
147 
        </div>
148 
      </div>
149 
      <div class="final uk-text-muted uk-h5 uk-margin-remove-vertical">
150 
        <div>
151 
          <img src="../../assets/monitor-assets/about/how/7.png">
152 
        </div>
153 
      </div>
154 
    </div>
94 155 
  </div>
95 156 
</div>

Also available in: Unified diff