You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
2.8 KiB
HTML
57 lines
2.8 KiB
HTML
<!-- <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="description"></schema2jsonld> -->
|
|
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
|
|
<div class="uk-padding-small">
|
|
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
|
<div class="uk-grid uk-grid-large uk-grid-stack uk-padding-small" uk-grid>
|
|
<div class="uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
|
|
<h1 uk-scrollspy-class>Lorem ipsum dolor sit amet, consetetur<span class="">.</span></h1>
|
|
<div uk-scrollspy-class>
|
|
We have implemented the UN Sustainable Development Goals ( SDGs) as a <br> classification scheme covering areas of research associated with one or more SDGs <br> (the majority of the SDGs are interrelated). The scheme uses automated allocation <br> of the 17 SDGs and their associated targets and indicators to all fitting documents in <br> Dimensions thereby addressing research areas aligned to the goals.
|
|
</div>
|
|
<div>
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button-text uk-margin-top" uk-scrollspy-class
|
|
routerLinkActive="router-link-active" routerLink="/">
|
|
<span class="uk-flex uk-flex-middle">
|
|
<span>Learn More</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="uk-width-2-5@m uk-width-1-1@s uk-text-center">
|
|
<img src="../../assets/explore-assets/sdgs-badge.png" loading="lazy">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
|
<div *ngIf="loading">
|
|
<loading></loading>
|
|
</div>
|
|
<div *ngIf="!loading">
|
|
<div *ngIf="displayedSdgs && displayedSdgs.length" class="uk-padding-small uk-grid uk-child-width-1-4@l uk-child-width-1-2@m" uk-grid>
|
|
<div *ngFor="let sdg of displayedSdgs">
|
|
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{f0: 'sdg', fv0: sdg.id}" target="_blank">
|
|
<div class="uk-card uk-card-default uk-card-body" [class]="'sdg-card sdg-' + sdg.code">
|
|
<div class="uk-text-center uk-margin-bottom">
|
|
<div>
|
|
<span class="uk-text-large uk-text-bold">{{sdg.number == null ? '0' : sdg.number | number}}</span>
|
|
<p class="uk-text-small" style="margin-top: 5px; margin-bottom: 10px;">Research Outcomes</p>
|
|
</div>
|
|
<div>
|
|
<img [src]="'../../assets/explore-assets/sdgs/g' + sdg.code + '.png'" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="uk-text-small">
|
|
Goal {{sdg.code}}
|
|
</div>
|
|
<div class="uk-text-small uk-text-bold uk-text-uppercase">
|
|
{{sdg.label}}
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |