Project

General

Profile

1 58610 stefania.m
<section class="greySection uk-padding-small" id="sect-country-page">
2 57746 stefania.m
  <div class="uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
3
  <!--<div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">-->
4 57668 stefania.m
5 57746 stefania.m
6 57668 stefania.m
    <div class="uk-grid uk-grid-small">
7
8 57746 stefania.m
      <div class="uk-width-4-5 uk-margin-medium-bottom">
9 57668 stefania.m
10 57732 stefania.m
        <div class="uk-container uk-container-expand uk-margin-medium-top">
11 57748 stefania.m
          <ul class="uk-breadcrumb">
12
            <li><a [routerLink]="['/home']">Home</a></li>
13
            <li><span>{{countryName}}</span></li>
14
          </ul>
15
        </div>
16
17
        <div class="uk-container uk-container-expand uk-margin-top">
18 58610 stefania.m
          <div class="actionButtonsCountryPage uk-text-right">
19
            <a class=""><i class="fas fa-code uk-margin-small-right"></i>Embed</a>
20
            <!--<a class="uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</a>-->
21
            <a class="uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</a>
22 57732 stefania.m
          </div>
23
        </div>
24 57668 stefania.m
25 57732 stefania.m
        <div class="uk-container uk-container-expand uk-margin-top">
26
          <!--Overview cards-->
27
          <div class="uk-width-1-1 indicatorCards">
28 58610 stefania.m
            <div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
29 57746 stefania.m
            <!--<div class="uk-grid uk-grid-small uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-5 uk-margin-top uk-grid-match" data-uk-grid-margin="">-->
30 58610 stefania.m
31 57732 stefania.m
              <div class="uk-row-first">
32
                <div class="md-card">
33
                  <div class="md-card-content">
34 58610 stefania.m
35
                    <!--top number-->
36 57732 stefania.m
                    <div class="uk-margin-top">
37
                      <div class="uk-float-right uk-margin-small-right">
38 58610 stefania.m
                        <img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
39 57732 stefania.m
                      </div>
40 58610 stefania.m
                      <h3 class="uk-margin-remove">
41 57893 stefania.m
                        <span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span>
42
                        <span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span>
43 58610 stefania.m
                      </h3>
44 57732 stefania.m
                    </div>
45
                    <div class="uk-margin-top">
46 58610 stefania.m
                      <span class=""><i>OA publications from institutional repositories</i></span>
47 57732 stefania.m
                    </div>
48 57893 stefania.m
                    <div *ngIf="countryData?.publications?.percentage" class="uk-margin-top">
49 58610 stefania.m
                      <span class="number">{{countryData.publications.percentage | number :'1.0-1'}}%</span> OA
50
                      <div class="progress uk-margin-small-top">
51
                        <div [ngStyle]="{'width': countryData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
52
                      </div>
53 57732 stefania.m
                    </div>
54 58610 stefania.m
55
                    <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
56
57
                    <!--bottom number-->
58
                    <div class="uk-margin-top">
59
                      <!--<div class="uk-float-right uk-margin-small-right">-->
60
                        <!--<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">-->
61
                      <!--</div>-->
62
                      <h3 class="uk-margin-remove">
63
                        <span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span>
64
                        <span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span>
65
                      </h3>
66
                    </div>
67
                    <div class="uk-margin-top">
68
                      <span class=""><i>OA publications affiliated to an organization in the country</i></span>
69
                    </div>
70
                    <div *ngIf="countryData?.publications?.percentage" class="uk-margin-top">
71
                      <span class="number">{{countryData.publications.percentage | number :'1.0-1'}}%</span> OA
72
                      <div class="progress uk-margin-small-top">
73
                        <div [ngStyle]="{'width': countryData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
74
                      </div>
75
                    </div>
76 57732 stefania.m
                  </div>
77
                </div>
78
              </div>
79 58610 stefania.m
80 57732 stefania.m
              <div class="">
81
                <div class="md-card">
82
                  <div class="md-card-content">
83 58610 stefania.m
84
                    <!--top number-->
85 57732 stefania.m
                    <div class="uk-margin-top">
86
                      <div class="uk-float-right uk-margin-small-right">
87 58610 stefania.m
                        <img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
88 57732 stefania.m
                      </div>
89 58610 stefania.m
                      <h3 class="uk-margin-remove">
90 57893 stefania.m
                        <span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span>
91
                        <span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span>
92 58610 stefania.m
                      </h3>
93 57732 stefania.m
                    </div>
94
                    <div class="uk-margin-top">
95 58610 stefania.m
                      <span class=""><i>OA datasets from institutional repositories</i></span>
96 57732 stefania.m
                    </div>
97 57893 stefania.m
                    <div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top">
98 58610 stefania.m
                      <span class="number">{{countryData.datasets.percentage | number :'1.0-1'}}%</span> OA
99
                      <div class="progress uk-margin-small-top">
100
                        <div [ngStyle]="{'width': countryData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
101
                      </div>
102 57732 stefania.m
                    </div>
103 58610 stefania.m
104
                    <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
105
106
                    <!--bottom number-->
107
                    <div class="uk-margin-top">
108
                      <!--<div class="uk-float-right uk-margin-small-right">-->
109
                        <!--<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">-->
110
                      <!--</div>-->
111
                      <h3 class="uk-margin-remove">
112
                        <span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span>
113
                        <span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span>
114
                      </h3>
115
                    </div>
116
                    <div class="uk-margin-top">
117
                      <span class=""><i>OA datasets affiliated to an organization in the country</i></span>
118
                    </div>
119
                    <div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top">
120
                      <span class="number">{{countryData.datasets.percentage | number :'1.0-1'}}%</span> OA
121
                      <div class="progress uk-margin-small-top">
122
                        <div [ngStyle]="{'width': countryData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
123
                      </div>
124
                    </div>
125 57732 stefania.m
                  </div>
126
                </div>
127
              </div>
128 58610 stefania.m
129 57732 stefania.m
              <div class="">
130 58610 stefania.m
131 57732 stefania.m
                <div class="md-card">
132
                  <div class="md-card-content">
133
                    <div class="uk-margin-top">
134
                      <div class="uk-float-right uk-margin-small-right">
135 58610 stefania.m
                        <img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
136 57732 stefania.m
                      </div>
137 58610 stefania.m
                      <h3 class="uk-margin-remove">
138 57893 stefania.m
                        <span *ngIf="!countryData || !countryData.repositories || !countryData.repositories.oa" class="number">--</span>
139
                        <span *ngIf="countryData?.repositories?.oa" class="number">{{countryData.repositories.oa | number}}</span>
140 58610 stefania.m
                      </h3>
141 57732 stefania.m
                    </div>
142
                    <div class="uk-margin-top">
143 58610 stefania.m
                      <span class=""><i>repositories</i> from openDOAR & re3data</span>
144 57732 stefania.m
                    </div>
145 58610 stefania.m
                    <div *ngIf="countryData?.repositories?.percentage" class="uk-margin-top">
146
                      <span class="number">{{countryData.repositories.percentage | number :'1.0-1'}}%</span> Certified
147
                      <div class="progress uk-margin-small-top">
148
                        <div [ngStyle]="{'width': countryData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
149
                      </div>
150
                    </div>
151 57732 stefania.m
                  </div>
152
                </div>
153 58610 stefania.m
154 57732 stefania.m
                <div class="md-card">
155
                  <div class="md-card-content">
156
                    <div class="uk-margin-top">
157
                      <div class="uk-float-right uk-margin-small-right">
158 58610 stefania.m
                        <img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
159 57732 stefania.m
                      </div>
160 58610 stefania.m
                      <h3 class="uk-margin-remove">
161 57893 stefania.m
                        <span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">--</span>
162
                        <span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>
163 57732 stefania.m
                        <!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>-->
164 57746 stefania.m
                        <!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>-->
165 58610 stefania.m
                      </h3>
166 57732 stefania.m
                    </div>
167
                    <div class="uk-margin-top">
168 58610 stefania.m
                      <span class=""><i>OA journals</i> from DOAJ</span>
169 57732 stefania.m
                    </div>
170 58610 stefania.m
                    <div *ngIf="countryData.journals?.percentage" class="uk-margin-top">
171
                      <span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified
172
                      <div class="progress uk-margin-small-top">
173
                        <div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
174
                      </div>
175
                    </div>
176 57732 stefania.m
                  </div>
177
                </div>
178 58610 stefania.m
179 57732 stefania.m
              </div>
180 58610 stefania.m
181
              <!--<div class="">-->
182
                <!--<div class="md-card">-->
183
                  <!--<div class="md-card-content">-->
184
                    <!--<div class="uk-margin-top">-->
185
                      <!--<div class="uk-float-right uk-margin-small-right">-->
186
                        <!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">-->
187
                      <!--</div>-->
188
                      <!--<h3 class="uk-margin-remove">-->
189
                        <!--<span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">&#45;&#45;</span>-->
190
                        <!--<span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>-->
191
                        <!--&lt;!&ndash;<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>&ndash;&gt;-->
192
                        <!--&lt;!&ndash;<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
193
                      <!--</h3>-->
194
                    <!--</div>-->
195
                    <!--<div class="uk-margin-top">-->
196
                      <!--<span class=""><i>OA journals</i></span>-->
197
                    <!--</div>-->
198
                    <!--<div *ngIf="countryData.journals?.percentage" class="uk-margin-top">-->
199
                      <!--<span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified-->
200
                      <!--<div class="progress uk-margin-small-top">-->
201
                        <!--<div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>-->
202
                      <!--</div>-->
203
                    <!--</div>-->
204
                  <!--</div>-->
205
                <!--</div>-->
206
              <!--</div>-->
207
208 57732 stefania.m
              <div class="">
209 58610 stefania.m
210
                <div class="md-card" style="height: 47%">
211 57732 stefania.m
                  <div class="md-card-content">
212
                    <div class="uk-margin-top">
213
                      <div class="uk-float-right uk-margin-small-right">
214 58610 stefania.m
                        <img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
215 57732 stefania.m
                      </div>
216 58610 stefania.m
                      <h3 class="uk-margin-remove">
217 57893 stefania.m
                        <span class="number">--</span>
218 57732 stefania.m
                        <!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>-->
219 57746 stefania.m
                        <!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>-->
220 58610 stefania.m
                      </h3>
221 57732 stefania.m
                    </div>
222
                    <div class="uk-margin-top">
223 58610 stefania.m
                      <span class="">organizations with <i>OA policies</i></span>
224 57732 stefania.m
                    </div>
225
                  </div>
226
                </div>
227 58610 stefania.m
228
                <div></div>
229 57732 stefania.m
              </div>
230
            </div>
231
          </div>
232
        </div>
233 57668 stefania.m
234 57746 stefania.m
        <!--GREEN VS. GOLD-->
235 58610 stefania.m
        <div class="uk-container uk-container-expand contentSectionContainer uk-margin-large-top">
236 57746 stefania.m
          <h2 class="heading_c uk-margin-medium-bottom uk-text-center-medium">
237
            Green vs. Gold
238
            <!--<span class="sub-heading">The Best Images From Around The World</span>-->
239
          </h2>
240
          <div class="uk-grid">
241 57893 stefania.m
            <div class="uk-width-1-3">
242 57746 stefania.m
              <div class="md-card">
243
                <div class="md-card-toolbar">
244
                  <div class="md-card-toolbar-actions">
245
                    <i class="fas fa-lg fa-info-circle"></i>
246
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
247
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
248
                  </div>
249
                  <h3 class="md-card-toolbar-heading-text">
250
                    <!--Card Heading-->
251
                  </h3>
252
                </div>
253
                <div class="md-card-content">
254 57893 stefania.m
                  <iframe *ngIf="greenGoldLineChartURL" width="100%" height="350" [src]="greenGoldLineChartURL"></iframe>
255
                  <!--<img src="../../../assets/img/mocks/monthly-average-temperat.png">-->
256 57748 stefania.m
                </div>
257 57746 stefania.m
              </div>
258
            </div>
259 57893 stefania.m
            <div class="uk-width-1-3">
260 57746 stefania.m
              <div class="md-card">
261
                <div class="md-card-toolbar">
262
                  <div class="md-card-toolbar-actions">
263
                    <i class="fas fa-lg fa-info-circle"></i>
264
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
265
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
266
                  </div>
267
                  <h3 class="md-card-toolbar-heading-text">
268
                    <!--Card Heading-->
269
                  </h3>
270
                </div>
271
                <div class="md-card-content">
272 57893 stefania.m
                  <iframe *ngIf="goldOrganisationsChartURL" width="100%" height="350" [src]="goldOrganisationsChartURL"></iframe>
273 57748 stefania.m
                </div>
274 57746 stefania.m
              </div>
275
            </div>
276 57893 stefania.m
            <div class="uk-width-1-3">
277
              <div class="md-card">
278
                <div class="md-card-toolbar">
279
                  <div class="md-card-toolbar-actions">
280
                    <i class="fas fa-lg fa-info-circle"></i>
281
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
282
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
283
                  </div>
284
                  <h3 class="md-card-toolbar-heading-text">
285
                    <!--Card Heading-->
286
                  </h3>
287
                </div>
288
                <div class="md-card-content">
289
                  <iframe *ngIf="greenOrganisationsChartURL" width="100%" height="350" [src]="greenOrganisationsChartURL"></iframe>
290
                </div>
291
              </div>
292
            </div>
293 57746 stefania.m
          </div>
294
        </div>
295 57668 stefania.m
296 57746 stefania.m
        <!--EU FUNDED OPEN SCIENCE-->
297 57748 stefania.m
        <div class="uk-container uk-container-expand contentSectionContainer uk-margin-medium-top">
298 57746 stefania.m
          <h2 class="heading_c uk-margin-medium-bottom uk-text-center-medium">
299
            EU funded Open Science
300
            <!--<span class="sub-heading">The Best Images From Around The World</span>-->
301
          </h2>
302
          <div class="uk-grid">
303
            <div class="uk-width-1-1">
304
              <div class="md-card">
305
                <div class="md-card-toolbar">
306
                  <div class="md-card-toolbar-actions">
307
                    <i class="fas fa-lg fa-info-circle"></i>
308
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
309
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
310
                  </div>
311
                  <h3 class="md-card-toolbar-heading-text">
312
                    <!--Card Heading-->
313
                  </h3>
314
                </div>
315
                <div class="md-card-content">
316 57893 stefania.m
                  <iframe *ngIf="publicationsDataSetsSoftwareByYearGraphURL" width="100%" height="350" [src]="publicationsDataSetsSoftwareByYearGraphURL"></iframe>
317 57748 stefania.m
                </div>
318 57746 stefania.m
              </div>
319
            </div>
320
          </div>
321
          <div class="uk-grid">
322
            <div class="uk-width-1-2">
323
              <div class="md-card">
324
                <div class="md-card-toolbar">
325
                  <div class="md-card-toolbar-actions">
326
                    <i class="fas fa-lg fa-info-circle"></i>
327
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
328
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
329
                  </div>
330
                  <h3 class="md-card-toolbar-heading-text">
331 57893 stefania.m
                    Organisations
332 57746 stefania.m
                  </h3>
333
                </div>
334
                <div class="md-card-content">
335 57893 stefania.m
                  <iframe *ngIf="publicationsDataSetsSoftwareByOrganisationTableURL" width="100%" height="730" [src]="publicationsDataSetsSoftwareByOrganisationTableURL"></iframe>
336
                  <!--<table class="uk-table uk-table-small uk-table-divider">-->
337
                    <!--<thead>-->
338
                    <!--<tr>-->
339
                      <!--<th>Table Heading</th>-->
340
                      <!--<th>Table Heading</th>-->
341
                      <!--<th>Table Heading</th>-->
342
                    <!--</tr>-->
343
                    <!--</thead>-->
344
                    <!--<tbody>-->
345
                    <!--<tr>-->
346
                      <!--<td>Table Data</td>-->
347
                      <!--<td>Table Data</td>-->
348
                      <!--<td>Table Data</td>-->
349
                    <!--</tr>-->
350
                    <!--<tr>-->
351
                      <!--<td>Table Data</td>-->
352
                      <!--<td>Table Data</td>-->
353
                      <!--<td>Table Data</td>-->
354
                    <!--</tr>-->
355
                    <!--<tr>-->
356
                      <!--<td>Table Data</td>-->
357
                      <!--<td>Table Data</td>-->
358
                      <!--<td>Table Data</td>-->
359
                    <!--</tr>-->
360
                    <!--</tbody>-->
361
                  <!--</table>-->
362 57748 stefania.m
                </div>
363 57746 stefania.m
              </div>
364
            </div>
365
            <div class="uk-width-1-2">
366
              <div class="md-card">
367
                <div class="md-card-toolbar">
368
                  <div class="md-card-toolbar-actions">
369
                    <i class="fas fa-lg fa-info-circle"></i>
370
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
371
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
372
                  </div>
373
                  <h3 class="md-card-toolbar-heading-text">
374 57893 stefania.m
                    Repositories
375 57746 stefania.m
                  </h3>
376
                </div>
377
                <div class="md-card-content">
378 57893 stefania.m
                  <iframe *ngIf="publicationsDataSetsSoftwareByRepoTableURL" width="100%" height="730" [src]="publicationsDataSetsSoftwareByRepoTableURL"></iframe>
379
                  <!--<table class="uk-table uk-table-small uk-table-divider">-->
380
                    <!--<thead>-->
381
                    <!--<tr>-->
382
                      <!--<th>Table Heading</th>-->
383
                      <!--<th>Table Heading</th>-->
384
                      <!--<th>Table Heading</th>-->
385
                    <!--</tr>-->
386
                    <!--</thead>-->
387
                    <!--<tbody>-->
388
                    <!--<tr>-->
389
                      <!--<td>Table Data</td>-->
390
                      <!--<td>Table Data</td>-->
391
                      <!--<td>Table Data</td>-->
392
                    <!--</tr>-->
393
                    <!--<tr>-->
394
                      <!--<td>Table Data</td>-->
395
                      <!--<td>Table Data</td>-->
396
                      <!--<td>Table Data</td>-->
397
                    <!--</tr>-->
398
                    <!--<tr>-->
399
                      <!--<td>Table Data</td>-->
400
                      <!--<td>Table Data</td>-->
401
                      <!--<td>Table Data</td>-->
402
                    <!--</tr>-->
403
                    <!--</tbody>-->
404
                  <!--</table>-->
405 57748 stefania.m
                </div>
406 57746 stefania.m
              </div>
407
            </div>
408
          </div>
409
        </div>
410
411
        <!--FUNDING SOURCES-->
412 57748 stefania.m
        <div class="uk-container uk-container-expand contentSectionContainer uk-margin-medium-top">
413 57746 stefania.m
          <h2 class="heading_c uk-margin-medium-bottom uk-text-center-medium">
414
            Funding sources
415
            <!--<span class="sub-heading">The Best Images From Around The World</span>-->
416
          </h2>
417
          <div class="uk-grid">
418
            <div class="uk-width-1-1">
419
              <div class="md-card">
420
                <div class="md-card-toolbar">
421
                  <div class="md-card-toolbar-actions">
422
                    <i class="fas fa-lg fa-info-circle"></i>
423
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
424
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
425
                  </div>
426
                  <h3 class="md-card-toolbar-heading-text">
427
                    <!--Card Heading-->
428
                  </h3>
429
                </div>
430
                <div class="md-card-content">
431 57893 stefania.m
                  <iframe *ngIf="publicationsDataSetsSoftwareByFunderGraphURL" width="100%" height="450" [src]="publicationsDataSetsSoftwareByFunderGraphURL"></iframe>
432 57748 stefania.m
                </div>
433 57746 stefania.m
              </div>
434
            </div>
435
          </div>
436
        </div>
437
438
        <!--PROJECT PERFORMANCE-->
439 57748 stefania.m
        <div class="uk-container uk-container-expand contentSectionContainer uk-margin-medium-top">
440 57746 stefania.m
          <h2 class="heading_c uk-margin-medium-bottom uk-text-center-medium">
441
            Project performance
442
            <!--<span class="sub-heading">The Best Images From Around The World</span>-->
443
          </h2>
444
          <div class="uk-grid">
445
            <div class="uk-width-1-3">
446
              <div class="md-card">
447
                <div class="md-card-toolbar">
448
                  <div class="md-card-toolbar-actions">
449
                    <i class="fas fa-lg fa-info-circle"></i>
450
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
451
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
452
                  </div>
453
                  <h3 class="md-card-toolbar-heading-text">
454
                    <!--Card Heading-->
455
                  </h3>
456
                </div>
457
                <div class="md-card-content">
458 57893 stefania.m
                  <iframe *ngIf="topProjectsByPublicationsGraphURL" width="100%" height="350" [src]="topProjectsByPublicationsGraphURL"></iframe>
459 57748 stefania.m
                </div>
460 57746 stefania.m
              </div>
461
            </div>
462
            <div class="uk-width-1-3">
463
              <div class="md-card">
464
                <div class="md-card-toolbar">
465
                  <div class="md-card-toolbar-actions">
466
                    <i class="fas fa-lg fa-info-circle"></i>
467
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
468
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
469
                  </div>
470
                  <h3 class="md-card-toolbar-heading-text">
471
                    <!--Card Heading-->
472
                  </h3>
473
                </div>
474
                <div class="md-card-content">
475 57893 stefania.m
                  <iframe *ngIf="topProjectsByDatasetsGraphURL" width="100%" height="350" [src]="topProjectsByDatasetsGraphURL"></iframe>
476 57748 stefania.m
                </div>
477 57746 stefania.m
              </div>
478
            </div>
479
            <div class="uk-width-1-3">
480
              <div class="md-card">
481
                <div class="md-card-toolbar">
482
                  <div class="md-card-toolbar-actions">
483
                    <i class="fas fa-lg fa-info-circle"></i>
484
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
485
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
486
                  </div>
487
                  <h3 class="md-card-toolbar-heading-text">
488
                    <!--Card Heading-->
489
                  </h3>
490
                </div>
491
                <div class="md-card-content">
492 57893 stefania.m
                  <iframe *ngIf="topProjectsBySoftwareGraphURL" width="100%" height="350" [src]="topProjectsBySoftwareGraphURL"></iframe>
493 57748 stefania.m
                </div>
494 57746 stefania.m
              </div>
495
            </div>
496
          </div>
497
        </div>
498 57668 stefania.m
      </div>
499
500
501 58610 stefania.m
      <div class="uk-width-1-5">
502
        <div class="md-card infoBox">
503 57668 stefania.m
504 58610 stefania.m
          <div class="md-card-toolbar">
505
            <h3 class="uk-text-center uk-margin-small-top">
506
              {{countryName | uppercase}}
507
            </h3>
508
          </div>
509
510
          <div class="md-card-content">
511 57732 stefania.m
            <div class="numbers">
512 58610 stefania.m
513
              <div class="indicator uk-margin-small-top">
514
                <span class="number primary">--</span>
515
                <span><i>R&D expenditure</i></span>
516 57732 stefania.m
              </div>
517 58610 stefania.m
518
              <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
519
520
              <div class="indicator">
521
                <span class="number primary" *ngIf="countryData?.funders?.oa">{{countryData.funders.oa}}</span>
522
                <span class="number primary" *ngIf="!countryData || !countryData.funders || !countryData.funders.oa">--</span>
523
                <span><i>funding sources</i></span>
524 57893 stefania.m
              </div>
525 58610 stefania.m
526
              <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
527
528
              <div class="indicator">
529
                <span class="number primary" *ngIf="countryData?.funders?.total">{{countryData.funders.total}}</span>
530
                <span class="number primary" *ngIf="!countryData || !countryData.funders || !countryData.funders.total">--</span>
531
                <span><i>funding organizations</i></span>
532 57732 stefania.m
              </div>
533 58610 stefania.m
534
              <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
535
536
              <div class="indicator">
537
                <span class="number primary" *ngIf="countryData?.ecFundedOrganizations?.oa">{{countryData.ecFundedOrganizations.oa}}</span>
538
                <span class="number primary" *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa">--</span>
539
                <span><i>organizations funded by the European commission since 2013</i></span>
540 57732 stefania.m
              </div>
541 58610 stefania.m
542 57732 stefania.m
            </div>
543
544
545 58610 stefania.m
            <div class="uk-text-center uk-margin-xlarge-top">
546 57732 stefania.m
547
              <div class="uk-text-center uk-margin-medium-bottom">
548
                <span class="openaire-symbol-wrapper">
549
                  <img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">
550
                </span>
551
              </div>
552
              <a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>
553 57668 stefania.m
            </div>
554 58610 stefania.m
555
            <div class="uk-text-meta uk-text-small uk-margin-medium-top">
556
                <span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;">
557
                  <img src="../../../assets/img/Open_Research_Graph.svg">
558
                </span>
559
              <span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span>
560
            </div>
561
562 57668 stefania.m
          </div>
563
        </div>
564 58610 stefania.m
      </div>
565 57668 stefania.m
566 58610 stefania.m
      <!--<aside class="uk-width-1-5 uk-padding-remove">-->
567
        <!--<div id="sidebar_main" class="md-card dark-grey-box infoBox">-->
568
          <!--<div class="md-card-content">-->
569
            <!--<h3 class="uk-text-center">{{countryName | uppercase}}</h3>-->
570 57668 stefania.m
571 58610 stefania.m
            <!--<div>-->
572
              <!--<app-country-map [country]="countryName"></app-country-map>-->
573
            <!--</div>-->
574
575
            <!--<div class="numbers">-->
576
              <!--<div class="uk-margin-medium-top">-->
577
                <!--<div class="number">&#45;&#45;</div>-->
578
                <!--<div class="uk-margin-top">R&D expenditure</div>-->
579
              <!--</div>-->
580
              <!--<div class="uk-margin-medium-top">-->
581
                <!--<div *ngIf="!countryData || !countryData.funders || !countryData.funders.oa" class="number">&#45;&#45;</div>-->
582
                <!--<div *ngIf="countryData?.funders?.oa" class="number">{{countryData.funders.oa}}</div>-->
583
                <!--<div class="uk-margin-top">funding sources</div>-->
584
              <!--</div>-->
585
              <!--<div class="uk-margin-medium-top">-->
586
                <!--<div *ngIf="!countryData || !countryData.funders || !countryData.funders.total" class="number">&#45;&#45;</div>-->
587
                <!--<div *ngIf="countryData?.funders?.total" class="number">{{countryData.funders.total}}</div>-->
588
                <!--<div class="uk-margin-top">funding organizations</div>-->
589
              <!--</div>-->
590
              <!--<div class="uk-margin-medium-top">-->
591
                <!--<div *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa" class="number">&#45;&#45;</div>-->
592
                <!--<div *ngIf="countryData?.ecFundedOrganizations?.oa" class="number">{{countryData.ecFundedOrganizations.oa}}</div>-->
593
                <!--<div class="uk-margin-top">organizations funded by the European commission since 2013</div>-->
594
              <!--</div>-->
595
            <!--</div>-->
596
597
            <!--<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">-->
598
599
            <!--<div class="uk-text-center uk-margin-medium-top">-->
600
601
              <!--<div class="uk-text-center uk-margin-medium-bottom">-->
602
                <!--<span class="openaire-symbol-wrapper">-->
603
                  <!--<img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">-->
604
                <!--</span>-->
605
              <!--</div>-->
606
              <!--<a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>-->
607
            <!--</div>-->
608
          <!--</div>-->
609
        <!--</div>-->
610
      <!--</aside>-->
611
612 57668 stefania.m
    </div>
613
614
  </div>
615
</section>