1
|
<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
|
|
66
|
|