diff --git a/src/app/app.component.html b/src/app/app.component.html index 3c4b195..d2ff4a5 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -3,7 +3,7 @@ -
+
diff --git a/src/app/portal/features/home-page/home-page.component.html b/src/app/portal/features/home-page/home-page.component.html index 68c39d9..c560536 100644 --- a/src/app/portal/features/home-page/home-page.component.html +++ b/src/app/portal/features/home-page/home-page.component.html @@ -1,17 +1,59 @@

The GHGA Data Portal is a secure national infrastructure for human omics data available under controlled access. Access to the archived data can be requested from - the data controllers who are responsible for evaluating the data access request.
The - datasets within are annotated following the GHGA Metadata Model, which is compatible - with the metadata model of the EGA.
- For further documentation, please visit the GHGA User Documentation. + the data controllers who are responsible for evaluating the data access request.

+

+ The datasets within are annotated following the + GHGA Metadata Modelopen_in_new, which is compatible with the metadata model of the EGA. +

+

+ For further documentation, please visit the + GHGA User Documentationopen_in_new. +

+
+ Browse data +

GHGA is a national infrastructure to enable the FAIR and secure sharing of genetic and other human omics data. It is embedded in European activities such as the federated - European Genome-Phenome Archive (FEGA) and the European Genomic Data Infrastructure - (GDI).
GHGA is funded by the Deutsche Forschungsgemeinschaft (DFG, German - Research Foundation, Grant Number 441914366) as part of the National Research Data - Infrastructure initiative (NFDI) and by the contributing institutions.
More at - www.ghga.de. + European Genome-Phenome Archive (FEGAopen_in_new) and the European Genomic Data Infrastructure (GDIopen_in_new). +

+

+ GHGA is funded by the Deutsche Forschungsgemeinschaft (DFG, German Research + Foundation, Grant Number + 441914366open_in_new) as part of the National Research Data Infrastructure initiative (NFDIopen_in_new) and by the contributing institutions. +

+

+ More at + www.ghga.deopen_in_new.

diff --git a/src/app/portal/features/home-page/home-page.component.scss b/src/app/portal/features/home-page/home-page.component.scss new file mode 100644 index 0000000..c84b35a --- /dev/null +++ b/src/app/portal/features/home-page/home-page.component.scss @@ -0,0 +1,22 @@ +@use '@angular/material' as mat; + +p { + margin-bottom: 0.5em; + text-align: justify; +} + +p a { + color: var(--mat-sys-tertiary); + text-decoration: underline; +} + +p a mat-icon { + scale: 0.6; + margin: 0 -5px 0 -3px; + transform: translateY(10px); +} + +div a { + background-color: var(--mat-sys-tertiary); + color: var(--mat-sys-on-tertiary); +} diff --git a/src/app/portal/features/home-page/home-page.component.ts b/src/app/portal/features/home-page/home-page.component.ts index 0362110..c30039c 100644 --- a/src/app/portal/features/home-page/home-page.component.ts +++ b/src/app/portal/features/home-page/home-page.component.ts @@ -1,11 +1,15 @@ import { Component } from '@angular/core'; +import { MatButtonModule } from '@angular/material/button'; +import { MatIcon } from '@angular/material/icon'; +import { RouterLink } from '@angular/router'; /** * This is the home page component */ @Component({ selector: 'app-home-page', - imports: [], + imports: [MatIcon, MatButtonModule, RouterLink], templateUrl: './home-page.component.html', + styleUrl: './home-page.component.scss', }) export class HomePageComponent {} diff --git a/src/app/portal/features/site-footer/site-footer.component.html b/src/app/portal/features/site-footer/site-footer.component.html index bfba0b3..6a40b09 100644 --- a/src/app/portal/features/site-footer/site-footer.component.html +++ b/src/app/portal/features/site-footer/site-footer.component.html @@ -1,22 +1,36 @@