Project

General

Profile

1
<section class="section greySection uk-padding-top-remove uk-padding-bottom-remove" id="sect-country-page">
2
  <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}">
3

    
4
    <div class="uk-grid uk-grid-small">
5

    
6
      <div class="uk-width-4-5">
7

    
8
        <div class="uk-container uk-container-expand uk-margin-medium-top">
9
          <div class="uk-text-right">
10
            <button class="md-btn md-btn-primary"><i class="fas fa-code uk-margin-small-right"></i>Embed</button>
11
            <button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Data catalogues</button>
12
            <button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>PDF</button>
13
          </div>
14
        </div>
15

    
16
        <div class="uk-container uk-container-expand uk-margin-top">
17
          <!--Overview cards-->
18
          <div class="uk-width-1-1 indicatorCards">
19
            <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="">
20
              <div class="uk-row-first">
21
                <div class="md-card">
22
                  <div class="md-card-content">
23
                    <div class="uk-margin-top">
24
                      <div class="uk-float-right uk-margin-small-right">
25
                        <img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
26
                      </div>
27
                      <h2 class="uk-margin-remove">
28
                        <span class="number">18,165</span>
29
                        <!--<span *ngIf="overviewData.overview.publications?.oa" class="number">{{overviewData.overview.publications.oa | number}}</span>-->
30
                        <!--<span *ngIf="!overviewData.overview.publications || !overviewData.overview.publications.oa" class="number">&#45;&#45;</span>-->
31
                      </h2>
32
                    </div>
33
                    <div class="uk-margin-top">
34
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
35
                      <span class="">Number of OA publications</span>
36
                    </div>
37
                    <div class="uk-margin-top">
38
                      <span class="number">30%</span> are OA
39
                    </div>
40
                    <!--<div *ngIf="overviewData.overview.publications?.percentage" class="uk-margin-top">-->
41
                      <!--<span class="number">{{overviewData.overview.publications.percentage | number}}%</span> are OA-->
42
                    <!--</div>-->
43
                  </div>
44
                </div>
45
              </div>
46
              <div class="">
47
                <div class="md-card">
48
                  <div class="md-card-content">
49
                    <div class="uk-margin-top">
50
                      <div class="uk-float-right uk-margin-small-right">
51
                        <img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
52
                      </div>
53
                      <h2 class="uk-margin-remove">
54
                        <span class="number">12,812</span>
55
                        <!--<span *ngIf="overviewData.overview.datasets?.oa" class="number">{{overviewData.overview.datasets.oa | number}}</span>-->
56
                        <!--<span *ngIf="!overviewData.overview.datasets || !overviewData.overview.datasets.oa" class="number">&#45;&#45;</span>-->
57
                      </h2>
58
                    </div>
59
                    <div class="uk-margin-top">
60
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
61
                      <span class="">Number of OA datasets</span>
62
                    </div>
63
                    <div class="uk-margin-top">
64
                      <span class="number">30%</span> are OA
65
                    </div>
66
                    <!--<div *ngIf="overviewData.overview.datasets?.percentage" class="uk-margin-top">-->
67
                      <!--<span class="number">{{overviewData.overview.datasets.percentage | number}}%</span> are OA-->
68
                    <!--</div>-->
69
                  </div>
70
                </div>
71
              </div>
72
              <div class="">
73
                <div class="md-card">
74
                  <div class="md-card-content">
75
                    <div class="uk-margin-top">
76
                      <div class="uk-float-right uk-margin-small-right">
77
                        <img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
78
                      </div>
79
                      <h2 class="uk-margin-remove">
80
                        <span class="number">512</span>
81
                        <!--<span *ngIf="overviewData.overview.repositories?.oa" class="number">{{overviewData.overview.repositories.oa | number}}</span>-->
82
                        <!--<span *ngIf="!overviewData.overview.repositories || !overviewData.overview.repositories.oa" class="number">&#45;&#45;</span>-->
83
                      </h2>
84
                    </div>
85
                    <div class="uk-margin-top">
86
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
87
                      <span class="">Number of OA repositories</span>
88
                    </div>
89
                    <!--<div *ngIf="overviewData.overview.repositories?.percentage" class="uk-margin-top">-->
90
                      <!--<span class="number">{{overviewData.overview.repositories.percentage | number}}%</span> are OA-->
91
                    <!--</div>-->
92
                  </div>
93
                </div>
94
              </div>
95
              <div class="">
96
                <div class="md-card">
97
                  <div class="md-card-content">
98
                    <div class="uk-margin-top">
99
                      <div class="uk-float-right uk-margin-small-right">
100
                        <img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
101
                      </div>
102
                      <h2 class="uk-margin-remove">
103
                        <span class="number">1356</span>
104
                        <!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>-->
105
                        <!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">&#45;&#45;</span>-->
106
                      </h2>
107
                    </div>
108
                    <div class="uk-margin-top">
109
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
110
                      <span class="">Number of OA journals</span>
111
                    </div>
112
                    <!--<div *ngIf="overviewData.overview.journals?.percentage" class="uk-margin-top">-->
113
                      <!--<span class="number">{{overviewData.overview.journals.percentage | number}}%</span> are OA-->
114
                    <!--</div>-->
115
                  </div>
116
                </div>
117
              </div>
118
              <div class="">
119
                <div class="md-card">
120
                  <div class="md-card-content">
121
                    <div class="uk-margin-top">
122
                      <div class="uk-float-right uk-margin-small-right">
123
                        <img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
124
                      </div>
125
                      <h2 class="uk-margin-remove">
126
                        <span class="number">798</span>
127
                        <!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>-->
128
                        <!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">&#45;&#45;</span>-->
129
                      </h2>
130
                    </div>
131
                    <div class="uk-margin-top">
132
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
133
                      <span class="">Number of organizations with OA policies</span>
134
                    </div>
135
                    <!--<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">-->
136
                      <!--<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA-->
137
                    <!--</div>-->
138
                  </div>
139
                </div>
140
              </div>
141
            </div>
142
          </div>
143
        </div>
144

    
145

    
146
      </div>
147

    
148
      <div class="uk-width-1-5 uk-padding-remove">
149
        <div id="sidebar_main" class="md-card dark-grey-box infoBox uk-sticky" uk-height-viewport="offset-bottom: 0">
150
          <div class="md-card-content">
151
            <h3 class="uk-text-center">{{countryName | uppercase}}</h3>
152

    
153
            <div>
154
              <app-country-map [country]="countryName"></app-country-map>
155
            </div>
156

    
157
            <div class="numbers">
158
              <div class="uk-margin-medium-top">
159
                <div class="number">18,165</div>
160
                <div class="uk-margin-top">R&D expenditure</div>
161
              </div>
162
              <div class="uk-margin-medium-top">
163
                <div class="number">327</div>
164
                <div class="uk-margin-top">funding organizations</div>
165
              </div>
166
              <div class="uk-margin-medium-top">
167
                <div class="number">18,165</div>
168
                <div class="uk-margin-top">organizations funded by the European commission since 2013</div>
169
              </div>
170
            </div>
171

    
172
            <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
173

    
174
            <div class="uk-text-center uk-margin-medium-top">
175

    
176
              <div class="uk-text-center uk-margin-medium-bottom">
177
                <span class="openaire-symbol-wrapper">
178
                  <img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">
179
                </span>
180
              </div>
181
              <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>
182
            </div>
183
          </div>
184
        </div>
185
      </div>
186

    
187

    
188
      <!--<div class="uk-width-large-3-5 uk-container-center uk-text-center">-->
189
      <!--<h2 class="heading_b">-->
190
      <!--Our Team-->
191
      <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
192
      <!--</h2>-->
193
      <!--</div>-->
194
    </div>
195

    
196
  </div>
197
</section>
(3-3/4)