1 |
58825
|
stefania.m
|
<section class="greySection uk-padding-small" id="sect-continent-page">
|
2 |
|
|
<div class="uk-container uk-container-expand uk-margin-medium-top">
|
3 |
|
|
|
4 |
|
|
<ul class="uk-breadcrumb">
|
5 |
|
|
<li><a [routerLink]="['/home']">Home</a></li>
|
6 |
|
|
<li><span>{{continentName | titlecase}}</span></li>
|
7 |
|
|
</ul>
|
8 |
|
|
|
9 |
|
|
|
10 |
|
|
<div *ngIf="continentName" class="">
|
11 |
|
|
<img src="../../../assets/img/flags/{{continentName}}-flag.jpg" class="flag-image" width="132" height="132">
|
12 |
|
|
</div>
|
13 |
|
|
|
14 |
|
|
</div>
|
15 |
|
|
</section>
|
16 |
|
|
|
17 |
|
|
|
18 |
|
|
|
19 |
|
|
<!--TABS SECTION-->
|
20 |
|
|
<section class="section greySection" id="sect-tabs">
|
21 |
|
|
<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}">
|
22 |
|
|
|
23 |
|
|
<div class="">
|
24 |
|
|
<ul class="uk-tab uk-tab-large uk-flex-center" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
|
25 |
|
|
<li class="uk-active" aria-expanded="true"><a href="#">Overview</a></li>
|
26 |
|
|
<li aria-expanded="false"><a href="#">Open Science</a></li>
|
27 |
|
|
<li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>
|
28 |
|
|
<li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>
|
29 |
|
|
<li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>
|
30 |
|
|
<!--<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>-->
|
31 |
|
|
</ul>
|
32 |
|
|
|
33 |
|
|
<ul *ngIf="overviewData?.countries" id="team_tabbed" class="uk-switcher dataContainer">
|
34 |
|
|
<!--OVERVIEW tab-->
|
35 |
|
|
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
|
36 |
|
|
<div class="uk-margin tabContent">
|
37 |
|
|
<app-data-view></app-data-view>
|
38 |
|
|
<!--<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>-->
|
39 |
|
|
</div>
|
40 |
|
|
</li>
|
41 |
|
|
<!--OPEN SCIENCE tab-->
|
42 |
|
|
<li aria-hidden="true" style="animation-duration: 200ms;">
|
43 |
|
|
<div class="uk-margin tabContent">
|
44 |
|
|
<app-data-view></app-data-view>
|
45 |
|
|
<!--<app-countries-table [isPercentage]="false" [type]="'openScience'" [countries]="overviewData.countries"></app-countries-table>-->
|
46 |
|
|
</div>
|
47 |
|
|
</li>
|
48 |
|
|
<li aria-hidden="true">
|
49 |
|
|
<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="">
|
50 |
|
|
</div>
|
51 |
|
|
</li>
|
52 |
|
|
<li aria-hidden="true">
|
53 |
|
|
<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="">
|
54 |
|
|
</div>
|
55 |
|
|
</li>
|
56 |
|
|
<li aria-hidden="true">
|
57 |
|
|
<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="">
|
58 |
|
|
</div>
|
59 |
|
|
</li>
|
60 |
|
|
</ul>
|
61 |
|
|
</div>
|
62 |
|
|
|
63 |
|
|
</div>
|
64 |
|
|
</section>
|
65 |
|
|
|