Skip to content

Commit 1a81fb9

Browse files
connoratrugconnoratrug
authored
feat(catalogue): add about page (#4938)
feat(catalogue): add static about page Closes #1160
1 parent a163c74 commit 1a81fb9

File tree

2 files changed

+178
-1
lines changed

2 files changed

+178
-1
lines changed

‎apps/catalogue/components/header/Global.vue

+4-1
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,10 @@ const menu = [
3838
// { label: "Manuals", link: "#" },
3939
config.public.cohortOnly
4040
? { label: "About", link: `/${schema}/catalogue/all/about` }
41-
: undefined,
41+
: {
42+
label: "About",
43+
link: `/${schema}/catalogue/about`,
44+
},
4245
].filter((item) => item !== undefined);
4346
</script>
4447

‎apps/catalogue/pages/[schema]/catalogue/about.vue

+174
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
<template>
2+
<LayoutsDetailPage>
3+
<template #header>
4+
<PageHeader id="page-header" title="About">
5+
<template #prefix>
6+
<BreadCrumbs />
7+
</template>
8+
</PageHeader>
9+
</template>
10+
11+
<template #side>
12+
<SideNavigation
13+
title="About"
14+
:items="[
15+
{ id: 'intro', label: 'Introduction' },
16+
{ id: 'use', label: 'Use' },
17+
{ id: 'video', label: 'Introductory video' },
18+
{ id: 'molgenis', label: 'MOLGENIS Software' },
19+
{ id: 'involvement', label: 'How to Get Involved' },
20+
{ id: 'acknowledgements', label: 'Acknowledgements' },
21+
]"
22+
header-target="#page-header"
23+
/>
24+
</template>
25+
26+
<template #main>
27+
<ContentBlocks>
28+
<ContentBlock id="intro" title="Introduction">
29+
Developed by the MOLGENIS team of Genomics Coordination Center (GCC)
30+
at the University Medical Center Groningen (UMCG), the European Health
31+
Research Data and Sample Catalogue is a joint metadata catalogue
32+
initiative designed to bring together catalogues from various EU
33+
research projects and networks. It promotes data sharing and reuse,
34+
and supports advancements in public health. The catalogue contains
35+
only metadata—information about data, not the data itself.
36+
</ContentBlock>
37+
38+
<ContentBlock id="use" title="Use">
39+
Institutions and data sources such as cohort studies—often involved in
40+
multi-centre consortia—add their metadata to the catalogue as part of
41+
consortium activities. They may also upload variables and mappings to
42+
the consortium's Common Data Model.
43+
44+
<br /><br />
45+
46+
Researchers can search within and across consortia to find harmonised
47+
variables for their own studies. Visitors can explore data
48+
collections, variables, consortia, networks, and more.
49+
50+
<br /><br />
51+
52+
Institutions not part of a consortium are also welcome to contribute.
53+
Please contact
54+
<a
55+
href="mailto:[email protected]"
56+
class="text-blue-500 underline hover:bg-blue-50"
57+
>
58+
[email protected] </a
59+
>.
60+
</ContentBlock>
61+
62+
<ContentBlock id="video" title="Introductory video">
63+
<div class="aspect-w-16 aspect-h-18 w-full">
64+
<iframe
65+
src="https://www.youtube.com/embed/PyRElhVzzb4"
66+
title="Introductory Video"
67+
frameborder="0"
68+
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
69+
allowfullscreen
70+
class="w-full h-full rounded-lg"
71+
></iframe>
72+
</div>
73+
</ContentBlock>
74+
75+
<ContentBlock id="molgenis" title="MOLGENIS Software">
76+
This database was built using the open-source
77+
<a
78+
href="https://github.com/molgenis/molgenis-emx2"
79+
target="_blank"
80+
rel="noopener noreferrer"
81+
class="text-blue-500 underline hover:bg-blue-50"
82+
>
83+
MOLGENIS molgenis-emx2
84+
</a>
85+
software (licensed under LGPLv3).
86+
87+
<br /><br />
88+
89+
If you use this resource, please cite:
90+
91+
<ul class="list-disc pl-5 pt-2">
92+
<li>
93+
Swertz, van Enckevort et al. "Towards an Interoperable Ecosystem
94+
of Research Cohort and Real-world Data Catalogues Enabling
95+
Multi-center Studies."<em>Yearb Med Inform</em>. 31(1):262-272,
96+
2022
97+
</li>
98+
<li>
99+
van der Velde, K. Joeri, et al. "MOLGENIS research: advanced
100+
bioinformatics data software for non-bioinformaticians."
101+
<em>Bioinformatics</em>. 35.6 (2018): 1076.
102+
</li>
103+
<li>
104+
Swertz, Morris A., et al. "The MOLGENIS toolkit: rapid prototyping
105+
of biosoftware at the push of a button."
106+
<em>BMC Bioinformatics</em>. Vol. 11. BioMed Central, 2010.
107+
</li>
108+
</ul>
109+
110+
<br />
111+
112+
Learn more at
113+
<a
114+
href="https://www.molgenis.org"
115+
target="_blank"
116+
rel="noopener noreferrer"
117+
class="text-blue-500 underline hover:bg-blue-50"
118+
>
119+
www.molgenis.org
120+
</a>
121+
or visit our
122+
<a
123+
href="https://ticket.molgenis.net/help/en-gb"
124+
target="_blank"
125+
rel="noopener noreferrer"
126+
class="text-blue-500 underline hover:bg-blue-50"
127+
>
128+
knowledge base </a
129+
>. Full documentation:
130+
<a
131+
href="https://molgenis.github.io/molgenis-emx2/#/molgenis/use"
132+
target="_blank"
133+
rel="noopener noreferrer"
134+
class="text-blue-500 underline hover:bg-blue-50"
135+
>
136+
molgenis-emx2 docs </a
137+
>.
138+
</ContentBlock>
139+
140+
<ContentBlock id="involvement" title="How to Get Involved">
141+
For any questions about MOLGENIS software or this catalogue, feel free
142+
to reach out to:
143+
<a
144+
href="mailto:[email protected]"
145+
class="text-blue-500 underline hover:bg-blue-50"
146+
>
147+
[email protected] </a
148+
>.
149+
</ContentBlock>
150+
151+
<ContentBlock id="acknowledgements" title="Acknowledgements">
152+
This catalogue was created with the support of many partners. Special
153+
thanks to:
154+
<ul class="list-disc pl-5 pt-2">
155+
<li>EUCAN-connect</li>
156+
<li>European Child Cohort Network</li>
157+
<li>LifeCycle Consortium</li>
158+
<li>ATHLETE Consortium</li>
159+
<li>LongITools Consortium</li>
160+
<li>IMI Conception</li>
161+
<li>European Human Exposome Network</li>
162+
<li>BBMRI-ERIC</li>
163+
</ul>
164+
</ContentBlock>
165+
</ContentBlocks>
166+
</template>
167+
</LayoutsDetailPage>
168+
</template>
169+
170+
<script setup lang="ts">
171+
import { useHead } from "#app";
172+
173+
useHead({ title: "About" });
174+
</script>

0 commit comments

Comments
 (0)