D-Net

<schema2jsonld [URL]="properties.baseLink"

               [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-connect.png'" type="home"

               name="OpenAIRE Connect">

</schema2jsonld>

<div style="background-color: #FAFAFA">

  <div class="image-front-topbar"

       uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"

       tm-header-transparent="light" tm-header-transparent-placeholder="">

    <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"

            [texts]="pageContents['top']"></helper>

  </div>

  <div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">

    <errorMessages [status]="[status]" [type]="'communities'"></errorMessages>

  </div>

  <div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-bottom">

    <h2 class="uk-text-bold">Community Gateways already in action</h2>

    <div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">

      <div

          class="uk-grid-match uk-grid-medium  uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"

          uk-grid uk-height-match=".community">

        <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">

          <div class="uk-padding-small communityCard">

            <browse-community [community]=community></browse-community>

          </div>

        </div>

      </div>

    </div>

    <div class="uk-text-right uk-margin-top">

      <a *ngIf="researchCommunities.length > 5" class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"

         routerLinkActive="router-link-active" routerLink="/search/find/communities">

        <span class="uk-flex uk-flex-middle">

          <span> Browse All</span>

          <span uk-icon="chevron-right"></span>

        </span>

      </a>

    </div>

  </div>

  <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"

          [texts]="pageContents['bottom']"></helper>

  <div class="uk-section-muted"

       uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}">

    <div class="uk-container uk-container-large">

      <other-portals [properties]="properties"></other-portals>

    </div>

  </div>

</div>