Revision 60908
Added by Konstantinos Triantafyllou almost 3 years ago
home.component.html | ||
---|---|---|
148 | 148 |
</div> |
149 | 149 |
</div> |
150 | 150 |
<div class="uk-section uk-padding-remove-bottom"> |
151 |
<div class="uk-container uk-text-center uk-margin-medium-bottom"> |
|
152 |
<div class="uk-margin-medium uk-flex-center"> |
|
153 |
<div class="uk-first-column"> |
|
154 |
<div class="uk-panel"> |
|
155 |
<h3 class="uk-margin uk-text-center"> |
|
156 |
Our growing <span class="uk-text-bold">Community</span> |
|
157 |
</h3> |
|
158 |
<div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center"> |
|
159 |
<div class="uk-grid uk-flex uk-flex-center"> |
|
160 |
<div *ngIf="fundersSize" class="uk-width-1-3@m"> |
|
161 |
<h3> |
|
162 |
<a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number"> |
|
163 |
{{fundersSize.number|number}}<span class="number-size">{{fundersSize.size}}</span> |
|
164 |
</a> |
|
165 |
</h3> |
|
166 |
<div class="uk-text-uppercase uk-text-large">Funders</div> |
|
167 |
</div> |
|
168 |
<div *ngIf="datasourcesSize" class="uk-width-1-3@m"> |
|
169 |
<h3> |
|
170 |
<a [routerLink]="properties.searchLinkToDataProviders" class="uk-text-bold number"> |
|
171 |
{{datasourcesSize.number|number}}<span class="number-size">{{datasourcesSize.size}}</span> |
|
172 |
</a> |
|
173 |
</h3> |
|
174 |
<div class="uk-text-uppercase uk-text-large">Content providers</div> |
|
175 |
</div> |
|
176 |
<div *ngIf="projectsSize" class="uk-width-1-3@m"> |
|
177 |
<h3> |
|
178 |
<a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number"> |
|
179 |
{{projectsSize.number|number}}<span class="number-size">{{projectsSize.size}}</span> |
|
180 |
</a> |
|
181 |
</h3> |
|
182 |
<div class="uk-text-uppercase uk-text-large">Projects</div> |
|
183 |
</div> |
|
184 |
</div> |
|
185 |
</div> |
|
186 |
</div> |
|
187 |
</div> |
|
188 |
</div> |
|
189 |
</div> |
|
190 |
<div class="numbers-background uk-section"> |
|
191 |
<div class="uk-container"> |
|
192 |
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-flex uk-flex-center" uk-grid> |
|
193 |
<div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center"> |
|
194 |
<div class="number-width"> |
|
195 |
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults" |
|
196 |
[queryParams]="{type: 'publications', qf: false}"> |
|
197 |
{{publicationsSize.count|number}} </a> |
|
198 |
<div class="uk-text-uppercase uk-flex uk-flex-middle"> |
|
199 |
<icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon> |
|
200 |
<span>publications</span> |
|
201 |
</div> |
|
202 |
</div> |
|
203 |
</div> |
|
204 |
<div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center"> |
|
205 |
<div class="number-width"> |
|
206 |
<a class="number uk-text-bold uk-margin-bottom" |
|
207 |
[routerLink]="properties.searchLinkToResults" |
|
208 |
[queryParams]="{type: 'datasets', qf: false}">{{datasetsSize.count|number}} </a> |
|
209 |
|
|
210 |
<div class="uk-text-uppercase uk-flex uk-flex-middle"> |
|
211 |
<icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right" |
|
212 |
customClass="portal-color"></icon> |
|
213 |
<span>research data</span> |
|
214 |
</div> |
|
215 |
</div> |
|
216 |
</div> |
|
217 |
<div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center"> |
|
218 |
<div class="number-width"> |
|
219 |
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults" |
|
220 |
[queryParams]="{type: 'software', qf: false}"> |
|
221 |
{{softwareSize.count|number}} </a> |
|
222 |
<div class="uk-text-uppercase uk-flex uk-flex-middle"> |
|
223 |
<icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon> |
|
224 |
<span>software</span> |
|
225 |
</div> |
|
226 |
</div> |
|
227 |
</div> |
|
228 |
<div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center"> |
|
229 |
<div class="number-width"> |
|
230 |
<a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults" |
|
231 |
[queryParams]="{type: 'other', qf: false}">{{otherSize.count|number}} </a> |
|
232 |
<div class="uk-text-uppercase uk-flex uk-flex-middle"> |
|
233 |
<icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon> |
|
234 |
<span>other research products</span> |
|
235 |
</div> |
|
236 |
</div> |
|
237 |
</div> |
|
238 |
</div> |
|
239 |
</div> |
|
240 |
</div> |
|
151 |
<h3 class="uk-text-center uk-margin-medium-bottom">Our growing <span class="uk-text-bold">Community</span></h3> |
|
152 |
<numbers #numbersComponent [defaultInit]="false" backgroundClass="numbers-background"></numbers> |
|
241 | 153 |
</div> |
242 | 154 |
<!--<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"--> |
243 | 155 |
<!-- [texts]="pageContents['left']"></helper>--> |
Also available in: Unified diff
[Aggragator | Trunk]: Add numbers on home page