2022-03-30 16:19:40 +02:00
<!-- <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 >
2022-03-31 13:57:13 +02:00
< div class = "uk-width-3-5@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center" >
2022-03-30 16:19:40 +02:00
< 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 >
2022-03-31 13:57:13 +02:00
< 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 >
2022-03-30 16:19:40 +02:00
< / 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" >
2022-03-31 13:57:13 +02:00
< 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 >
2022-03-30 16:19:40 +02:00
< / div >
2022-03-31 13:57:13 +02:00
< div class = "uk-text-small" >
Goal {{sdg.code}}
< / div >
< div class = "uk-text-small uk-text-bold uk-text-uppercase" >
{{sdg.label}}
2022-03-30 16:19:40 +02:00
< / div >
< / div >
2022-03-31 13:57:13 +02:00
< / a >
< / div >
2022-03-30 16:19:40 +02:00
< / div >
< / div >
< / div >