Commit cf3de73e authored by Kenzo-Hugo Hillion's avatar Kenzo-Hugo Hillion
Browse files

continue about page

parent aa3018c4
Pipeline #31960 passed with stages
in 3 minutes and 21 seconds
......@@ -9,7 +9,11 @@
</v-content>
<v-footer class="pa-3">
<v-spacer></v-spacer>
<div>Metagenomics Signature group, Institut Pasteur. <span class="font-italic font-weight-light">This work is founded by <a target="_blank" href="https://www.bpifrance.fr/">bpifrance</a></span></div>
<div>
Metagenomics Signature group, Institut Pasteur.
<span class="font-italic font-weight-light">This work is founded by <a target="_blank" href="https://www.bpifrance.fr/">bpifrance.</a></span>
<span class="font-italic font-weight-light"> Icons from <a target="_blank" href="https://fontawesome.com/license">fontawesome</a></span>
</div>
<v-spacer></v-spacer>
<span class="font-weight-light"><a :href="commitURL" target="_blank">{{commitHash}}</a></span>
</v-footer>
......
......@@ -6,15 +6,41 @@
<v-card>
<v-card-title class="pb-2">
<v-container fluid>
<v-layout>
<v-flex md6 class="pa-1">
<v-layout wrap >
<v-flex sm12 md6 class="pa-1">
<h3 class="mb-1">MetageneDB</h3>
<div>This work is lead by the Metagenomics Signature group at Institut Pasteur and is part of the InSPIRe project.</div>
<h4 class="mt-2">Technical details</h4>
<div>Give more details about technical stacks, links to gitlab again, thanks to DSI for Kubernetes...</div>
<div>
<p>
This work is lead by the
<a href="https://research.pasteur.fr/en/department/computational-biology/">Metagenomics Signature group</a>
at
<a href="https://research.pasteur.fr/en">Institut Pasteur</a>
and is part of the InSPIRe project.
</p>
</div>
<!-- Technical details -->
<h4 class="mb-1">Technical details</h4>
<v-list subheader>
<v-list-tile
v-for="item in techStack"
avatar
:href="item.url"
target="_blank"
>
<v-list-tile-action>
<v-icon :color="item.color">{{ item.icon }}</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title v-html="item.title"></v-list-tile-title>
<v-list-tile-sub-title v-html="item.subtitle"></v-list-tile-sub-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-flex>
<v-flex md6>
<v-img src="https://cdn.vuetifyjs.com/images/parallax/material.jpg"/>
<v-flex sm12 md4 offset-md1>
<v-img :src="archiImg"/>
</v-flex>
</v-layout>
</v-container>
......@@ -22,15 +48,15 @@
<v-card-title class="pt-2">
<v-container fluid>
<v-layout>
<v-flex md8 class="pa-1">
<h3 class="mb-1">InSPIRe project</h3>
<div>
The <b>In</b>novative <b>S</b>trategies for <b>P</b>erinatal <b>I</b>nfection Risk-<b>Re</b>duction project is coordinated by Elvesys, INSERM, Institut Pasteur and APHP.
It aims to... (need more details here, perhaps a diagram that summarize the project?)
This work is founded by BPI France
<v-flex md6 class="pa-2">
<h3 class="mb-1">The InSPIRe project</h3>
<div class="justify">
<p>The <b>In</b>novative <b>S</b>trategies for <b>P</b>erinatal <b>I</b>nfection Risk-<b>Re</b>duction project is coordinated by Elvesys, INSERM, Institut Pasteur and APHP.
The clinical aspect of the study is based on a large cohort of mother/child and aims to identify the main germs and the best biomarkers from the vaginal flora to predict neonatal infections.
(need more details here about the project, perhaps also something to illustrate)</p>
</div>
</v-flex>
<v-flex md4>
<v-flex md6>
<v-img src="https://cdn.vuetifyjs.com/images/parallax/material2.jpg"/>
</v-flex>
</v-layout>
......
import Logos from '@/components/logos/logos.vue';
export default {
computed: {
techStack() {
return [
{
icon: "fas fa-database",
title: "PostgreSQL",
subtitle: "Database",
url: "https://www.postgresql.org/",
color: "tertiary",
},
{
icon: "fab fa-python",
title: "Django",
subtitle: "Backend - ORM",
url: "https://www.djangoproject.com/",
color: "kegg",
},
{
icon: "fab fa-python",
title: "Django REST framework",
subtitle: "Backend - API",
url: "https://www.django-rest-framework.org/",
color: "kegg",
},
{
icon: "fab fa-vuejs",
title: "Vue.js",
subtitle: "Frontend",
url: "https://vuejs.org/",
color: "green",
},
{
icon: "fab fa-docker",
title: "Docker Compose",
subtitle: "Local development environment",
url: "https://docs.docker.com/compose/",
color: 'tertiary',
},
{
icon: "fab fa-docker",
title: "Kubernetes",
subtitle: "Production environment (special thanks to the IT Department at Pasteur)",
url: "https://kubernetes.io/",
color: 'tertiary',
},
]
},
archiImg() {
return require("/app/public/img/archi.png")
}
},
components: {
logos: Logos,
},
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment