Project

General

Profile

1 58904 stefania.m
<div class="greySection">
2
  <section class="uk-padding-small" id="sect-country-page">
3
    <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}">
4
      <!--<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}">-->
5 57668 stefania.m
6 58904 stefania.m
      <div class="uk-grid uk-grid-match uk-grid-small">
7 57668 stefania.m
8 58904 stefania.m
        <div class="uk-width-4-5@m uk-width-4-5@l uk-width-1-1@s">
9 57668 stefania.m
10 58904 stefania.m
          <div class="uk-container uk-container-expand uk-margin-medium-top">
11 58853 stefania.m
12 58904 stefania.m
            <!--LAPTOP & PAD LANDSCAPE-->
13
            <div class="uk-visible@m">
14
              <ul *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="uk-breadcrumb">
15 58912 stefania.m
                <li><a routerLink="/home">Home</a></li>
16 58904 stefania.m
                <li><span>{{countryPageOverviewData.name}}</span></li>
17
              </ul>
18 57748 stefania.m
19 58853 stefania.m
20 58904 stefania.m
              <div class="countryPageHeader">
21
                <div *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="">
22
                  <img src="../../../assets/img/flags/{{countryCode | lowercase}}-flag-round.png" class="flag-image" width="132" height="132">
23
                  <div class="uk-inline uk-margin-left">
24
                    <h1>{{countryPageOverviewData.name}}</h1>
25 58923 stefania.m
                    <span class="lastUpdateInfo">Info Last Updated: </span>
26
                    <span *ngIf="lastUpdateDate" class="lastUpdateInfo">{{lastUpdateDate}}</span>
27 58904 stefania.m
                  </div>
28
                </div>
29
30 58996 stefania.m
                <!-- TODO uncomment when implemented -->
31 58958 stefania.m
                <!--<div class="actionButtonsCountryPage uk-text-right">-->
32
                  <!--<a class=""><i class="fas fa-code uk-margin-small-right"></i>Embed</a>-->
33
                  <!--&lt;!&ndash;<a class="uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</a>&ndash;&gt;-->
34
                  <!--<a class="uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</a>-->
35
                <!--</div>-->
36 58853 stefania.m
              </div>
37
            </div>
38
39 58904 stefania.m
            <!--MOBILE & PAD PORTRAIT-->
40
            <div class="uk-hidden@m uk-text-center">
41
              <div *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="">
42
                <img src="../../../assets/img/flags/{{countryCode | lowercase}}-flag-round.png" class="flag-image uk-display-block uk-margin-auto-left uk-margin-auto-right" width="103" height="103">
43
                <div class="uk-margin-top">
44
                  <h1 class="uk-margin-small-bottom">{{countryPageOverviewData.name}}</h1>
45
                  <span class="lastUpdateInfo">Info Last Updated: 21 May 2020</span>
46
                </div>
47
              </div>
48 58853 stefania.m
            </div>
49 58904 stefania.m
50
51
52 57732 stefania.m
          </div>
53 58853 stefania.m
54 57668 stefania.m
55 58904 stefania.m
          <div class="uk-container uk-container-expand uk-margin-large-top">
56 58853 stefania.m
57 58904 stefania.m
            <!--Overview cards-->
58
            <!--LAPTOP & PAD LANDSCAPE-->
59
            <div class="uk-visible@m">
60
              <div class="uk-width-1-1 indicatorCards">
61
                <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="">
62
                  <!--<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="">-->
63 58610 stefania.m
64 58904 stefania.m
                  <div class="uk-row-first">
65
                    <div class="md-card">
66
                      <div class="md-card-content">
67 58610 stefania.m
68 58904 stefania.m
                        <!--top number-->
69
                        <div class="uk-margin-top">
70 61286 antonis.le
                          <div class="uk-float-right uk-margin-small-right">
71
                            <img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
72
                          </div>
73 58904 stefania.m
                          <h3 class="uk-margin-remove">
74
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.publicationsAffiliated || !countryPageOverviewData.publicationsAffiliated.oa" class="number">--</span>
75
                            <span *ngIf="countryPageOverviewData?.publicationsAffiliated?.oa" class="number">{{countryPageOverviewData.publicationsAffiliated.oa | number}}</span>
76
                          </h3>
77
                        </div>
78
                        <div class="uk-margin-top">
79
                          <span class=""><i>OA publications affiliated to an organization in the country</i></span>
80
                        </div>
81
                        <div *ngIf="countryPageOverviewData?.publicationsAffiliated?.percentage" class="uk-margin-top">
82
                          <span class="number">{{countryPageOverviewData.publicationsAffiliated.percentage | number :'1.0-1'}}%</span> OA
83
                          <div class="progress uk-margin-small-top">
84
                            <div [ngStyle]="{'width': countryPageOverviewData.publicationsAffiliated.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
85
                          </div>
86
                        </div>
87
88
                        <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
89
90
                        <!--bottom number-->
91
                        <div class="uk-margin-top">
92 61286 antonis.le
                          <!--<div class="uk-float-right uk-margin-small-right">-->
93
                            <!--<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">-->
94
                          <!--</div>-->
95 58904 stefania.m
                          <h3 class="uk-margin-remove">
96
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.publicationsDeposited || !countryPageOverviewData.publicationsDeposited.oa" class="number">--</span>
97
                            <span *ngIf="countryPageOverviewData?.publicationsDeposited?.oa" class="number">{{countryPageOverviewData.publicationsDeposited.oa | number}}</span>
98
                          </h3>
99
                        </div>
100
                        <div class="uk-margin-top">
101
                          <span class=""><i>OA publications from institutional repositories</i></span>
102
                        </div>
103
                        <div *ngIf="countryPageOverviewData?.publicationsDeposited?.percentage" class="uk-margin-top">
104
                          <span class="number">{{countryPageOverviewData.publicationsDeposited.percentage | number :'1.0-1'}}%</span> OA
105
                          <div class="progress uk-margin-small-top">
106
                            <div [ngStyle]="{'width': countryPageOverviewData.publicationsDeposited.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
107
                          </div>
108
                        </div>
109
110
                      </div>
111 57732 stefania.m
                    </div>
112 58904 stefania.m
                  </div>
113
114
                  <div class="">
115
                    <div class="md-card">
116
                      <div class="md-card-content">
117
118
                        <!--top number-->
119
                        <div class="uk-margin-top">
120 61286 antonis.le
                          <div class="uk-float-right uk-margin-small-right">
121
                            <img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
122
                          </div>
123 58904 stefania.m
                          <h3 class="uk-margin-remove">
124
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.datasetsAffiliated || !countryPageOverviewData.datasetsAffiliated.oa" class="number">--</span>
125
                            <span *ngIf="countryPageOverviewData?.datasetsAffiliated?.oa" class="number">{{countryPageOverviewData.datasetsAffiliated.oa | number}}</span>
126
                          </h3>
127
                        </div>
128
                        <div class="uk-margin-top">
129
                          <span class=""><i>OA datasets affiliated to an organization in the country</i></span>
130
                        </div>
131
                        <div *ngIf="countryPageOverviewData?.datasetsAffiliated?.percentage" class="uk-margin-top">
132
                          <span class="number">{{countryPageOverviewData.datasetsAffiliated.percentage | number :'1.0-1'}}%</span> OA
133
                          <div class="progress uk-margin-small-top">
134
                            <div [ngStyle]="{'width': countryPageOverviewData.datasetsAffiliated.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
135
                          </div>
136
                        </div>
137
138
                        <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
139
140
                        <!--bottom number-->
141
                        <div class="uk-margin-top">
142 61286 antonis.le
                          <!--<div class="uk-float-right uk-margin-small-right">-->
143
                            <!--<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">-->
144
                          <!--</div>-->
145 58904 stefania.m
                          <h3 class="uk-margin-remove">
146
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.datasetsDeposited || !countryPageOverviewData.datasetsDeposited.oa" class="number">--</span>
147
                            <span *ngIf="countryPageOverviewData?.datasetsDeposited?.oa" class="number">{{countryPageOverviewData.datasetsDeposited.oa | number}}</span>
148
                          </h3>
149
                        </div>
150
                        <div class="uk-margin-top">
151
                          <span class=""><i>OA datasets from institutional repositories</i></span>
152
                        </div>
153
                        <div *ngIf="countryPageOverviewData?.datasetsDeposited?.percentage" class="uk-margin-top">
154
                          <span class="number">{{countryPageOverviewData.datasetsDeposited.percentage | number :'1.0-1'}}%</span> OA
155
                          <div class="progress uk-margin-small-top">
156
                            <div [ngStyle]="{'width': countryPageOverviewData.datasetsDeposited.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
157
                          </div>
158
                        </div>
159 58610 stefania.m
                      </div>
160 57732 stefania.m
                    </div>
161 58904 stefania.m
                  </div>
162 58610 stefania.m
163 58904 stefania.m
                  <div class="">
164 60126 stefania.m
                    <div class="md-card" style="height: 47%">
165 58904 stefania.m
                      <div class="md-card-content">
166
                        <div class="uk-margin-top">
167
                          <div class="uk-float-right uk-margin-small-right">
168
                            <img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
169
                          </div>
170
                          <h3 class="uk-margin-remove">
171 58996 stefania.m
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.journals || !countryPageOverviewData.journals.total" class="number">--</span>
172
                            <span *ngIf="countryPageOverviewData?.journals?.total" class="number">{{countryPageOverviewData.journals.total | number}}</span>
173 58904 stefania.m
                            <!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>-->
174
                            <!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>-->
175
                          </h3>
176
                        </div>
177
                        <div class="uk-margin-top">
178
                          <span class=""><i>OA journals</i> from DOAJ</span>
179
                        </div>
180
                        <div *ngIf="countryPageOverviewData?.journals?.percentage" class="uk-margin-top">
181
                          <span class="number">{{countryPageOverviewData.journals.percentage | number :'1.0-1'}}%</span> Validated
182
                          <div class="progress uk-margin-small-top">
183
                            <div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
184
                          </div>
185
                        </div>
186
                      </div>
187 58610 stefania.m
                    </div>
188 58904 stefania.m
                  </div>
189
190
                  <div class="">
191
192
                    <div class="md-card" style="height: 47%">
193
                      <div class="md-card-content">
194
                        <div class="uk-margin-top">
195
                          <div class="uk-float-right uk-margin-small-right">
196 60126 stefania.m
                            <img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
197 58904 stefania.m
                          </div>
198
                          <h3 class="uk-margin-remove">
199 60126 stefania.m
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.repositories || !countryPageOverviewData.repositories.total" class="number">--</span>
200
                            <span *ngIf="countryPageOverviewData?.repositories?.total" class="number">{{countryPageOverviewData.repositories.total | number}}</span>
201 58904 stefania.m
                          </h3>
202
                        </div>
203
                        <div class="uk-margin-top">
204 60126 stefania.m
                          <span class=""><i>repositories</i> from openDOAR & re3data</span>
205 58904 stefania.m
                        </div>
206 60126 stefania.m
                        <div *ngIf="countryPageOverviewData?.repositories?.percentage" class="uk-margin-top">
207
                          <span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> Validated
208
                          <div class="progress uk-margin-small-top">
209
                            <div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
210
                          </div>
211
                        </div>
212 58610 stefania.m
                      </div>
213
                    </div>
214 58853 stefania.m
215 60126 stefania.m
                    <!--<div class="md-card">-->
216
                      <!--<div class="md-card-content">-->
217
                        <!--<div class="uk-margin-top">-->
218
                          <!--<div class="uk-float-right uk-margin-small-right">-->
219
                            <!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">-->
220
                          <!--</div>-->
221
                          <!--<h3 class="uk-margin-remove">-->
222
                            <!--<span *ngIf="!countryPageOverviewData || !countryPageOverviewData.journals || !countryPageOverviewData.journals.total" class="number">&#45;&#45;</span>-->
223
                            <!--<span *ngIf="countryPageOverviewData?.journals?.total" class="number">{{countryPageOverviewData.journals.total | number}}</span>-->
224
                            <!--&lt;!&ndash;<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>&ndash;&gt;-->
225
                            <!--&lt;!&ndash;<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
226
                          <!--</h3>-->
227
                        <!--</div>-->
228
                        <!--<div class="uk-margin-top">-->
229
                          <!--<span class=""><i>OA journals</i> from DOAJ</span>-->
230
                        <!--</div>-->
231
                        <!--<div *ngIf="countryPageOverviewData?.journals?.percentage" class="uk-margin-top">-->
232
                          <!--<span class="number">{{countryPageOverviewData.journals.percentage | number :'1.0-1'}}%</span> Validated-->
233
                          <!--<div class="progress uk-margin-small-top">-->
234
                            <!--<div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>-->
235
                          <!--</div>-->
236
                        <!--</div>-->
237
                      <!--</div>-->
238
                    <!--</div>-->
239
240 57732 stefania.m
                  </div>
241 60126 stefania.m
242
243
                  <!--<div class="">-->
244
245
                    <!--<div class="md-card" style="height: 47%">-->
246
                      <!--<div class="md-card-content">-->
247
                        <!--<div class="uk-margin-top">-->
248
                          <!--<div class="uk-float-right uk-margin-small-right">-->
249
                            <!--<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">-->
250
                          <!--</div>-->
251
                          <!--<h3 class="uk-margin-remove">-->
252
                            <!--<span class="number">&#45;&#45;</span>-->
253
                            <!--&lt;!&ndash;<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>&ndash;&gt;-->
254
                            <!--&lt;!&ndash;<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
255
                          <!--</h3>-->
256
                        <!--</div>-->
257
                        <!--<div class="uk-margin-top">-->
258
                          <!--<span class="">organizations with <i>OA policies</i></span>-->
259
                        <!--</div>-->
260
                      <!--</div>-->
261
                    <!--</div>-->
262
263
                    <!--<div></div>-->
264
                  <!--</div>-->
265 57732 stefania.m
                </div>
266
              </div>
267 58904 stefania.m
            </div>
268 58610 stefania.m
269 58904 stefania.m
            <!--MOBILE & PAD PORTRAIT-->
270
            <div class="uk-hidden@m uk-text-center uk-margin-medium-top">
271
              <div *ngIf="countryPageOverviewData" class="md-card chartCard overviewMobile">
272
                <div class="md-card-content">
273 58610 stefania.m
274 58904 stefania.m
275
                  <div class="uk-grid uk-margin-top">
276
                    <div class="uk-width-1-5">
277
                      <img src="../../../assets/img/icons/publications-icon.svg" width="30" height="30">
278 57732 stefania.m
                    </div>
279 58904 stefania.m
                    <div class="uk-width-2-5">
280
                      <div *ngIf="countryPageOverviewData.publicationsAffiliated?.oa" class="number big">{{countryPageOverviewData.publicationsAffiliated.oa | number}}</div>
281
                      <div *ngIf="!countryPageOverviewData.publicationsAffiliated || !countryPageOverviewData.publicationsAffiliated.oa" class="number big">--</div>
282
                      <div class="uk-margin-small-top">OA PUBLICATIONS AFFILIATED TO AN ORGANIZATION IN THE COUNTRY</div>
283 57732 stefania.m
                    </div>
284 58904 stefania.m
                    <div *ngIf="countryPageOverviewData.publicationsAffiliated?.percentage" class="uk-width-2-5">
285
                      <div class="progress">
286
                        <div [ngStyle]="{'width': countryPageOverviewData.publicationsAffiliated.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
287 58610 stefania.m
                      </div>
288 58904 stefania.m
                      <div class="uk-margin-small-top">
289
                        <span class="number">{{countryPageOverviewData.publicationsAffiliated.percentage | number :'1.0-1'}}%</span> OA
290
                      </div>
291 57732 stefania.m
                    </div>
292 58904 stefania.m
                  </div>
293
                  <div class="uk-grid uk-margin-top">
294
                    <div class="uk-width-1-5">
295
                    </div>
296
                    <div class="uk-width-2-5">
297
                      <div *ngIf="countryPageOverviewData.publicationsDeposited?.oa" class="number big">{{countryPageOverviewData.publicationsDeposited.oa | number}}</div>
298
                      <div *ngIf="!countryPageOverviewData.publicationsDeposited || !countryPageOverviewData.publicationsDeposited.oa" class="number big">--</div>
299
                      <div class="uk-margin-small-top">OA PUBLICATIONS FROM INSTITUTIONAL REPOSITORIES</div>
300
                    </div>
301
                    <div *ngIf="countryPageOverviewData.publicationsDeposited?.percentage" class="uk-width-2-5">
302
                      <div class="progress">
303
                        <div [ngStyle]="{'width': countryPageOverviewData.publicationsDeposited.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
304
                      </div>
305
                      <div class="uk-margin-small-top">
306
                        <span class="number">{{countryPageOverviewData.publicationsDeposited.percentage | number :'1.0-1'}}%</span> OA
307
                      </div>
308
                    </div>
309
                  </div>
310 58610 stefania.m
311 58904 stefania.m
                  <div class="uk-grid uk-margin-medium-top">
312
                    <div class="uk-width-1-5">
313
                      <img src="../../../assets/img/icons/datasets-icon.svg" width="30" height="30">
314
                    </div>
315
                    <div class="uk-width-2-5">
316
                      <div *ngIf="countryPageOverviewData.datasetsAffiliated?.oa" class="number big">{{countryPageOverviewData.datasetsAffiliated.oa | number}}</div>
317
                      <div *ngIf="!countryPageOverviewData.datasetsAffiliated || !countryPageOverviewData.datasetsAffiliated.oa" class="number big">--</div>
318
                      <div class="uk-margin-small-top">OA DATASETS AFFILIATED TO AN ORGANIZATION IN THE COUNTRY</div>
319
                    </div>
320
                    <div *ngIf="countryPageOverviewData.datasetsAffiliated?.percentage" class="uk-width-2-5">
321
                      <div class="progress">
322
                        <div [ngStyle]="{'width': countryPageOverviewData.datasetsAffiliated.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
323 58853 stefania.m
                      </div>
324 58904 stefania.m
                      <div class="uk-margin-small-top">
325
                        <span class="number">{{countryPageOverviewData.datasetsAffiliated.percentage | number :'1.0-1'}}%</span> OA
326
                      </div>
327 58610 stefania.m
                    </div>
328 58904 stefania.m
                  </div>
329
                  <div class="uk-grid uk-margin-medium-top">
330
                    <div class="uk-width-1-5">
331 58610 stefania.m
                    </div>
332 58904 stefania.m
                    <div class="uk-width-2-5">
333
                      <div *ngIf="countryPageOverviewData.datasetsDeposited?.oa" class="number big">{{countryPageOverviewData.datasetsDeposited.oa | number}}</div>
334
                      <div *ngIf="!countryPageOverviewData.datasetsDeposited || !countryPageOverviewData.datasetsDeposited.oa" class="number big">--</div>
335
                      <div class="uk-margin-small-top">OA DATASETS FROM INSTITUTIONAL REPOSITORIES</div>
336
                    </div>
337
                    <div *ngIf="countryPageOverviewData.datasetsDeposited?.percentage" class="uk-width-2-5">
338
                      <div class="progress">
339 58853 stefania.m
                        <div [ngStyle]="{'width': countryPageOverviewData.datasetsDeposited.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
340 58610 stefania.m
                      </div>
341 58904 stefania.m
                      <div class="uk-margin-small-top">
342
                        <span class="number">{{countryPageOverviewData.datasetsDeposited.percentage | number :'1.0-1'}}%</span> OA
343
                      </div>
344 58610 stefania.m
                    </div>
345 57732 stefania.m
                  </div>
346 58610 stefania.m
347 58904 stefania.m
                  <div class="uk-grid uk-margin-medium-top">
348
                    <div class="uk-width-1-5">
349
                      <img src="../../../assets/img/icons/repositories-icon.svg" width="30" height="30">
350 57732 stefania.m
                    </div>
351 58904 stefania.m
                    <div class="uk-width-2-5">
352
                      <div *ngIf="countryPageOverviewData.repositories?.oa" class="number big">{{countryPageOverviewData.repositories.oa | number}}</div>
353
                      <div *ngIf="!countryPageOverviewData.repositories || !countryPageOverviewData.repositories.oa" class="number big">--</div>
354
                      <div class="uk-margin-small-top">VALIDATED REPOSITORIES</div>
355 57732 stefania.m
                    </div>
356 58904 stefania.m
                    <div *ngIf="countryPageOverviewData.repositories?.percentage" class="uk-width-2-5">
357
                      <div class="progress">
358 58853 stefania.m
                        <div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
359 58610 stefania.m
                      </div>
360 58904 stefania.m
                      <div class="uk-margin-small-top">
361
                        <span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> VALIDATED
362
                      </div>
363 58610 stefania.m
                    </div>
364 57732 stefania.m
                  </div>
365 58610 stefania.m
366 58904 stefania.m
                  <div class="uk-grid uk-margin-medium-top">
367
                    <div class="uk-width-1-5">
368
                      <img src="../../../assets/img/icons/journals-icon.svg" width="30" height="30">
369 57732 stefania.m
                    </div>
370 58904 stefania.m
                    <div class="uk-width-2-5">
371
                      <div *ngIf="countryPageOverviewData.journals?.oa" class="number big">{{countryPageOverviewData.journals.oa | number}}</div>
372
                      <div *ngIf="!countryPageOverviewData.journals || !countryPageOverviewData.journals.oa" class="number big">--</div>
373
                      <div class="uk-margin-small-top">VALIDATED JOURNALS</div>
374 57732 stefania.m
                    </div>
375 58904 stefania.m
                    <div *ngIf="countryPageOverviewData.journals?.percentage" class="uk-width-2-5">
376
                      <div class="progress">
377 58853 stefania.m
                        <div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
378 58610 stefania.m
                      </div>
379 58904 stefania.m
                      <div class="uk-margin-small-top">
380
                        <span class="number">{{countryPageOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
381
                      </div>
382 58610 stefania.m
                    </div>
383 57732 stefania.m
                  </div>
384 58610 stefania.m
385 60126 stefania.m
                  <!--<div class="uk-grid uk-margin-medium-top uk-margin-bottom">-->
386
                    <!--<div class="uk-width-1-5">-->
387
                      <!--<img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">-->
388
                    <!--</div>-->
389
                    <!--<div class="uk-width-2-5">-->
390
                      <!--<div *ngIf="countryPageOverviewData.policies?.oa" class="number big">{{countryPageOverviewData.policies.oa | number}}</div>-->
391
                      <!--<div *ngIf="!countryPageOverviewData.policies || !countryPageOverviewData.policies.oa" class="number big">&#45;&#45;</div>-->
392
                      <!--<div class="uk-margin-small-top">OA POLICIES</div>-->
393
                    <!--</div>-->
394
                    <!--<div class="uk-width-2-5">-->
395 58610 stefania.m
396 60126 stefania.m
                    <!--</div>-->
397
                  <!--</div>-->
398 58904 stefania.m
399 57732 stefania.m
                </div>
400
              </div>
401
            </div>
402 58904 stefania.m
403
404 57732 stefania.m
          </div>
405 58904 stefania.m
406 57732 stefania.m
        </div>
407 57668 stefania.m
408 58904 stefania.m
        <!--Research Overview-->
409
        <!--LAPTOP & PAD LANDSCAPE-->
410
        <div class="uk-visible@m uk-width-1-5@m uk-width-1-5@l">
411
          <div class="md-card infoBox">
412
413
            <div class="md-card-toolbar">
414
              <h3 class="uk-text-center uk-margin-small-top">
415
                Research overview
416
              </h3>
417 57746 stefania.m
            </div>
418 58904 stefania.m
419
            <div class="md-card-content">
420
              <div class="numbers">
421
422
                <div class="indicator uk-margin-small-top">
423 59559 stefania.m
                  <ng-container *ngIf="countryPageOverviewData?.rndExpenditure">
424
                    <span class="number primary">{{countryPageOverviewData.rndExpenditure.expenditure}}%</span>
425
                    <span>
426
                      <span><i> of gdp for </i></span>
427
                      <span class="number primary">{{countryPageOverviewData.rndExpenditure.year}}</span>
428
                      <div><i> R&D expenditure</i></div>
429
                    </span>
430
                  </ng-container>
431
                  <ng-container *ngIf="!countryPageOverviewData || !countryPageOverviewData.rndExpenditure">
432
                    <span class="number primary">--</span>
433
                    <span><i>R&D expenditure</i></span>
434
                  </ng-container>
435 57746 stefania.m
                </div>
436 58904 stefania.m
437
                <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
438
439
                <div class="indicator">
440
                  <span class="number primary" *ngIf="countryPageOverviewData?.funders">{{countryPageOverviewData.funders}}</span>
441
                  <span class="number primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.funders">--</span>
442
                  <span><i>funding sources</i></span>
443 57748 stefania.m
                </div>
444 58904 stefania.m
445
                <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
446
447
                <div class="indicator">
448
                  <span class="number primary" *ngIf="countryPageOverviewData?.fundingOrganizations">{{countryPageOverviewData.fundingOrganizations}}</span>
449
                  <span class="number primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.fundingOrganizations">--</span>
450
                  <span><i>funding organizations</i></span>
451 57893 stefania.m
                </div>
452 58904 stefania.m
453
                <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
454
455
                <div class="indicator">
456
                  <span class="number primary" *ngIf="countryPageOverviewData?.ec_fundedOrganizations">{{countryPageOverviewData.ec_fundedOrganizations}}</span>
457
                  <span class="number primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.ec_fundedOrganizations">--</span>
458
                  <span><i>organizations funded by the European commission since 2013</i></span>
459 57893 stefania.m
                </div>
460 58904 stefania.m
461 57893 stefania.m
              </div>
462 57668 stefania.m
463 58904 stefania.m
464
              <div class="uk-text-center uk-margin-xlarge-top">
465
466
                <div class="uk-text-center uk-margin-medium-bottom">
467
                <span class="openaire-symbol-wrapper">
468
                  <img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">
469
                </span>
470 57746 stefania.m
                </div>
471 58904 stefania.m
                <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>
472 57746 stefania.m
              </div>
473 58904 stefania.m
474 57746 stefania.m
            </div>
475
          </div>
476
        </div>
477
478 58904 stefania.m
        <!--Research Overview-->
479
        <!--MOBILE & PAD PORTRAIT-->
480
        <div class="uk-hidden@m uk-width-1-1@s uk-margin-medium-top">
481
          <div class="uk-container uk-container-expand">
482
            <div *ngIf="countryPageOverviewData" class="md-card chartCard overviewMobile">
483
              <div class="md-card-content">
484
                <div class="numbers">
485
486
                  <div class="">
487 59559 stefania.m
                    <ng-container *ngIf="countryPageOverviewData?.rndExpenditure">
488
                      <span class="number big primary">{{countryPageOverviewData.rndExpenditure.expenditure}}%</span>
489
                      <span>
490
                      <span class="uk-margin-small-right uk-margin-small-left"> OF DGP FOR </span>
491
                      <span class="number big primary">{{countryPageOverviewData.rndExpenditure.year}}</span>
492
                      <div class="uk-margin-small-top"> R&D EXPENDITURE</div>
493
                    </span>
494
                    </ng-container>
495
                    <ng-container *ngIf="!countryPageOverviewData || !countryPageOverviewData.rndExpenditure">
496
                      <div class="number big primary">--</div>
497
                      <div class="uk-margin-small-top">R&D EXPENDITURE</div>
498
                    </ng-container>
499 57746 stefania.m
                  </div>
500
501 58904 stefania.m
                  <div class="uk-margin-medium-top">
502
                    <div class="number big primary" *ngIf="countryPageOverviewData?.funders">{{countryPageOverviewData.funders}}</div>
503
                    <div class="number big primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.funders">--</div>
504
                    <div class="uk-margin-small-top">FUNDING SOURCES</div>
505 57746 stefania.m
                  </div>
506 58904 stefania.m
507
                  <div class="uk-margin-medium-top">
508
                    <div class="number big primary" *ngIf="countryPageOverviewData?.fundingOrganizations">{{countryPageOverviewData.fundingOrganizations}}</div>
509
                    <div class="number big primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.fundingOrganizations">--</div>
510
                    <div class="uk-margin-small-top">FUNDING ORGANIZATIONS</div>
511 57746 stefania.m
                  </div>
512 58904 stefania.m
513
                  <div class=" uk-margin-medium-top">
514
                    <div class="number big primary" *ngIf="countryPageOverviewData?.ec_fundedOrganizations">{{countryPageOverviewData.ec_fundedOrganizations}}</div>
515
                    <div class="number big primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.ec_fundedOrganizations">--</div>
516
                    <div class="uk-margin-small-top">ORGANIZATIONS FUNDED BY THE EUROPEAN COMMISSION SINCE 2013</div>
517 57746 stefania.m
                  </div>
518 58904 stefania.m
519 57746 stefania.m
                </div>
520
              </div>
521
            </div>
522
          </div>
523
        </div>
524 57668 stefania.m
525
526 58904 stefania.m
      </div>
527 57668 stefania.m
528 58904 stefania.m
    </div>
529
  </section>
530 58610 stefania.m
531 58904 stefania.m
  <!--TABS SECTION-->
532
  <section class="section uk-margin-large-top" id="sect-tabs">
533
    <div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
534 58610 stefania.m
535 58904 stefania.m
      <div class="">
536 58610 stefania.m
537 58904 stefania.m
        <!--LAPTOP & PAD LANDSCAPE-->
538
        <ul class="uk-visible@m uk-tab uk-tab-large uk-flex-center" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
539 58923 stefania.m
          <li class="uk-active" aria-expanded="true"><a (click)="changeTopView('overview')">Overview</a></li>
540
          <li aria-expanded="false"><a (click)="changeTopView('openScience')">Open Science</a></li>
541 58904 stefania.m
          <li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>
542
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>
543
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>
544
          <!--<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Developers</a><div class="uk-dropdown uk-dropdown-small" aria-hidden="true"><ul class="uk-nav uk-nav-dropdown"></ul><div></div></div></li>-->
545
        </ul>
546 58610 stefania.m
547 58904 stefania.m
        <!--MOBILE & PAD PORTRAIT-->
548
        <ul class="uk-hidden@m uk-tab" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
549 58923 stefania.m
          <li class="uk-active" aria-expanded="true"><a (click)="changeTopView('overview')">Overview</a></li>
550
          <li aria-expanded="false"><a (click)="changeTopView('openScience')">Open Science</a></li>
551 58904 stefania.m
          <li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>
552
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>
553
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>
554
          <!--<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Developers</a><div class="uk-dropdown uk-dropdown-small" aria-hidden="true"><ul class="uk-nav uk-nav-dropdown"></ul><div></div></div></li>-->
555
        </ul>
556 58610 stefania.m
557 58904 stefania.m
        <ul id="team_tabbed" class="uk-switcher dataContainer">
558 58610 stefania.m
559 58904 stefania.m
          <!--OVERVIEW tab-->
560
          <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
561
            <div class="uk-margin tabContent">
562 58610 stefania.m
563 58923 stefania.m
              <div *ngIf="countryPageOAData" class="uk-grid uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-2@s uk-grid-match">
564 58610 stefania.m
565 58923 stefania.m
                <div>
566
                  <div class="md-card">
567
                    <div class="md-card-content">
568 58947 stefania.m
                      <svg viewBox="0 0 36 36" class="circular-chart publications">
569 58923 stefania.m
                        <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
570 58947 stefania.m
                        <path *ngIf="countryPageOAData.publicationsAffiliated?.percentage" class="circle" attr.stroke-dasharray="{{countryPageOAData.publicationsAffiliated.percentage}}, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
571
                        <text *ngIf="countryPageOAData.publicationsAffiliated?.percentage" x="18" y="20.35" class="percentage">{{countryPageOAData.publicationsAffiliated.percentage | number : '1.0-1'}}%</text>
572
                        <text *ngIf="!countryPageOAData.publicationsAffiliated || !countryPageOAData.publicationsAffiliated.percentage" x="18" y="20.35" class="percentage">0%</text>
573 58923 stefania.m
                      </svg>
574
                      <div class="uk-margin-small-top uk-text-center">OA publications</div>
575
                    </div>
576
                  </div>
577
                </div>
578 58610 stefania.m
579 58923 stefania.m
                <div>
580
                  <div class="md-card">
581
                    <div class="md-card-content">
582 58947 stefania.m
                      <svg viewBox="0 0 36 36" class="circular-chart datasets">
583 58923 stefania.m
                        <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
584 58947 stefania.m
                        <path *ngIf="countryPageOAData.datasetsAffiliated?.percentage" class="circle" attr.stroke-dasharray="{{countryPageOAData.datasetsAffiliated.percentage}}, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
585
                        <text *ngIf="countryPageOAData.datasetsAffiliated?.percentage" x="18" y="20.35" class="percentage">{{countryPageOAData.datasetsAffiliated.percentage | number : '1.0-1'}}%</text>
586
                        <text *ngIf="!countryPageOAData.datasetsAffiliated || !countryPageOAData.datasetsAffiliated.percentage" x="18" y="20.35" class="percentage">0%</text>
587 58923 stefania.m
                      </svg>
588
                      <div class="uk-margin-small-top uk-text-center">OA datasets</div>
589
                    </div>
590
                  </div>
591
                </div>
592 57732 stefania.m
593 58923 stefania.m
                <div>
594
                  <div class="md-card">
595
                    <div class="md-card-content">
596 58947 stefania.m
                      <svg viewBox="0 0 36 36" class="circular-chart software">
597 58923 stefania.m
                        <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
598 58947 stefania.m
                        <path *ngIf="countryPageOAData.software?.percentage" class="circle" attr.stroke-dasharray="{{countryPageOAData.software.percentage}}, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
599
                        <text *ngIf="countryPageOAData.software?.percentage" x="18" y="20.35" class="percentage">{{countryPageOAData.software.percentage | number : '1.0-1'}}%</text>
600
                        <text *ngIf="!countryPageOAData.software || !countryPageOAData.software.percentage" x="18" y="20.35" class="percentage">0%</text>
601 58923 stefania.m
                      </svg>
602
                      <div class="uk-margin-small-top uk-text-center">OS software</div>
603
                    </div>
604
                  </div>
605
                </div>
606 57732 stefania.m
607 58923 stefania.m
                <div>
608
                  <div class="md-card">
609
                    <div class="md-card-content">
610 58947 stefania.m
                      <svg viewBox="0 0 36 36" class="circular-chart other">
611 58923 stefania.m
                        <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
612 58947 stefania.m
                        <path *ngIf="countryPageOAData.other?.percentage" class="circle" attr.stroke-dasharray="{{countryPageOAData.other.percentage}}, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"></path>
613
                        <text *ngIf="countryPageOAData.other?.percentage" x="18" y="20.35" class="percentage">{{countryPageOAData.other.percentage | number : '1.0-1'}}%</text>
614
                        <text *ngIf="!countryPageOAData.other || !countryPageOAData.other.percentage" x="18" y="20.35" class="percentage">0%</text>
615 58923 stefania.m
                      </svg>
616
                      <div class="uk-margin-small-top uk-text-center">OA other research products</div>
617
                    </div>
618
                  </div>
619
                </div>
620 57732 stefania.m
621 58923 stefania.m
              </div>
622 58610 stefania.m
623 58923 stefania.m
              <div class="uk-grid uk-grid-row-medium uk-margin-small-top uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
624 57668 stefania.m
625 58923 stefania.m
                <div class="uk-grid-margin">
626
                  <div class="md-card chartCard">
627
                    <div class="md-card-content">
628
                      <iframe *ngIf="oaNonOAPublicationsTimelineChartURL" width="100%" height="350" [src]="oaNonOAPublicationsTimelineChartURL"></iframe>
629
                    </div>
630
                  </div>
631
                </div>
632 57668 stefania.m
633 58923 stefania.m
                <div class="uk-grid-margin">
634
                  <div class="md-card chartCard">
635
                    <div class="md-card-content">
636
                      <iframe *ngIf="oaNonOADatasetsTimelineChartURL" width="100%" height="350" [src]="oaNonOADatasetsTimelineChartURL"></iframe>
637
                    </div>
638
                  </div>
639
                </div>
640 58904 stefania.m
641 58923 stefania.m
                <div class="uk-grid-margin">
642
                  <div class="md-card chartCard">
643
                    <div class="md-card-content">
644
                      <iframe *ngIf="oaNonOASoftwareTimelineChartURL" width="100%" height="350" [src]="oaNonOASoftwareTimelineChartURL"></iframe>
645
                    </div>
646
                  </div>
647
                </div>
648 58904 stefania.m
649 58923 stefania.m
                <div class="uk-grid-margin">
650
                  <div class="md-card chartCard">
651
                    <div class="md-card-content">
652
                      <iframe *ngIf="oaNonOAOtherTimelineChartURL" width="100%" height="350" [src]="oaNonOAOtherTimelineChartURL"></iframe>
653
                    </div>
654
                  </div>
655
                </div>
656 58610 stefania.m
657
658 58923 stefania.m
              </div>
659 58610 stefania.m
660 58923 stefania.m
              <div class="uk-grid uk-child-width-1-3@m uk-child-width-1-3@l uk-child-width-1-1@s">
661
662
                <div class="uk-grid-margin">
663
                  <div class="md-card chartCard">
664
                    <div class="md-card-content">
665
                      <iframe *ngIf="publicationsByDatasourceChartURL" width="100%" height="550" [src]="publicationsByDatasourceChartURL"></iframe>
666
                    </div>
667
                  </div>
668
                </div>
669
670
                <div class="uk-grid-margin">
671
                  <div class="md-card chartCard">
672
                    <div class="md-card-content">
673
                      <iframe *ngIf="publicationsByOrganizationChartURL" width="100%" height="550" [src]="publicationsByOrganizationChartURL"></iframe>
674
                    </div>
675
                  </div>
676
                </div>
677
678
                <div class="uk-grid-margin">
679
                  <div class="md-card chartCard">
680
                    <div class="md-card-content">
681
                      <app-treemap-highchart *ngIf="publicationsByFunderData" [chartTitle]="'OA Publications by funder'"
682 60835 stefania.m
                                             [chartData]="publicationsByFunderData" [color]="publicationColor"></app-treemap-highchart>
683 58923 stefania.m
                    </div>
684
                  </div>
685
                </div>
686
687
                <div class="uk-grid-margin">
688
                  <div class="md-card chartCard">
689
                    <div class="md-card-content">
690
                      <iframe *ngIf="datasetsByDatasourceChartURL" width="100%" height="550" [src]="datasetsByDatasourceChartURL"></iframe>
691
                    </div>
692
                  </div>
693
                </div>
694
695
                <div class="uk-grid-margin">
696
                  <div class="md-card chartCard">
697
                    <div class="md-card-content">
698
                      <iframe *ngIf="datasetsByOrganizationChartURL" width="100%" height="550" [src]="datasetsByOrganizationChartURL"></iframe>
699
                    </div>
700
                  </div>
701
                </div>
702
703
                <div class="uk-grid-margin">
704
                  <div class="md-card chartCard">
705
                    <div class="md-card-content">
706
                      <app-treemap-highchart *ngIf="datasetsByFunderData" [chartTitle]="'OA Datasets by funder'"
707 60835 stefania.m
                                             [chartData]="datasetsByFunderData" [color]="datasetColor"></app-treemap-highchart>
708 58923 stefania.m
                    </div>
709
                  </div>
710
                </div>
711
712
                <div class="uk-grid-margin">
713
                  <div class="md-card chartCard">
714
                    <div class="md-card-content">
715
                      <iframe *ngIf="softwareByDatasourceChartURL" width="100%" height="550" [src]="softwareByDatasourceChartURL"></iframe>
716
                    </div>
717
                  </div>
718
                </div>
719
720
                <div class="uk-grid-margin">
721
                  <div class="md-card chartCard">
722
                    <div class="md-card-content">
723
                      <iframe *ngIf="softwareByOrganizationChartURL" width="100%" height="550" [src]="softwareByOrganizationChartURL"></iframe>
724
                    </div>
725
                  </div>
726
                </div>
727
728
                <div class="uk-grid-margin">
729
                  <div class="md-card chartCard">
730
                    <div class="md-card-content">
731
                      <app-treemap-highchart *ngIf="softwareByFunderData" [chartTitle]="'OS Software by funder'"
732 60835 stefania.m
                                             [chartData]="softwareByFunderData" [color]="softwareColor"></app-treemap-highchart>
733 58923 stefania.m
                    </div>
734
                  </div>
735
                </div>
736
737
                <div class="uk-grid-margin">
738
                  <div class="md-card chartCard">
739
                    <div class="md-card-content">
740
                      <iframe *ngIf="otherByDatasourceChartURL" width="100%" height="550" [src]="otherByDatasourceChartURL"></iframe>
741
                    </div>
742
                  </div>
743
                </div>
744
745
                <div class="uk-grid-margin">
746
                  <div class="md-card chartCard">
747
                    <div class="md-card-content">
748
                      <iframe *ngIf="otherByOrganizationChartURL" width="100%" height="550" [src]="otherByOrganizationChartURL"></iframe>
749
                    </div>
750
                  </div>
751
                </div>
752
753
                <div class="uk-grid-margin">
754
                  <div class="md-card chartCard">
755
                    <div class="md-card-content">
756
                      <app-treemap-highchart *ngIf="otherByFunderData" [chartTitle]="'OA Other research products by funder'"
757 60835 stefania.m
                                             [chartData]="otherByFunderData" [color]="otherResearchProductsColor"></app-treemap-highchart>
758 58923 stefania.m
                    </div>
759
                  </div>
760
                </div>
761
762
              </div>
763
764
              <div class="uk-grid uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@s">
765
766
                <div class="uk-grid-margin">
767
                  <div class="md-card chartCard">
768
                    <div class="md-card-content">
769
                      <iframe *ngIf="resultsByTypeOANonOAChartURL" width="100%" height="550" [src]="resultsByTypeOANonOAChartURL"></iframe>
770
                    </div>
771
                  </div>
772
                </div>
773
774
              </div>
775
776 58904 stefania.m
            </div>
777
          </li>
778 58912 stefania.m
779 58904 stefania.m
          <!--OPEN SCIENCE tab-->
780
          <li aria-hidden="true" style="animation-duration: 200ms;">
781
            <div class="uk-margin tabContent">
782 58912 stefania.m
783
              <ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">
784
                <li aria-expanded="true" class="uk-active">
785 58923 stefania.m
                  <a class="publicationsSubnav" (click)="changeInnerView('publications')" uk-tooltip="title: Publication; duration: 2000">
786 58912 stefania.m
                    <img src="../../../assets/img/icons/publications-icon.svg" width="15">
787
                  </a>
788
                </li>
789
                <li aria-expanded="false" class="">
790 58923 stefania.m
                  <a class="datasetsSubnav" (click)="changeInnerView('datasets')" uk-tooltip="title: Datasets; duration: 2000">
791 58912 stefania.m
                    <img src="../../../assets/img/icons/datasets-icon.svg" width="15">
792
                  </a>
793
                </li>
794
                <li aria-expanded="false" class="">
795 58923 stefania.m
                  <a class="softwareSubnav" (click)="changeInnerView('software')" uk-tooltip="title: Software; duration: 2000">
796 58912 stefania.m
                    <img src="../../../assets/img/icons/software-icon.svg" width="15">
797
                  </a>
798
                </li>
799
                <li aria-expanded="false" class="">
800 58923 stefania.m
                  <a class="otherSubnav" (click)="changeInnerView('other')" uk-tooltip="title: Other research products; duration: 2000">
801 58912 stefania.m
                    <img src="../../../assets/img/icons/other-icon.svg" width="15">
802
                  </a>
803
                </li>
804
              </ul>
805
806
              <hr class="uk-visible@m">
807
808
              <ul id="switcher-content-a-fade" class="uk-switcher uk-margin" >
809
                <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
810 58939 stefania.m
811 58912 stefania.m
                  <div>
812 58939 stefania.m
813
                    <div class="pidIndicator">
814 58946 stefania.m
                      <h3 class="uk-margin-remove">PID</h3>
815 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
816
817
                        <div class="uk-grid-margin">
818
                          <div class="md-card chartCard">
819
                            <div class="md-card-content">
820
                              <iframe *ngIf="publicationsWithPIDTimeline" width="100%" height="550" [src]="publicationsWithPIDTimeline"></iframe>
821
                            </div>
822
                          </div>
823
                        </div>
824
825
                        <div class="uk-grid-margin">
826
                          <div class="md-card chartCard">
827
                            <div class="md-card-content">
828
                              <iframe *ngIf="publicationsWithPIDByDatasourceChartURL" width="100%" height="550" [src]="publicationsWithPIDByDatasourceChartURL"></iframe>
829
                            </div>
830
                          </div>
831
                        </div>
832
833
                        <div class="uk-grid-margin">
834
                          <div class="md-card chartCard">
835
                            <div class="md-card-content">
836
                              <iframe *ngIf="publicationsWithPIDByOrganizationChartURL" width="100%" height="550" [src]="publicationsWithPIDByOrganizationChartURL"></iframe>
837
                            </div>
838
                          </div>
839
                        </div>
840
841
                        <div class="uk-grid-margin">
842
                          <div class="md-card chartCard">
843
                            <div class="md-card-content">
844
                              <app-treemap-highchart *ngIf="publicationsWithPIDByFunderData" [chartTitle]="'OA Publications with PID by funder'"
845 60835 stefania.m
                                                     [chartData]="publicationsWithPIDByFunderData" [color]="publicationColor"></app-treemap-highchart>
846 58939 stefania.m
                            </div>
847
                          </div>
848
                        </div>
849
850
                      </div>
851
                    </div>
852
853 58946 stefania.m
                    <div class="licenceIndicator uk-margin-large-top">
854
                      <h3 class="uk-margin-remove">Licence</h3>
855 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
856
857
                        <div class="uk-grid-margin">
858
                          <div class="md-card chartCard">
859
                            <div class="md-card-content">
860
                              <iframe *ngIf="publicationsWithLicenceTimeline" width="100%" height="550" [src]="publicationsWithLicenceTimeline"></iframe>
861
                            </div>
862
                          </div>
863
                        </div>
864
865
                        <div class="uk-grid-margin">
866
                          <div class="md-card chartCard">
867
                            <div class="md-card-content">
868
                              <iframe *ngIf="publicationsWithLicenceByDatasourceChartURL" width="100%" height="550" [src]="publicationsWithLicenceByDatasourceChartURL"></iframe>
869
                            </div>
870
                          </div>
871
                        </div>
872
873
                        <div class="uk-grid-margin">
874
                          <div class="md-card chartCard">
875
                            <div class="md-card-content">
876
                              <iframe *ngIf="publicationsWithLicenceByOrganizationChartURL" width="100%" height="550" [src]="publicationsWithLicenceByOrganizationChartURL"></iframe>
877
                            </div>
878
                          </div>
879
                        </div>
880
881
                        <div class="uk-grid-margin">
882
                          <div class="md-card chartCard">
883
                            <div class="md-card-content">
884
                              <app-treemap-highchart *ngIf="publicationsWithLicenceByFunderData" [chartTitle]="'OA Publications with licence by funder'"
885 60835 stefania.m
                                                     [chartData]="publicationsWithLicenceByFunderData" [color]="publicationColor"></app-treemap-highchart>
886 58939 stefania.m
                            </div>
887
                          </div>
888
                        </div>
889
890
                      </div>
891
                    </div>
892
893 58946 stefania.m
                    <div class="goldIndicator uk-margin-large-top">
894
                      <h3 class="uk-margin-remove">Gold</h3>
895 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
896
897
                        <div class="uk-grid-margin">
898
                          <div class="md-card chartCard">
899
                            <div class="md-card-content">
900
                              <iframe *ngIf="goldPublicationsTimeline" width="100%" height="550" [src]="goldPublicationsTimeline"></iframe>
901
                            </div>
902
                          </div>
903
                        </div>
904
905
                        <div class="uk-grid-margin">
906
                          <div class="md-card chartCard">
907
                            <div class="md-card-content">
908
                              <iframe *ngIf="goldPublicationsByDatasourceChartURL" width="100%" height="550" [src]="goldPublicationsByDatasourceChartURL"></iframe>
909
                            </div>
910
                          </div>
911
                        </div>
912
913
                        <div class="uk-grid-margin">
914
                          <div class="md-card chartCard">
915
                            <div class="md-card-content">
916
                              <iframe *ngIf="goldPublicationsByOrganizationChartURL" width="100%" height="550" [src]="goldPublicationsByOrganizationChartURL"></iframe>
917
                            </div>
918
                          </div>
919
                        </div>
920
921
                        <div class="uk-grid-margin">
922
                          <div class="md-card chartCard">
923
                            <div class="md-card-content">
924
                              <app-treemap-highchart *ngIf="goldPublicationsByFunderData" [chartTitle]="'Gold OA publications by funder'"
925 60835 stefania.m
                                                     [chartData]="goldPublicationsByFunderData" [color]="publicationColor"></app-treemap-highchart>
926 58939 stefania.m
                            </div>
927
                          </div>
928
                        </div>
929
930
                      </div>
931
                    </div>
932
933 58946 stefania.m
                    <div class="greenIndicator uk-margin-large-top">
934
                      <h3 class="uk-margin-remove">Green</h3>
935 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
936
937
                        <div class="uk-grid-margin">
938
                          <div class="md-card chartCard">
939
                            <div class="md-card-content">
940
                              <iframe *ngIf="greenPublicationsTimeline" width="100%" height="550" [src]="greenPublicationsTimeline"></iframe>
941
                            </div>
942
                          </div>
943
                        </div>
944
945
                        <div class="uk-grid-margin">
946
                          <div class="md-card chartCard">
947
                            <div class="md-card-content">
948
                              <iframe *ngIf="greenPublicationsByDatasourceChartURL" width="100%" height="550" [src]="greenPublicationsByDatasourceChartURL"></iframe>
949
                            </div>
950
                          </div>
951
                        </div>
952
953
                        <div class="uk-grid-margin">
954
                          <div class="md-card chartCard">
955
                            <div class="md-card-content">
956
                              <iframe *ngIf="greenPublicationsByOrganizationChartURL" width="100%" height="550" [src]="greenPublicationsByOrganizationChartURL"></iframe>
957
                            </div>
958
                          </div>
959
                        </div>
960
961
                        <div class="uk-grid-margin">
962
                          <div class="md-card chartCard">
963
                            <div class="md-card-content">
964
                              <app-treemap-highchart *ngIf="greenPublicationsByFunderData" [chartTitle]="'Green OA publications by funder'"
965 60835 stefania.m
                                                     [chartData]="greenPublicationsByFunderData" [color]="publicationColor"></app-treemap-highchart>
966 58939 stefania.m
                            </div>
967
                          </div>
968
                        </div>
969
970
                      </div>
971
                    </div>
972
973 58946 stefania.m
                    <div class="greenVsGoldIndicator uk-margin-large-top">
974
                      <h3 class="uk-margin-remove">Green vs. Gold</h3>
975 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
976
977
                        <div class="uk-grid-margin">
978
                          <div class="md-card chartCard">
979
                            <div class="md-card-content">
980
                              <iframe *ngIf="greenVsGoldPublicationsChartURL" width="100%" height="550" [src]="greenVsGoldPublicationsChartURL"></iframe>
981
                            </div>
982
                          </div>
983
                        </div>
984
985
                      </div>
986
                    </div>
987
988 58912 stefania.m
                  </div>
989 58939 stefania.m
990 58912 stefania.m
                </li>
991
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
992 58939 stefania.m
993 58912 stefania.m
                  <div>
994 58939 stefania.m
995
                    <div class="pidIndicator">
996 58946 stefania.m
                      <h3 class="uk-margin-remove">PID</h3>
997 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
998
999
                        <div class="uk-grid-margin">
1000
                          <div class="md-card chartCard">
1001
                            <div class="md-card-content">
1002
                              <iframe *ngIf="datasetsWithPIDTimeline" width="100%" height="550" [src]="datasetsWithPIDTimeline"></iframe>
1003
                            </div>
1004
                          </div>
1005
                        </div>
1006
1007
                        <div class="uk-grid-margin">
1008
                          <div class="md-card chartCard">
1009
                            <div class="md-card-content">
1010
                              <iframe *ngIf="datasetsWithPIDByDatasourceChartURL" width="100%" height="550" [src]="datasetsWithPIDByDatasourceChartURL"></iframe>
1011
                            </div>
1012
                          </div>
1013
                        </div>
1014
1015
                        <div class="uk-grid-margin">
1016
                          <div class="md-card chartCard">
1017
                            <div class="md-card-content">
1018
                              <iframe *ngIf="datasetsWithPIDByOrganizationChartURL" width="100%" height="550" [src]="datasetsWithPIDByOrganizationChartURL"></iframe>
1019
                            </div>
1020
                          </div>
1021
                        </div>
1022
1023
                        <div class="uk-grid-margin">
1024
                          <div class="md-card chartCard">
1025
                            <div class="md-card-content">
1026
                              <app-treemap-highchart *ngIf="datasetsWithPIDByFunderData" [chartTitle]="'OA Datasets with PID by funder'"
1027 60835 stefania.m
                                                     [chartData]="datasetsWithPIDByFunderData" [color]="datasetColor"></app-treemap-highchart>
1028 58939 stefania.m
                            </div>
1029
                          </div>
1030
                        </div>
1031
1032
                      </div>
1033
                    </div>
1034
1035 58946 stefania.m
                    <div class="licenceIndicator uk-margin-large-top">
1036
                      <h3 class="uk-margin-remove">Licence</h3>
1037 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
1038
1039
                        <div class="uk-grid-margin">
1040
                          <div class="md-card chartCard">
1041
                            <div class="md-card-content">
1042
                              <iframe *ngIf="datasetsWithLicenceTimeline" width="100%" height="550" [src]="datasetsWithLicenceTimeline"></iframe>
1043
                            </div>
1044
                          </div>
1045
                        </div>
1046
1047
                        <div class="uk-grid-margin">
1048
                          <div class="md-card chartCard">
1049
                            <div class="md-card-content">
1050
                              <iframe *ngIf="datasetsWithLicenceByDatasourceChartURL" width="100%" height="550" [src]="datasetsWithLicenceByDatasourceChartURL"></iframe>
1051
                            </div>
1052
                          </div>
1053
                        </div>
1054
1055
                        <div class="uk-grid-margin">
1056
                          <div class="md-card chartCard">
1057
                            <div class="md-card-content">
1058
                              <iframe *ngIf="datasetsWithLicenceByOrganizationChartURL" width="100%" height="550" [src]="datasetsWithLicenceByOrganizationChartURL"></iframe>
1059
                            </div>
1060
                          </div>
1061
                        </div>
1062
1063
                        <div class="uk-grid-margin">
1064
                          <div class="md-card chartCard">
1065
                            <div class="md-card-content">
1066
                              <app-treemap-highchart *ngIf="datasetsWithLicenceByFunderData" [chartTitle]="'OA Datasets with licence by funder'"
1067 60835 stefania.m
                                                     [chartData]="datasetsWithLicenceByFunderData" [color]="datasetColor"></app-treemap-highchart>
1068 58939 stefania.m
                            </div>
1069
                          </div>
1070
                        </div>
1071
1072
                      </div>
1073
                    </div>
1074
1075 58912 stefania.m
                  </div>
1076 58939 stefania.m
1077 58912 stefania.m
                </li>
1078
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
1079 58939 stefania.m
1080 58912 stefania.m
                  <div>
1081 58939 stefania.m
1082
                    <div class="pidIndicator">
1083 58946 stefania.m
                      <h3 class="uk-margin-remove">PID</h3>
1084 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
1085
1086
                        <div class="uk-grid-margin">
1087
                          <div class="md-card chartCard">
1088
                            <div class="md-card-content">
1089
                              <iframe *ngIf="softwareWithPIDTimeline" width="100%" height="550" [src]="softwareWithPIDTimeline"></iframe>
1090
                            </div>
1091
                          </div>
1092
                        </div>
1093
1094
                        <div class="uk-grid-margin">
1095
                          <div class="md-card chartCard">
1096
                            <div class="md-card-content">
1097
                              <iframe *ngIf="softwareWithPIDByDatasourceChartURL" width="100%" height="550" [src]="softwareWithPIDByDatasourceChartURL"></iframe>
1098
                            </div>
1099
                          </div>
1100
                        </div>
1101
1102
                        <div class="uk-grid-margin">
1103
                          <div class="md-card chartCard">
1104
                            <div class="md-card-content">
1105
                              <iframe *ngIf="softwareWithPIDByOrganizationChartURL" width="100%" height="550" [src]="softwareWithPIDByOrganizationChartURL"></iframe>
1106
                            </div>
1107
                          </div>
1108
                        </div>
1109
1110
                        <div class="uk-grid-margin">
1111
                          <div class="md-card chartCard">
1112
                            <div class="md-card-content">
1113
                              <app-treemap-highchart *ngIf="softwareWithPIDByFunderData" [chartTitle]="'OS Software with PID by funder'"
1114 60835 stefania.m
                                                     [chartData]="softwareWithPIDByFunderData" [color]="softwareColor"></app-treemap-highchart>
1115 58939 stefania.m
                            </div>
1116
                          </div>
1117
                        </div>
1118
1119
                      </div>
1120
                    </div>
1121
1122 58946 stefania.m
                    <div class="licenceIndicator uk-margin-large-top">
1123
                      <h3 class="uk-margin-remove">Licence</h3>
1124 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
1125
1126
                        <div class="uk-grid-margin">
1127
                          <div class="md-card chartCard">
1128
                            <div class="md-card-content">
1129
                              <iframe *ngIf="softwareWithLicenceTimeline" width="100%" height="550" [src]="softwareWithLicenceTimeline"></iframe>
1130
                            </div>
1131
                          </div>
1132
                        </div>
1133
1134
                        <div class="uk-grid-margin">
1135
                          <div class="md-card chartCard">
1136
                            <div class="md-card-content">
1137
                              <iframe *ngIf="softwareWithLicenceByDatasourceChartURL" width="100%" height="550" [src]="softwareWithLicenceByDatasourceChartURL"></iframe>
1138
                            </div>
1139
                          </div>
1140
                        </div>
1141
1142
                        <div class="uk-grid-margin">
1143
                          <div class="md-card chartCard">
1144
                            <div class="md-card-content">
1145
                              <iframe *ngIf="softwareWithLicenceByOrganizationChartURL" width="100%" height="550" [src]="softwareWithLicenceByOrganizationChartURL"></iframe>
1146
                            </div>
1147
                          </div>
1148
                        </div>
1149
1150
                        <div class="uk-grid-margin">
1151
                          <div class="md-card chartCard">
1152
                            <div class="md-card-content">
1153
                              <app-treemap-highchart *ngIf="softwareWithLicenceByFunderData" [chartTitle]="'OS Software with licence by funder'"
1154 60835 stefania.m
                                                     [chartData]="softwareWithLicenceByFunderData" [color]="softwareColor"></app-treemap-highchart>
1155 58939 stefania.m
                            </div>
1156
                          </div>
1157
                        </div>
1158
1159
                      </div>
1160
                    </div>
1161
1162 58912 stefania.m
                  </div>
1163 58939 stefania.m
1164 58912 stefania.m
                </li>
1165
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
1166 58939 stefania.m
1167 58912 stefania.m
                  <div>
1168 58939 stefania.m
1169
                    <div class="pidIndicator">
1170 58946 stefania.m
                      <h3 class="uk-margin-remove">PID</h3>
1171 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
1172
1173
                        <div class="uk-grid-margin">
1174
                          <div class="md-card chartCard">
1175
                            <div class="md-card-content">
1176
                              <iframe *ngIf="otherWithPIDTimeline" width="100%" height="550" [src]="otherWithPIDTimeline"></iframe>
1177
                            </div>
1178
                          </div>
1179
                        </div>
1180
1181
                        <div class="uk-grid-margin">
1182
                          <div class="md-card chartCard">
1183
                            <div class="md-card-content">
1184
                              <iframe *ngIf="otherWithPIDByDatasourceChartURL" width="100%" height="550" [src]="otherWithPIDByDatasourceChartURL"></iframe>
1185
                            </div>
1186
                          </div>
1187
                        </div>
1188
1189
                        <div class="uk-grid-margin">
1190
                          <div class="md-card chartCard">
1191
                            <div class="md-card-content">
1192
                              <iframe *ngIf="otherWithPIDByOrganizationChartURL" width="100%" height="550" [src]="otherWithPIDByOrganizationChartURL"></iframe>
1193
                            </div>
1194
                          </div>
1195
                        </div>
1196
1197
                        <div class="uk-grid-margin">
1198
                          <div class="md-card chartCard">
1199
                            <div class="md-card-content">
1200
                              <app-treemap-highchart *ngIf="otherWithPIDByFunderData" [chartTitle]="'OA Other research products with PID by funder'"
1201 60835 stefania.m
                                                     [chartData]="otherWithPIDByFunderData" [color]="otherResearchProductsColor"></app-treemap-highchart>
1202 58939 stefania.m
                            </div>
1203
                          </div>
1204
                        </div>
1205
1206
                      </div>
1207
                    </div>
1208
1209 58946 stefania.m
                    <div class="licenceIndicator uk-margin-large-top">
1210
                      <h3 class="uk-margin-remove">Licence</h3>
1211 58939 stefania.m
                      <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">
1212
1213
                        <div class="uk-grid-margin">
1214
                          <div class="md-card chartCard">
1215
                            <div class="md-card-content">
1216
                              <iframe *ngIf="otherWithLicenceTimeline" width="100%" height="550" [src]="otherWithLicenceTimeline"></iframe>
1217
                            </div>
1218
                          </div>
1219
                        </div>
1220
1221
                        <div class="uk-grid-margin">
1222
                          <div class="md-card chartCard">
1223
                            <div class="md-card-content">
1224
                              <iframe *ngIf="otherWithLicenceByDatasourceChartURL" width="100%" height="550" [src]="otherWithLicenceByDatasourceChartURL"></iframe>
1225
                            </div>
1226
                          </div>
1227
                        </div>
1228
1229
                        <div class="uk-grid-margin">
1230
                          <div class="md-card chartCard">
1231
                            <div class="md-card-content">
1232
                              <iframe *ngIf="otherWithLicenceByOrganizationChartURL" width="100%" height="550" [src]="otherWithLicenceByOrganizationChartURL"></iframe>
1233
                            </div>
1234
                          </div>
1235
                        </div>
1236
1237
                        <div class="uk-grid-margin">
1238
                          <div class="md-card chartCard">
1239
                            <div class="md-card-content">
1240
                              <app-treemap-highchart *ngIf="otherWithLicenceByFunderData" [chartTitle]="'OA Other research products with licence by funder'"
1241 60835 stefania.m
                                                     [chartData]="otherWithLicenceByFunderData" [color]="otherResearchProductsColor"></app-treemap-highchart>
1242 58939 stefania.m
                            </div>
1243
                          </div>
1244
                        </div>
1245
1246
                      </div>
1247
                    </div>
1248
1249 58912 stefania.m
                  </div>
1250 58939 stefania.m
1251 58912 stefania.m
                </li>
1252
              </ul>
1253
1254 58904 stefania.m
            </div>
1255
          </li>
1256 58912 stefania.m
1257 58904 stefania.m
          <li aria-hidden="true">
1258
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
1259
            </div>
1260
          </li>
1261 58912 stefania.m
1262 58904 stefania.m
          <li aria-hidden="true">
1263
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
1264
            </div>
1265
          </li>
1266 58912 stefania.m
1267 58904 stefania.m
          <li aria-hidden="true">
1268
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
1269
            </div>
1270
          </li>
1271
        </ul>
1272
      </div>
1273 58610 stefania.m
1274 57668 stefania.m
    </div>
1275 58904 stefania.m
  </section>
1276 57668 stefania.m
1277 58904 stefania.m
1278
  <!--link to OpenAIRE page-->
1279
  <!--MOBILE & PAD PORTRAIT-->
1280
  <div class="uk-hidden@m">
1281
    <div class="uk-text-center uk-margin-xlarge-top uk-margin-large-bottom">
1282
1283
      <div class="uk-text-center uk-margin-medium-bottom">
1284
                <span class="openaire-symbol-wrapper">
1285
                  <img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">
1286
                </span>
1287
      </div>
1288
      <a class="uk-link primary" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>
1289
    </div>
1290 57668 stefania.m
  </div>
1291 58904 stefania.m
1292
</div>