diff --git a/next-app/public/HomePageImages/EventsTrainingImage-1.png b/next-app/public/HomePageImages/EventsTrainingImage-1.png new file mode 100644 index 0000000..e2c2d67 Binary files /dev/null and b/next-app/public/HomePageImages/EventsTrainingImage-1.png differ diff --git a/next-app/public/HomePageImages/RegistriesImage.jpg b/next-app/public/HomePageImages/RegistriesImage.jpg new file mode 100644 index 0000000..dc816dc Binary files /dev/null and b/next-app/public/HomePageImages/RegistriesImage.jpg differ diff --git a/next-app/public/HomePageImages/dataSourcesIndexImage.png b/next-app/public/HomePageImages/dataSourcesIndexImage.png index ddce966..fcf5d5a 100644 Binary files a/next-app/public/HomePageImages/dataSourcesIndexImage.png and b/next-app/public/HomePageImages/dataSourcesIndexImage.png differ diff --git a/next-app/public/HomePageImages/eventsAndTrainingsIndexImage.png b/next-app/public/HomePageImages/eventsAndTrainingsIndexImage.png deleted file mode 100644 index 8861565..0000000 Binary files a/next-app/public/HomePageImages/eventsAndTrainingsIndexImage.png and /dev/null differ diff --git a/next-app/public/HomePageImages/hedestamIndexImage.png b/next-app/public/HomePageImages/hedestamIndexImage.png index 7f45683..d15bea6 100644 Binary files a/next-app/public/HomePageImages/hedestamIndexImage.png and b/next-app/public/HomePageImages/hedestamIndexImage.png differ diff --git a/next-app/public/Partner logo/elixir-tess.svg b/next-app/public/Partner logo/elixir-tess.svg new file mode 100644 index 0000000..053344c --- /dev/null +++ b/next-app/public/Partner logo/elixir-tess.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/next-app/public/Partner logo/gms-logo.png b/next-app/public/Partner logo/gms-logo.png new file mode 100644 index 0000000..cc35610 Binary files /dev/null and b/next-app/public/Partner logo/gms-logo.png differ diff --git a/next-app/public/Partner logo/ki-logo.jpg b/next-app/public/Partner logo/ki-logo.jpg new file mode 100644 index 0000000..75b56af Binary files /dev/null and b/next-app/public/Partner logo/ki-logo.jpg differ diff --git a/next-app/public/Partner logo/sll_dp_outline.svg b/next-app/public/Partner logo/sll_dp_outline.svg new file mode 100644 index 0000000..812cfc6 --- /dev/null +++ b/next-app/public/Partner logo/sll_dp_outline.svg @@ -0,0 +1,134 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/next-app/public/Partner logo/swe_pathogens_logo.png b/next-app/public/Partner logo/swe_pathogens_logo.png new file mode 100644 index 0000000..fa2650c Binary files /dev/null and b/next-app/public/Partner logo/swe_pathogens_logo.png differ diff --git a/next-app/public/img/datasources/inparanoidb.png b/next-app/public/img/datasources/inparanoidb.png new file mode 100644 index 0000000..d8d67dd Binary files /dev/null and b/next-app/public/img/datasources/inparanoidb.png differ diff --git a/next-app/public/img/datasources/orthodisease.png b/next-app/public/img/datasources/orthodisease.png new file mode 100644 index 0000000..2755f14 Binary files /dev/null and b/next-app/public/img/datasources/orthodisease.png differ diff --git a/next-app/src/app/accessclinicaldata/page.tsx b/next-app/src/app/accessclinicaldata/page.tsx index e5f0f63..03de590 100644 --- a/next-app/src/app/accessclinicaldata/page.tsx +++ b/next-app/src/app/accessclinicaldata/page.tsx @@ -34,15 +34,25 @@ export default function AboutPage(): ReactElement { {/* Paragraph before the first heading */}

- Human data for research can be accessed from various sources such as - medical records, quality registries, and research databases. If the - research involves sensitive personal data (definition available here), - the project must be approved by the Swedish Ethical Review Authority. - This requirement applies even if the sensitive personal data is - pseudonymised. Additionally, all necessary legal measures must be in - place before transferring data from the agency or organisation providing - the source data. Procedures for requesting and disclosing data vary - between different authorities and organisations. + Human data for research can be accessed from several sources such as: + medical records, quality registries, research databases, etc. If + sensitive personal data (definition) will be used, the research project must be approved by + the Swedish Ethical Review Authority. This applies even if all the + sensitive personal data being processed is pseudonymised. Moreover, + necessary legal measures must be in place before the data can be + transferred from the agency or organisation that provides the source + data. Exactly how the procedures for requesting data for research and + how the data is disclosed differ between various authorities or + organisations. +

{/* The first heading */}
@@ -62,7 +72,7 @@ export default function AboutPage(): ReactElement { {/* The second heading */}

Quality registers

- + ))} */}
-
+

{textBar}

diff --git a/next-app/src/components/ImageCarouselAlternativeComponent.tsx b/next-app/src/components/ImageCarouselAlternativeComponent.tsx index 8e9fa6d..371182b 100644 --- a/next-app/src/components/ImageCarouselAlternativeComponent.tsx +++ b/next-app/src/components/ImageCarouselAlternativeComponent.tsx @@ -3,26 +3,108 @@ import { ReactElement } from "react"; import Link from 'next/link'; +// Image paths +const dataSourcesImg = '/HomePageImages/dataSourcesIndexImage.png'; +const hedestamImg = '/HomePageImages/hedestamIndexImage.png'; +const registriesImage = '/HomePageImages/RegistriesImage.jpg'; + +// Colors for styling consistency +const primaryColor = "#4F5D75"; // Dark text color +const backgroundColor = "#F7F7FF"; // Light background color +const cardBackgroundColor = "#FFFFFF"; // White card background +//const accentColor = "#EF8354"; // Accent color for hover +const betaBadgeColor = "#D3E4A3"; // Light green for "Beta coming soon" badge + export default function ImageCarouselAlternativeComponent(): ReactElement { return ( -
-
- -
- Data Sources represented by different lines in a vortex +
+ {/* Main Cards Section */} +
+ + {/* Data Sources Card */} + +
+ Data Sources +
+

Data Sources

+

Repositories and data sources in life science

+
+
+ + + {/* Registries Card */} + +
+ Quality Registers +
+

Quality Registers

+

A comprehensive list of quality registers in Sweden

+
+
+ + + {/* KIARVA Card */} + +
+ KIARVA +
+

KIARVA

+

KI Adaptive Immune Receptor Gene Variant Atlas

+
+
+
- - -
- Human T and B-cell receptor sequences represented by a cell membrane on a red and blue color spectrum + + {/* Additional Information Section */} +
+ + {/* How to Access Clinical Data */} + +

How to Access Clinical Data

+

An overview of accessing clinical data in Sweden, including patient and medical records, and quality registers.

+ + + {/* RAGnar Card with "Beta coming soon" Badge */} +
+ {/* Beta coming soon Badge */} + + Beta coming soon + +

Introducing RAGnar

+

A retrieval-augmented generation (RAG) AI tool for precision medicine, initially drawing on PubMed papers to answer questions with referenced sources.

+
- - -
- A woman standing on a stage and speaking with a microphone + + {/* News Section */} +
+

What's new?

+
+ + {/* News Item 1 */} +
+

2024-10-03

+

KIARVA

+
+

An adaptive immune receptor gene variant atlas hosting IG heavy chain alleles from 2,485 individuals, in collaboration with Gunilla Karlsson Hedestam's research group at Karolinska Institutet.

+
+ + {/* News Item 2 */} +
+

2024-09-20

+

New resource!

+
+

Explore Swedish quality registers, filterable by organisation, category, or keywords. These registers support continuous healthcare improvement and serve as key resources for development and research.

+
+ + {/* News Item 3 */} +
+

2024-09-20

+

Precision Medicine Portal soft launch

+
+

Developed by the Data Science Node in Precision Medicine and Diagnostics and operated by the SciLifeLab Data Centre.

+
+
- -
); -} \ No newline at end of file +} diff --git a/next-app/src/content/content.ts b/next-app/src/content/content.ts index dbf2cbb..ce9a0a2 100644 --- a/next-app/src/content/content.ts +++ b/next-app/src/content/content.ts @@ -191,21 +191,21 @@ export const TeamDescriptions = { } export const DataSourcesPageContent = { - textBar: 'Repositories and data sources in precision medicine.', + textBar: 'Repositories and data sources in life science', } export const EventsAndTrainingsPageContent = { - textBar: 'Events and trainings in precision medicine.', + textBar: 'Events and trainings in precision medicine', } export const AboutPageContent = { - textBar: 'Learn about the team and partners behind the portal and our mission to connect you with the data you need.', + textBar: 'Learn about the team and partners behind the portal and our mission to connect you with the data you need', } export const HomePageContent = { - textBar: 'An open-access portal that aggregates data, tools, and resources for Swedish precision medicine research.', + textBar: 'An open-access portal that aggregates data, tools, and resources for Swedish precision medicine research', } export const ClinicalDataPageContent = { - textBar: 'How to access clinical data', + textBar: 'How to access clinical data in Sweden', }