D-Net

<div id="explore" class="explore">

  <div class="uk-section uk-text-small uk-container uk-container-large">

    <div class="uk-text-center uk-margin-large-top">

      <img class="uk-width-medium" src="assets/common-assets/logo-large-explore.png">

      <h2 class="uk-margin-remove-bottom">Discover the content of the graph with EXPLORE</h2>

      <h6 class="uk-margin-top"><span class="portal-color">Explore</span> all open access <span class="portal-color">research outcomes</span>.</h6>

    </div>

    <div class="uk-flex uk-flex-center uk-margin-large-top uk-margin-xlarge-bottom">

      <form class="uk-flex uk-flex-wrap">

        <div class="uk-margin-small-top">

          <entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"

                              [properties]="properties" [onChangeNavigate]="false" [allEnable]="true"

                              (selectionChange)="entityChanged($event)"

          ></entities-selection>

        </div>

        <div class="uk-margin-small-top uk-width-expand">

          <div class="uk-inline">

            <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''" uk-icon="icon: close"></a>

            <input type="text" class="uk-input uk-width-xlarge@l uk-width-large@m uk-width-medium"

                   placeholder="Search by title, author, doi, abstract, content..."

                   [(ngModel)]="keyword"

                   name="keyword">

          </div>

          <div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">

            <quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"

                              [quickFilter]="resultsQuickFilter"

                              [properties]="properties">

            </quick-selections>

          </div>

        </div>

        <div class="uk-margin-small-top">

          <button (click)="goTo()" type="submit" class="uk-button portal-button uk-text-bold uk-margin-small-left">

            Search

          </button>

        </div>

        </form>

    </div>

  </div>

</div>

    <div class="uk-text-center">

      <h2 class="uk-margin-remove-bottom">Use Cases</h2>

      <h6 class="uk-margin-small-top">Brief presentations of our success stories</h6>

    </div>

      <div class="uk-grid uk-child-width-1-3@m uk-child-width-1-1 uk-margin-large-top" uk-height-match="target: .uk-text-justify" uk-grid>

        <div>

          <div class="case">

            <img src="assets/graph-assets/home/cases/open-maps.png">

          </div>

          <h4 class="uk-text-bold uk-text-center uk-margin-top">Open Knowledge maps</h4>

          <div class="uk-text-justify">

            VIPER, the Visual Project Explorer enables funders, institutions and researchers to systematically explore a

            project’s output, and to understand its reception in different areas.

          </div>

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

            <a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/viper-the-visual-project-explorer" target="_blank">

              <span>Read More</span>

              <icon name="arrow_right" class="uk-margin-small-left"></icon>

            </a>

          </div>

        <div>

          <div class="case">

            <img src="assets/graph-assets/home/cases/ec.png">

          </div>

          <h4 class="uk-text-bold uk-text-center uk-margin-top">European Commission</h4>

          <div class="uk-text-justify">

            The EC Participant Portal is using the OpenAIRE Research Graph to collect information about publications and

            datasets resulting from H2020 funded projects.

          </div>

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

            <a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/reporting-research-outputs-to-the-ec-using-the-openaire-api" target="_blank">

              <span>Read More</span>

              <icon name="arrow_right" class="uk-margin-small-left"></icon>

            </a>

          </div>

        </div>

        <div>

          <div class="case">

            <img src="assets/graph-assets/home/cases/orcid.png">

          </div>

          <h4 class="uk-text-bold uk-text-center uk-margin-top">ORCID</h4>

          <div class="uk-text-justify">

            ORCID data is used to enrich the research product records of the OpenAIRE Research Graph. Through EXPLORE,

            ORCID users can instantly identify their works, enrich the OpenAIRE Research Graph and their ORCID profiles.

          </div>

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

            <a class="uk-text-uppercase uk-text-bold uk-text-small" href="https://www.openaire.eu/openaire-explore-integration-with-the-orcid-search-and-link-wizard" target="_blank">

              <span>Read More</span>

              <icon name="arrow_right" class="uk-margin-small-left"></icon>

            </a>

          </div>

        </div>