Revision 58610
Added by Stefania Martziou almost 4 years ago
country-page.component.html | ||
---|---|---|
1 |
<section class="section greySection uk-padding-remove" id="sect-country-page">
|
|
1 |
<section class="greySection uk-padding-small" id="sect-country-page">
|
|
2 | 2 |
<div class="uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}"> |
3 | 3 |
<!--<div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">--> |
4 | 4 |
|
... | ... | |
15 | 15 |
</div> |
16 | 16 |
|
17 | 17 |
<div class="uk-container uk-container-expand uk-margin-top"> |
18 |
<div class="uk-text-right"> |
|
19 |
<button class="md-btn md-btn-primary"><i class="fas fa-code uk-margin-small-right"></i>Embed</button>
|
|
20 |
<button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</button>
|
|
21 |
<button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</button>
|
|
18 |
<div class="actionButtonsCountryPage uk-text-right">
|
|
19 |
<a class=""><i class="fas fa-code uk-margin-small-right"></i>Embed</a>
|
|
20 |
<!--<a class="uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</a>-->
|
|
21 |
<a class="uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</a>
|
|
22 | 22 |
</div> |
23 | 23 |
</div> |
24 | 24 |
|
25 | 25 |
<div class="uk-container uk-container-expand uk-margin-top"> |
26 | 26 |
<!--Overview cards--> |
27 | 27 |
<div class="uk-width-1-1 indicatorCards"> |
28 |
<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="">
|
|
28 |
<div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
|
|
29 | 29 |
<!--<div class="uk-grid uk-grid-small uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-5 uk-margin-top uk-grid-match" data-uk-grid-margin="">--> |
30 |
|
|
30 | 31 |
<div class="uk-row-first"> |
31 | 32 |
<div class="md-card"> |
32 | 33 |
<div class="md-card-content"> |
34 |
|
|
35 |
<!--top number--> |
|
33 | 36 |
<div class="uk-margin-top"> |
34 | 37 |
<div class="uk-float-right uk-margin-small-right"> |
35 |
<img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
|
|
38 |
<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
|
|
36 | 39 |
</div> |
37 |
<h2 class="uk-margin-remove"> |
|
38 |
<!--<span class="number">2,321,300</span>--> |
|
40 |
<h3 class="uk-margin-remove"> |
|
39 | 41 |
<span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span> |
40 | 42 |
<span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span> |
41 |
</h2>
|
|
43 |
</h3>
|
|
42 | 44 |
</div> |
43 | 45 |
<div class="uk-margin-top"> |
44 |
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>--> |
|
45 |
<span class="">Number of OA publications</span> |
|
46 |
<span class=""><i>OA publications from institutional repositories</i></span> |
|
46 | 47 |
</div> |
47 |
<!--<div class="uk-margin-top">--> |
|
48 |
<!--<span class="number">96.8%</span> are OA--> |
|
49 |
<!--</div>--> |
|
50 | 48 |
<div *ngIf="countryData?.publications?.percentage" class="uk-margin-top"> |
51 |
<span class="number">{{countryData.publications.percentage | number}}%</span> are OA |
|
49 |
<span class="number">{{countryData.publications.percentage | number :'1.0-1'}}%</span> OA |
|
50 |
<div class="progress uk-margin-small-top"> |
|
51 |
<div [ngStyle]="{'width': countryData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div> |
|
52 |
</div> |
|
52 | 53 |
</div> |
54 |
|
|
55 |
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom"> |
|
56 |
|
|
57 |
<!--bottom number--> |
|
58 |
<div class="uk-margin-top"> |
|
59 |
<!--<div class="uk-float-right uk-margin-small-right">--> |
|
60 |
<!--<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">--> |
|
61 |
<!--</div>--> |
|
62 |
<h3 class="uk-margin-remove"> |
|
63 |
<span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span> |
|
64 |
<span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span> |
|
65 |
</h3> |
|
66 |
</div> |
|
67 |
<div class="uk-margin-top"> |
|
68 |
<span class=""><i>OA publications affiliated to an organization in the country</i></span> |
|
69 |
</div> |
|
70 |
<div *ngIf="countryData?.publications?.percentage" class="uk-margin-top"> |
|
71 |
<span class="number">{{countryData.publications.percentage | number :'1.0-1'}}%</span> OA |
|
72 |
<div class="progress uk-margin-small-top"> |
|
73 |
<div [ngStyle]="{'width': countryData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div> |
|
74 |
</div> |
|
75 |
</div> |
|
53 | 76 |
</div> |
54 | 77 |
</div> |
55 | 78 |
</div> |
79 |
|
|
56 | 80 |
<div class=""> |
57 | 81 |
<div class="md-card"> |
58 | 82 |
<div class="md-card-content"> |
83 |
|
|
84 |
<!--top number--> |
|
59 | 85 |
<div class="uk-margin-top"> |
60 | 86 |
<div class="uk-float-right uk-margin-small-right"> |
61 |
<img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
|
|
87 |
<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
|
|
62 | 88 |
</div> |
63 |
<h2 class="uk-margin-remove"> |
|
64 |
<!--<span class="number">14,730</span>--> |
|
89 |
<h3 class="uk-margin-remove"> |
|
65 | 90 |
<span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span> |
66 | 91 |
<span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span> |
67 |
</h2>
|
|
92 |
</h3>
|
|
68 | 93 |
</div> |
69 | 94 |
<div class="uk-margin-top"> |
70 |
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>--> |
|
71 |
<span class="">Number of OA datasets</span> |
|
95 |
<span class=""><i>OA datasets from institutional repositories</i></span> |
|
72 | 96 |
</div> |
73 |
<!--<div class="uk-margin-top">--> |
|
74 |
<!--<span class="number">89.7%</span> are OA--> |
|
75 |
<!--</div>--> |
|
76 | 97 |
<div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top"> |
77 |
<span class="number">{{countryData.datasets.percentage | number}}%</span> are OA |
|
98 |
<span class="number">{{countryData.datasets.percentage | number :'1.0-1'}}%</span> OA |
|
99 |
<div class="progress uk-margin-small-top"> |
|
100 |
<div [ngStyle]="{'width': countryData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div> |
|
101 |
</div> |
|
78 | 102 |
</div> |
103 |
|
|
104 |
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom"> |
|
105 |
|
|
106 |
<!--bottom number--> |
|
107 |
<div class="uk-margin-top"> |
|
108 |
<!--<div class="uk-float-right uk-margin-small-right">--> |
|
109 |
<!--<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">--> |
|
110 |
<!--</div>--> |
|
111 |
<h3 class="uk-margin-remove"> |
|
112 |
<span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span> |
|
113 |
<span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span> |
|
114 |
</h3> |
|
115 |
</div> |
|
116 |
<div class="uk-margin-top"> |
|
117 |
<span class=""><i>OA datasets affiliated to an organization in the country</i></span> |
|
118 |
</div> |
|
119 |
<div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top"> |
|
120 |
<span class="number">{{countryData.datasets.percentage | number :'1.0-1'}}%</span> OA |
|
121 |
<div class="progress uk-margin-small-top"> |
|
122 |
<div [ngStyle]="{'width': countryData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div> |
|
123 |
</div> |
|
124 |
</div> |
|
79 | 125 |
</div> |
80 | 126 |
</div> |
81 | 127 |
</div> |
128 |
|
|
82 | 129 |
<div class=""> |
130 |
|
|
83 | 131 |
<div class="md-card"> |
84 | 132 |
<div class="md-card-content"> |
85 | 133 |
<div class="uk-margin-top"> |
86 | 134 |
<div class="uk-float-right uk-margin-small-right"> |
87 |
<img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
|
|
135 |
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
|
|
88 | 136 |
</div> |
89 |
<h2 class="uk-margin-remove"> |
|
90 |
<!--<span class="number">101</span>--> |
|
137 |
<h3 class="uk-margin-remove"> |
|
91 | 138 |
<span *ngIf="!countryData || !countryData.repositories || !countryData.repositories.oa" class="number">--</span> |
92 | 139 |
<span *ngIf="countryData?.repositories?.oa" class="number">{{countryData.repositories.oa | number}}</span> |
93 |
</h2>
|
|
140 |
</h3>
|
|
94 | 141 |
</div> |
95 | 142 |
<div class="uk-margin-top"> |
96 |
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>--> |
|
97 |
<span class="">Number of OA repositories</span> |
|
143 |
<span class=""><i>repositories</i> from openDOAR & re3data</span> |
|
98 | 144 |
</div> |
99 |
<!--<div *ngIf="overviewData.overview.repositories?.percentage" class="uk-margin-top">--> |
|
100 |
<!--<span class="number">{{overviewData.overview.repositories.percentage | number}}%</span> are OA--> |
|
101 |
<!--</div>--> |
|
145 |
<div *ngIf="countryData?.repositories?.percentage" class="uk-margin-top"> |
|
146 |
<span class="number">{{countryData.repositories.percentage | number :'1.0-1'}}%</span> Certified |
|
147 |
<div class="progress uk-margin-small-top"> |
|
148 |
<div [ngStyle]="{'width': countryData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div> |
|
149 |
</div> |
|
150 |
</div> |
|
102 | 151 |
</div> |
103 | 152 |
</div> |
104 |
</div> |
|
105 |
<div class=""> |
|
153 |
|
|
106 | 154 |
<div class="md-card"> |
107 | 155 |
<div class="md-card-content"> |
108 | 156 |
<div class="uk-margin-top"> |
109 | 157 |
<div class="uk-float-right uk-margin-small-right"> |
110 |
<img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
|
|
158 |
<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
|
|
111 | 159 |
</div> |
112 |
<h2 class="uk-margin-remove"> |
|
113 |
<!--<span class="number">164</span>--> |
|
160 |
<h3 class="uk-margin-remove"> |
|
114 | 161 |
<span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">--</span> |
115 | 162 |
<span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span> |
116 | 163 |
<!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>--> |
117 | 164 |
<!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>--> |
118 |
</h2>
|
|
165 |
</h3>
|
|
119 | 166 |
</div> |
120 | 167 |
<div class="uk-margin-top"> |
121 |
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>--> |
|
122 |
<span class="">Number of OA journals</span> |
|
168 |
<span class=""><i>OA journals</i> from DOAJ</span> |
|
123 | 169 |
</div> |
124 |
<!--<div *ngIf="overviewData.overview.journals?.percentage" class="uk-margin-top">--> |
|
125 |
<!--<span class="number">{{overviewData.overview.journals.percentage | number}}%</span> are OA--> |
|
126 |
<!--</div>--> |
|
170 |
<div *ngIf="countryData.journals?.percentage" class="uk-margin-top"> |
|
171 |
<span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified |
|
172 |
<div class="progress uk-margin-small-top"> |
|
173 |
<div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div> |
|
174 |
</div> |
|
175 |
</div> |
|
127 | 176 |
</div> |
128 | 177 |
</div> |
178 |
|
|
129 | 179 |
</div> |
180 |
|
|
181 |
<!--<div class="">--> |
|
182 |
<!--<div class="md-card">--> |
|
183 |
<!--<div class="md-card-content">--> |
|
184 |
<!--<div class="uk-margin-top">--> |
|
185 |
<!--<div class="uk-float-right uk-margin-small-right">--> |
|
186 |
<!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">--> |
|
187 |
<!--</div>--> |
|
188 |
<!--<h3 class="uk-margin-remove">--> |
|
189 |
<!--<span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">--</span>--> |
|
190 |
<!--<span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>--> |
|
191 |
<!--<!–<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>–>--> |
|
192 |
<!--<!–<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>–>--> |
|
193 |
<!--</h3>--> |
|
194 |
<!--</div>--> |
|
195 |
<!--<div class="uk-margin-top">--> |
|
196 |
<!--<span class=""><i>OA journals</i></span>--> |
|
197 |
<!--</div>--> |
|
198 |
<!--<div *ngIf="countryData.journals?.percentage" class="uk-margin-top">--> |
|
199 |
<!--<span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified--> |
|
200 |
<!--<div class="progress uk-margin-small-top">--> |
|
201 |
<!--<div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>--> |
|
202 |
<!--</div>--> |
|
203 |
<!--</div>--> |
|
204 |
<!--</div>--> |
|
205 |
<!--</div>--> |
|
206 |
<!--</div>--> |
|
207 |
|
|
130 | 208 |
<div class=""> |
131 |
<div class="md-card"> |
|
209 |
|
|
210 |
<div class="md-card" style="height: 47%"> |
|
132 | 211 |
<div class="md-card-content"> |
133 | 212 |
<div class="uk-margin-top"> |
134 | 213 |
<div class="uk-float-right uk-margin-small-right"> |
135 |
<img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
|
|
214 |
<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
|
|
136 | 215 |
</div> |
137 |
<h2 class="uk-margin-remove">
|
|
216 |
<h3 class="uk-margin-remove">
|
|
138 | 217 |
<span class="number">--</span> |
139 | 218 |
<!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>--> |
140 | 219 |
<!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>--> |
141 |
</h2>
|
|
220 |
</h3>
|
|
142 | 221 |
</div> |
143 | 222 |
<div class="uk-margin-top"> |
144 |
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>--> |
|
145 |
<span class="">Number of organizations with OA policies</span> |
|
223 |
<span class="">organizations with <i>OA policies</i></span> |
|
146 | 224 |
</div> |
147 |
<!--<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">--> |
|
148 |
<!--<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA--> |
|
149 |
<!--</div>--> |
|
150 | 225 |
</div> |
151 | 226 |
</div> |
227 |
|
|
228 |
<div></div> |
|
152 | 229 |
</div> |
153 | 230 |
</div> |
154 | 231 |
</div> |
155 | 232 |
</div> |
156 | 233 |
|
157 | 234 |
<!--GREEN VS. GOLD--> |
158 |
<div class="uk-container uk-container-expand contentSectionContainer uk-margin-medium-top">
|
|
235 |
<div class="uk-container uk-container-expand contentSectionContainer uk-margin-large-top">
|
|
159 | 236 |
<h2 class="heading_c uk-margin-medium-bottom uk-text-center-medium"> |
160 | 237 |
Green vs. Gold |
161 | 238 |
<!--<span class="sub-heading">The Best Images From Around The World</span>--> |
... | ... | |
420 | 497 |
</div> |
421 | 498 |
</div> |
422 | 499 |
|
423 |
<aside class="uk-width-1-5 uk-padding-remove"> |
|
424 |
<div id="sidebar_main" class="md-card dark-grey-box infoBox"> |
|
425 |
<div class="md-card-content"> |
|
426 |
<h3 class="uk-text-center">{{countryName | uppercase}}</h3> |
|
427 | 500 |
|
428 |
<div> |
|
429 |
<app-country-map [country]="countryName"></app-country-map> |
|
430 |
</div> |
|
501 |
<div class="uk-width-1-5"> |
|
502 |
<div class="md-card infoBox"> |
|
431 | 503 |
|
504 |
<div class="md-card-toolbar"> |
|
505 |
<h3 class="uk-text-center uk-margin-small-top"> |
|
506 |
{{countryName | uppercase}} |
|
507 |
</h3> |
|
508 |
</div> |
|
509 |
|
|
510 |
<div class="md-card-content"> |
|
432 | 511 |
<div class="numbers"> |
433 |
<div class="uk-margin-medium-top"> |
|
434 |
<div class="number">--</div> |
|
435 |
<div class="uk-margin-top">R&D expenditure</div> |
|
512 |
|
|
513 |
<div class="indicator uk-margin-small-top"> |
|
514 |
<span class="number primary">--</span> |
|
515 |
<span><i>R&D expenditure</i></span> |
|
436 | 516 |
</div> |
437 |
<div class="uk-margin-medium-top"> |
|
438 |
<div *ngIf="!countryData || !countryData.funders || !countryData.funders.oa" class="number">--</div> |
|
439 |
<div *ngIf="countryData?.funders?.oa" class="number">{{countryData.funders.oa}}</div> |
|
440 |
<div class="uk-margin-top">funding sources</div> |
|
517 |
|
|
518 |
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom"> |
|
519 |
|
|
520 |
<div class="indicator"> |
|
521 |
<span class="number primary" *ngIf="countryData?.funders?.oa">{{countryData.funders.oa}}</span> |
|
522 |
<span class="number primary" *ngIf="!countryData || !countryData.funders || !countryData.funders.oa">--</span> |
|
523 |
<span><i>funding sources</i></span> |
|
441 | 524 |
</div> |
442 |
<div class="uk-margin-medium-top"> |
|
443 |
<div *ngIf="!countryData || !countryData.funders || !countryData.funders.total" class="number">--</div> |
|
444 |
<div *ngIf="countryData?.funders?.total" class="number">{{countryData.funders.total}}</div> |
|
445 |
<div class="uk-margin-top">funding organizations</div> |
|
525 |
|
|
526 |
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom"> |
|
527 |
|
|
528 |
<div class="indicator"> |
|
529 |
<span class="number primary" *ngIf="countryData?.funders?.total">{{countryData.funders.total}}</span> |
|
530 |
<span class="number primary" *ngIf="!countryData || !countryData.funders || !countryData.funders.total">--</span> |
|
531 |
<span><i>funding organizations</i></span> |
|
446 | 532 |
</div> |
447 |
<div class="uk-margin-medium-top"> |
|
448 |
<div *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa" class="number">--</div> |
|
449 |
<div *ngIf="countryData?.ecFundedOrganizations?.oa" class="number">{{countryData.ecFundedOrganizations.oa}}</div> |
|
450 |
<div class="uk-margin-top">organizations funded by the European commission since 2013</div> |
|
533 |
|
|
534 |
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom"> |
|
535 |
|
|
536 |
<div class="indicator"> |
|
537 |
<span class="number primary" *ngIf="countryData?.ecFundedOrganizations?.oa">{{countryData.ecFundedOrganizations.oa}}</span> |
|
538 |
<span class="number primary" *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa">--</span> |
|
539 |
<span><i>organizations funded by the European commission since 2013</i></span> |
|
451 | 540 |
</div> |
541 |
|
|
452 | 542 |
</div> |
453 | 543 |
|
454 |
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom"> |
|
455 | 544 |
|
456 |
<div class="uk-text-center uk-margin-medium-top">
|
|
545 |
<div class="uk-text-center uk-margin-xlarge-top">
|
|
457 | 546 |
|
458 | 547 |
<div class="uk-text-center uk-margin-medium-bottom"> |
459 | 548 |
<span class="openaire-symbol-wrapper"> |
... | ... | |
462 | 551 |
</div> |
463 | 552 |
<a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a> |
464 | 553 |
</div> |
554 |
|
|
555 |
<div class="uk-text-meta uk-text-small uk-margin-medium-top"> |
|
556 |
<span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;"> |
|
557 |
<img src="../../../assets/img/Open_Research_Graph.svg"> |
|
558 |
</span> |
|
559 |
<span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span> |
|
560 |
</div> |
|
561 |
|
|
465 | 562 |
</div> |
466 | 563 |
</div> |
467 |
</aside>
|
|
564 |
</div>
|
|
468 | 565 |
|
566 |
<!--<aside class="uk-width-1-5 uk-padding-remove">--> |
|
567 |
<!--<div id="sidebar_main" class="md-card dark-grey-box infoBox">--> |
|
568 |
<!--<div class="md-card-content">--> |
|
569 |
<!--<h3 class="uk-text-center">{{countryName | uppercase}}</h3>--> |
|
469 | 570 |
|
470 |
<!--<div class="uk-width-large-3-5 uk-container-center uk-text-center">--> |
|
471 |
<!--<h2 class="heading_b">--> |
|
472 |
<!--Our Team--> |
|
473 |
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>--> |
|
474 |
<!--</h2>--> |
|
475 |
<!--</div>--> |
|
571 |
<!--<div>--> |
|
572 |
<!--<app-country-map [country]="countryName"></app-country-map>--> |
|
573 |
<!--</div>--> |
|
574 |
|
|
575 |
<!--<div class="numbers">--> |
|
576 |
<!--<div class="uk-margin-medium-top">--> |
|
577 |
<!--<div class="number">--</div>--> |
|
578 |
<!--<div class="uk-margin-top">R&D expenditure</div>--> |
|
579 |
<!--</div>--> |
|
580 |
<!--<div class="uk-margin-medium-top">--> |
|
581 |
<!--<div *ngIf="!countryData || !countryData.funders || !countryData.funders.oa" class="number">--</div>--> |
|
582 |
<!--<div *ngIf="countryData?.funders?.oa" class="number">{{countryData.funders.oa}}</div>--> |
|
583 |
<!--<div class="uk-margin-top">funding sources</div>--> |
|
584 |
<!--</div>--> |
|
585 |
<!--<div class="uk-margin-medium-top">--> |
|
586 |
<!--<div *ngIf="!countryData || !countryData.funders || !countryData.funders.total" class="number">--</div>--> |
|
587 |
<!--<div *ngIf="countryData?.funders?.total" class="number">{{countryData.funders.total}}</div>--> |
|
588 |
<!--<div class="uk-margin-top">funding organizations</div>--> |
|
589 |
<!--</div>--> |
|
590 |
<!--<div class="uk-margin-medium-top">--> |
|
591 |
<!--<div *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa" class="number">--</div>--> |
|
592 |
<!--<div *ngIf="countryData?.ecFundedOrganizations?.oa" class="number">{{countryData.ecFundedOrganizations.oa}}</div>--> |
|
593 |
<!--<div class="uk-margin-top">organizations funded by the European commission since 2013</div>--> |
|
594 |
<!--</div>--> |
|
595 |
<!--</div>--> |
|
596 |
|
|
597 |
<!--<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">--> |
|
598 |
|
|
599 |
<!--<div class="uk-text-center uk-margin-medium-top">--> |
|
600 |
|
|
601 |
<!--<div class="uk-text-center uk-margin-medium-bottom">--> |
|
602 |
<!--<span class="openaire-symbol-wrapper">--> |
|
603 |
<!--<img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">--> |
|
604 |
<!--</span>--> |
|
605 |
<!--</div>--> |
|
606 |
<!--<a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>--> |
|
607 |
<!--</div>--> |
|
608 |
<!--</div>--> |
|
609 |
<!--</div>--> |
|
610 |
<!--</aside>--> |
|
611 |
|
|
476 | 612 |
</div> |
477 | 613 |
|
478 | 614 |
</div> |
Also available in: Unified diff
New design for the current version of the open science observatory