Project

General

Profile

1
<!--LAPTOP & PAD LANDSCAPE-->
2
<div class="uk-visible@m">
3
  <!--MAP AND OVERVIEW NUMBERS SECTION-->
4
  <section class="section greySection" id="sect-overview">
5
    <div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-margin-bottom" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
6

    
7
      <div class="uk-grid uk-grid-small uk-margin-bottom uk-grid-match" uk-height-viewport="offset-bottom: 25">
8

    
9
        <div class="uk-width-4-5">
10

    
11
          <!--Map Container-->
12
          <app-europe-map-overview (emitSelectedCountry)="countrySelected($event)"></app-europe-map-overview>
13
          <!--<app-map-overview *ngIf="overviewData?.countries" (emitSelectedCountry)="selectedCountry($event)"></app-map-overview>-->
14

    
15

    
16

    
17
        </div>
18

    
19
        <div class="uk-width-1-5">
20
          <div class="md-card infoBox">
21
            <ng-container *ngIf="!selectedCountry">
22
              <div class="md-card-toolbar">
23
                <h3 class="uk-text-center">OPENAIRE MONITOR OBSERVATORY</h3>
24
              </div>
25
              <div *ngIf="!selectedCountry" class="md-card-content">
26
                <div>An OpenAIRE service to:</div>
27
                <ul>
28
                  <li>
29
                    Better understand the European open research landscape
30
                  </li>
31
                  <li>
32
                    Track trends for open access to publications, data, software
33
                  </li>
34
                  <li>
35
                    Reveal hidden potential on existing resources
36
                  </li>
37
                  <li>
38
                    View open collaboration patterns
39
                  </li>
40
                </ul>
41
                <div class="uk-text-center uk-margin-medium-top uk-margin-medium-bottom">
42
                  <button class="md-btn md-btn-primary">Learn More</button>
43
                </div>
44

    
45
              </div>
46
              <div></div>
47
            </ng-container>
48

    
49
            <ng-container *ngIf="selectedCountry">
50
              <div class="md-card-toolbar">
51
                <h3 class="uk-text-center uk-margin-small-top">
52
                  <a class="backToOriginalInfoBox uk-float-left" (click)="deselectCountry()"><i class="fas fa-angle-left"></i></a>
53
                  <img src="../../../assets/img/flags/{{selectedCountry.code | lowercase}}-flag-round.png" class="small-flag-image uk-margin-small-right" width="24" style="margin-top: -3px">
54
                  <span>{{selectedCountry.name | uppercase}}</span>
55
                </h3>
56
              </div>
57
              <div *ngIf="!selectedCountryData" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-5x loader" aria-hidden="true"></i></div>
58
              <!--<div *ngIf="!selectedCountryData" class="loading-big">-->
59
              <!--<div uk-spinner="ratio: 2" class="uk-overlay uk-position-center uk-dark" style="margin: auto"></div>-->
60
              <!--&lt;!&ndash;<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">&ndash;&gt;-->
61
              <!--&lt;!&ndash;{{ loadingMessage }}&ndash;&gt;-->
62
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
63
              <!--<div class="transparentFilm"></div>-->
64
              <!--</div>-->
65
              <div *ngIf="selectedCountryData" class="md-card-content">
66
                <div class="numbers">
67
                  <div class="uk-margin-small-top">
68

    
69
                    <div class="indicator">
70
                      <span class="number publications" *ngIf="selectedCountryData.publicationsAffiliated!=null">{{selectedCountryData.publicationsAffiliated | number}}</span>
71
                      <span class="number publications" *ngIf="selectedCountryData.publicationsAffiliated===null">--</span>
72
                      <span><i>OA publications</i> affiliated to an organization in the country</span>
73
                    </div>
74

    
75
                    <div class="indicator uk-margin-small-top">
76
                      <span class="number publications" *ngIf="selectedCountryData.publicationsDeposited!=null">{{selectedCountryData.publicationsDeposited | number}}</span>
77
                      <span class="number publications" *ngIf="selectedCountryData.publicationsDeposited===null">--</span>
78
                      <span><i>OA publications</i> from institutional repositories</span>
79
                    </div>
80

    
81
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
82

    
83
                    <div class="indicator">
84
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsAffiliated!=null">{{selectedCountryData.datasetsAffiliated | number}}</span>
85
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsAffiliated===null">--</span>
86
                      <span><i>OA datasets</i> affiliated to an organization in the country</span>
87
                    </div>
88

    
89
                    <div class="indicator uk-margin-small-top">
90
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsDeposited!=null">{{selectedCountryData.datasetsDeposited | number}}</span>
91
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsDeposited===null">--</span>
92
                      <span><i>OA datasets</i> from institutional repositories</span>
93
                    </div>
94

    
95
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
96

    
97
                    <div class="indicator">
98
                      <span class="number repositories" *ngIf="selectedCountryData.repositories!=null">{{selectedCountryData.repositories | number}}</span>
99
                      <span class="number repositories" *ngIf="selectedCountryData.repositories===null">--</span>
100
                      <span><i>repositories</i> from openDOAR & re3data</span>
101
                    </div>
102

    
103
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
104

    
105
                    <div class="indicator">
106
                      <span class="number journals" *ngIf="selectedCountryData.journals!=null">{{selectedCountryData.journals | number}}</span>
107
                      <span class="number journals" *ngIf="selectedCountryData.journals===null">--</span>
108
                      <span><i>journals</i> from DOAJ</span>
109
                    </div>
110

    
111
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
112

    
113
                    <div class="indicator">
114
                      <span class="number policies" *ngIf="selectedCountryData.policies!=null">{{selectedCountryData.policies | number}}</span>
115
                      <span class="number policies" *ngIf="selectedCountryData.policies===null">--</span>
116
                      <span>organisations with <i>OA policies</i></span>
117
                    </div>
118

    
119
                  </div>
120

    
121
                </div>
122

    
123
                <div class="uk-text-center uk-margin-medium-top">
124
                  <!--<button [routerLink]="['/countryDashboard/' + selectedCountry.code]" class="md-btn md-btn-primary">View Details</button>-->
125
                  <button [routerLink]="['/countryDashboard' , selectedCountry.code]" class="md-btn md-btn-primary">View Details</button>
126
                </div>
127

    
128
              </div>
129
              <div></div>
130
            </ng-container>
131
          </div>
132
        </div>
133

    
134

    
135
        <!--<div class="uk-width-large-3-5 uk-container-center uk-text-center">-->
136
        <!--<h2 class="heading_b">-->
137
        <!--Our Team-->
138
        <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
139
        <!--</h2>-->
140
        <!--</div>-->
141
      </div>
142

    
143
    </div>
144
    <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}">
145

    
146
      <div class="">
147
        <!--Overview cards-->
148
        <div *ngIf="europeOverviewData" class="uk-width-1-1 indicatorCards">
149
          <div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-5@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
150
            <div class="uk-row-first">
151
              <div class="md-card">
152
                <div class="md-card-content">
153
                  <div class="uk-margin-top">
154
                    <div class="uk-float-right uk-margin-small-right">
155
                      <img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
156
                    </div>
157
                    <h3 class="uk-margin-remove">
158
                      <span *ngIf="europeOverviewData.publications?.oa" class="number">{{europeOverviewData.publications.oa | number}}</span>
159
                      <span *ngIf="!europeOverviewData.publications || !europeOverviewData.publications.oa" class="number">--</span>
160
                    </h3>
161
                  </div>
162
                  <div class="uk-margin-top">
163
                    <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
164
                    <span class=""><i>OA publications</i></span>
165
                  </div>
166
                  <div *ngIf="europeOverviewData.publications?.percentage" class="uk-margin-top">
167
                    <span class="number">{{europeOverviewData.publications.percentage | number :'1.0-1'}}%</span> OA
168
                    <div class="progress uk-margin-small-top">
169
                      <div [ngStyle]="{'width': europeOverviewData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
170
                    </div>
171
                  </div>
172
                </div>
173
              </div>
174
            </div>
175
            <div class="">
176
              <div class="md-card">
177
                <div class="md-card-content">
178
                  <div class="uk-margin-top">
179
                    <div class="uk-float-right uk-margin-small-right">
180
                      <img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
181
                    </div>
182
                    <h3 class="uk-margin-remove">
183
                      <span *ngIf="europeOverviewData.datasets?.oa" class="number">{{europeOverviewData.datasets.oa | number}}</span>
184
                      <span *ngIf="!europeOverviewData.datasets || !europeOverviewData.datasets.oa" class="number">--</span>
185
                    </h3>
186
                  </div>
187
                  <div class="uk-margin-top">
188
                    <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
189
                    <span class=""><i>OA datasets</i></span>
190
                  </div>
191
                  <div *ngIf="europeOverviewData.datasets?.percentage" class="uk-margin-top">
192
                    <span class="number">{{europeOverviewData.datasets.percentage | number :'1.0-1'}}%</span> OA
193
                    <div class="progress uk-margin-small-top">
194
                      <div [ngStyle]="{'width': europeOverviewData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
195
                    </div>
196
                  </div>
197
                </div>
198
              </div>
199
            </div>
200
            <div class="">
201
              <div class="md-card">
202
                <div class="md-card-content">
203
                  <div class="uk-margin-top">
204
                    <div class="uk-float-right uk-margin-small-right">
205
                      <img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
206
                    </div>
207
                    <h3 class="uk-margin-remove">
208
                      <span *ngIf="europeOverviewData.repositories?.total" class="number">{{europeOverviewData.repositories.total | number}}</span>
209
                      <span *ngIf="!europeOverviewData.repositories || !europeOverviewData.repositories.total" class="number">--</span>
210
                    </h3>
211
                  </div>
212
                  <div class="uk-margin-top">
213
                    <span class="">validated <i>repositories</i></span>
214
                  </div>
215
                  <div *ngIf="europeOverviewData.repositories?.percentage" class="uk-margin-top">
216
                    <span class="number">{{europeOverviewData.repositories.percentage | number : '1.0-1'}}%</span> Validated
217
                    <div class="progress uk-margin-small-top">
218
                      <div [ngStyle]="{'width': europeOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
219
                    </div>
220
                  </div>
221
                </div>
222
              </div>
223
            </div>
224
            <div class="">
225
              <div class="md-card">
226
                <div class="md-card-content">
227
                  <div class="uk-margin-top">
228
                    <div class="uk-float-right uk-margin-small-right">
229
                      <img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
230
                    </div>
231
                    <h3 class="uk-margin-remove">
232
                      <span *ngIf="europeOverviewData.journals?.total" class="number">{{europeOverviewData.journals.total | number}}</span>
233
                      <span *ngIf="!europeOverviewData.journals || !europeOverviewData.journals.total" class="number">--</span>
234
                    </h3>
235
                  </div>
236
                  <div class="uk-margin-top">
237
                    <span class="">validated <i>OA journals</i></span>
238
                  </div>
239
                  <div *ngIf="europeOverviewData.journals?.percentage" class="uk-margin-top">
240
                    <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
241
                    <div class="progress uk-margin-small-top">
242
                      <div [ngStyle]="{'width': europeOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
243
                    </div>
244
                  </div>
245
                </div>
246
              </div>
247
            </div>
248
            <div class="">
249
              <div class="md-card">
250
                <div class="md-card-content">
251
                  <div class="uk-margin-top">
252
                    <div class="uk-float-right uk-margin-small-right">
253
                      <img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
254
                    </div>
255
                    <h3 class="uk-margin-remove">
256
                      <span *ngIf="europeOverviewData.policies?.oa" class="number">{{europeOverviewData.policies.oa | number}}</span>
257
                      <span *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number">--</span>
258
                    </h3>
259
                  </div>
260
                  <div class="uk-margin-top">
261
                    <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
262
                    <span class="">organizations with <i>OA policies</i></span>
263
                  </div>
264
                  <!--<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">-->
265
                  <!--<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA-->
266
                  <!--</div>-->
267
                </div>
268
              </div>
269
            </div>
270
          </div>
271
        </div>
272
      </div>
273

    
274
    </div>
275
  </section>
276

    
277

    
278
  <!--OA IN EUROPE SECTION-->
279
  <section class="section greySection" id="sect-tabs">
280
    <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}">
281

    
282
      <h3>OA in Europe</h3>
283

    
284
      <div class="dataContainer">
285
        <div class="uk-margin tabContent">
286
          <app-data-view></app-data-view>
287
          <!--<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>-->
288
        </div>
289
      </div>
290

    
291
    </div>
292
  </section>
293
</div>
294

    
295

    
296
<!--MOBILE & PAD PORTRAIT-->
297
<div class="uk-hidden@m">
298

    
299
  <section class="section">
300
    <div class="uk-container uk-container-expand uk-container-center ">
301

    
302
      <!--<div class="uk-margin-top">-->
303
        <!--<form class="uk-search uk-search-default searchForCountry">-->
304
          <!--<span uk-search-icon></span>-->
305
          <!--<input class="uk-search-input" type="search" placeholder="Search for a country...">-->
306
        <!--</form>-->
307
      <!--</div>-->
308

    
309
      <div class="uk-margin-top">
310

    
311
        <div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry">
312
          <span id="search-icon" uk-search-icon></span>
313
          <ng-autocomplete
314
            [data]="countriesCollection"
315
            [searchKeyword]="keyword"
316
            placeHolder="Search for a country..."
317
            (selected)='selectCountryFromAutocompleteEvent($event)'
318
            (inputChanged)='onChangeSearch($event)'
319
            (inputFocused)='onFocused($event)'
320
            historyIdentifier="countriesCollection"
321
            [itemTemplate]="itemTemplate"
322
            [notFoundTemplate]="notFoundTemplate">
323
          </ng-autocomplete>
324

    
325
          <ng-template #itemTemplate let-item>
326
            <a [innerHTML]="item.name"></a>
327
          </ng-template>
328

    
329
          <ng-template #notFoundTemplate let-notFound>
330
            <div [innerHTML]="notFound"></div>
331
          </ng-template>
332
        </div>
333

    
334

    
335

    
336
        <!--<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry" data-uk-autocomplete="{source:'https://getuikit.com/v2/tests/components/_autocomplete.json'}">-->
337
          <!--<span uk-search-icon></span>-->
338
          <!--<input class="uk-search-input" type="search" placeholder="Search for a country...">-->
339
          <!--&lt;!&ndash;<input type="text">&ndash;&gt;-->
340
        <!--</div>-->
341

    
342
      </div>
343

    
344

    
345
    </div>
346
  </section>
347

    
348
  <section class="section">
349
    <div class="uk-container uk-container-expand uk-container-center ">
350

    
351
      <h3>OA in Europe</h3>
352

    
353
      <div *ngIf="europeOverviewData" class="md-card chartCard overviewMobile">
354
        <div class="md-card-content">
355

    
356

    
357
          <div class="uk-grid uk-margin-top">
358
            <div class="uk-width-1-5">
359
              <img src="../../../assets/img/icons/publications-icon.svg" width="30" height="30">
360
            </div>
361
            <div class="uk-width-2-5">
362
              <div *ngIf="europeOverviewData.publications?.oa" class="number big">{{europeOverviewData.publications.oa | number}}</div>
363
              <div *ngIf="!europeOverviewData.publications || !europeOverviewData.publications.oa" class="number big">--</div>
364
              <div class="uk-margin-small-top">OA PUBLICATIONS</div>
365
            </div>
366
            <div *ngIf="europeOverviewData.publications?.percentage" class="uk-width-2-5">
367
              <div class="progress">
368
                <div [ngStyle]="{'width': europeOverviewData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
369
              </div>
370
              <div class="uk-margin-small-top">
371
                <span class="number">{{europeOverviewData.publications.percentage | number :'1.0-1'}}%</span> OA
372
              </div>
373
            </div>
374
          </div>
375

    
376
          <div class="uk-grid uk-margin-medium-top">
377
            <div class="uk-width-1-5">
378
              <img src="../../../assets/img/icons/datasets-icon.svg" width="30" height="30">
379
            </div>
380
            <div class="uk-width-2-5">
381
              <div *ngIf="europeOverviewData.datasets?.oa" class="number big">{{europeOverviewData.datasets.oa | number}}</div>
382
              <div *ngIf="!europeOverviewData.datasets || !europeOverviewData.datasets.oa" class="number big">--</div>
383
              <div class="uk-margin-small-top">OA DATASETS</div>
384
            </div>
385
            <div *ngIf="europeOverviewData.datasets?.percentage" class="uk-width-2-5">
386
              <div class="progress">
387
                <div [ngStyle]="{'width': europeOverviewData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
388
              </div>
389
              <div class="uk-margin-small-top">
390
                <span class="number">{{europeOverviewData.datasets.percentage | number :'1.0-1'}}%</span> OA
391
              </div>
392
            </div>
393
          </div>
394

    
395
          <div class="uk-grid uk-margin-medium-top">
396
            <div class="uk-width-1-5">
397
              <img src="../../../assets/img/icons/repositories-icon.svg" width="30" height="30">
398
            </div>
399
            <div class="uk-width-2-5">
400
              <div *ngIf="europeOverviewData.repositories?.total" class="number big">{{europeOverviewData.repositories.total | number}}</div>
401
              <div *ngIf="!europeOverviewData.repositories || !europeOverviewData.repositories.total" class="number big">--</div>
402
              <div class="uk-margin-small-top">REPOSITORIES FROM OPENDOAR & RE3DATA</div>
403
            </div>
404
            <div *ngIf="europeOverviewData.repositories?.percentage" class="uk-width-2-5">
405
              <div class="progress">
406
                <div [ngStyle]="{'width': europeOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
407
              </div>
408
              <div class="uk-margin-small-top">
409
                <span class="number">{{europeOverviewData.repositories.percentage | number :'1.0-1'}}%</span> VALIDATED
410
              </div>
411
            </div>
412
          </div>
413

    
414
          <div class="uk-grid uk-margin-medium-top">
415
            <div class="uk-width-1-5">
416
              <img src="../../../assets/img/icons/journals-icon.svg" width="30" height="30">
417
            </div>
418
            <div class="uk-width-2-5">
419
              <div *ngIf="europeOverviewData.journals?.total" class="number big">{{europeOverviewData.journals.total | number}}</div>
420
              <div *ngIf="!europeOverviewData.journals || !europeOverviewData.journals.total" class="number big">--</div>
421
              <div class="uk-margin-small-top">JOURNALS FROM DOAJ</div>
422
            </div>
423
            <div *ngIf="europeOverviewData.journals?.percentage" class="uk-width-2-5">
424
              <div class="progress">
425
                <div [ngStyle]="{'width': europeOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
426
              </div>
427
              <div class="uk-margin-small-top">
428
                <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
429
              </div>
430
            </div>
431
          </div>
432

    
433
          <div class="uk-grid uk-margin-medium-top uk-margin-bottom">
434
            <div class="uk-width-1-5">
435
              <img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">
436
            </div>
437
            <div class="uk-width-2-5">
438
              <div *ngIf="europeOverviewData.policies?.oa" class="number big">{{europeOverviewData.policies.oa | number}}</div>
439
              <div *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number big">--</div>
440
              <div class="uk-margin-small-top">OA POLICIES</div>
441
            </div>
442
            <div class="uk-width-2-5">
443

    
444
            </div>
445
          </div>
446

    
447
        </div>
448
      </div>
449

    
450
    </div>
451
  </section>
452

    
453
  <section class="section">
454
    <div class="uk-container uk-container-expand uk-container-center ">
455

    
456
      <h3>Leading Open Science</h3>
457

    
458
      <div *ngIf="leadingOpenScienceData" class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-2">
459

    
460
        <div *ngFor="let data of leadingOpenScienceData" class="uk-margin-small-top">
461
          <div class="md-card leadingOpenScienceCard">
462
            <a [routerLink]="['/countryDashboard', data.code]" class="el-link uk-position-cover uk-margin-remove-adjacent"></a>
463
            <div class="md-card-content">
464
              <div class="">
465
                <!--<div class="uk-flex">-->
466
                <img src="../../../assets/img/flags/{{data.code | lowercase}}-flag.svg" width="15">
467
                <span class="countryName uk-margin-small-left">{{data.name}}</span>
468
              </div>
469
              <div class="uk-margin-top">
470
                <!--<span class="number publications">18,165</span>-->
471
                <div class="number publications" *ngIf="data.publicationsAffiliated!=null">{{data.publicationsAffiliated | number}}</div>
472
                <div class="number publications" *ngIf="data.publicationsAffiliated===null">--</div>
473
                <div class="uk-margin-small-top"><i>OA publications</i> affiliated to an organization in the country</div>
474
              </div>
475
              <div class="uk-margin-top">
476
                <!--<span class="number publications">18,165</span>-->
477
                <div class="number publications" *ngIf="data.publicationsDeposited!=null">{{data.publicationsDeposited | number}}</div>
478
                <div class="number publications" *ngIf="data.publicationsDeposited===null">--</div>
479
                <div class="uk-margin-small-top"><i>OA publications</i> from institutional repositories</div>
480
              </div>
481
            </div>
482
          </div>
483
        </div>
484

    
485
      </div>
486

    
487
    </div>
488
  </section>
489

    
490
  <section class="section">
491
    <div class="uk-container uk-container-expand uk-container-center ">
492
      <div class="goToDetailedViewLink">
493
        <a class="" [routerLink]="['/overview' , 'europe']">Detailed View of OA in Europe<i class="fas fa-arrow-right uk-margin-small-left"></i></a>
494
      </div>
495
    </div>
496
  </section>
497
</div>
498

    
499

    
500

    
(11-11/12)