Project

General

Profile

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