Update homepage cards

client/assets/css/global.css

@@ -91,7 +91,7 @@
   width: 75%;
   margin: 0 auto;
   padding: 30px 0px 30px 0px;
-  text-align: center;
+  text-align: center !important;
 }
 
 .card-title {

client/components/AnalysisCard.vue

 <template>
-    <v-card :class="myClass">
-        <v-card-title class="card-title"> {{title}} </v-card-title>
-      </hr>
-         <v-card-text style="font-size:18px; color:black;">
+    <v-card :elevation=0  :class="myClass">
+        <v-container>
+          <v-card-title class="card-title"> {{title}} </v-card-title>
+        <v-row>
+          <v-col
+          cols="5"
+          md="3">
+            <v-img
+            height="300"
+            width="300"
+            :src='myImg'
+          ></v-img>
+          </v-col>
+          <v-col
+          sm="7"
+          md="9">
+            <v-card-text style="font-size:18px; color:black;">
            {{description}}
          </v-card-text>
-      <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn :to ="link" :style="myStyle" style="color:#fff; text-transform:none;">
+          </v-col
+          >
+        </v-row>
+        <v-card-actions>
+          <v-btn :to ="link" :style="myStyle" style="color:#fff; text-transform:none; margin:0 auto;">
           {{short_desc}}
-        </v-btn>
-      </v-card-actions>
+          </v-btn>
+        </v-card-actions>
+        </v-container>
     </v-card>
 </template>
 
 <script>
   export default {
     name:"AnalysisCard",
-    props: ['title', "description", "short_desc","link","myStyle","myClass"]
+    props: ['title', "description", "short_desc","link","myStyle","myClass","myImg"]
   }
 </script>

client/layouts/default.vue

@@ -128,36 +128,35 @@ export default {
       footer: {
         col1: [
           {
-            label: "L'INSTITUT PASTEUR",
-            url: 'https://www.pasteur.fr/fr/institut-pasteur',
+            label: "THE INSTITUT PASTEUR",
+            url: 'https://www.pasteur.fr/en/institut-pasteur',
           },
           {
-            label: 'NOS MISSIONS',
-            url: 'https://www.pasteur.fr/fr/nos-missions',
+            label: 'OUR MISSIONS',
+            url: 'https://www.pasteur.fr/en/our-missions',
           },
           {
-            label: 'NOUS SOUTENIR',
-            url: 'https://www.pasteur.fr/fr/nous-soutenir',
+            label: 'SUPPORT US',
+            url: 'https://www.pasteur.fr/en/support-us',
           },
           {
-            label: 'CENTRE MÉDICAL',
-            url: 'https://www.pasteur.fr/fr/centre-medical',
+            label: 'MEDICAL CENTER',
+            url: 'https://www.pasteur.fr/en/medical-center',
           },
           {
-            label: 'LE JOURNAL DE LA RECHERCHE',
-            url: 'https://www.pasteur.fr/fr/journal-de-recherche',
+            label: 'THE RESEARCH JOURNAL',
+            url: 'https://www.pasteur.fr/en/research-journal',
           },
         ],
 
         col2: [
-          { label: 'FAITES UN DON', url: 'https://don.pasteur.fr/' },
-          { label: 'ESPACE PRESSE', url: 'https://www.pasteur.fr/fr/presse' },
-          { label: 'CERIS', url: 'https://www.pasteur.fr/fr/ceris' },
+          { label: 'DONATE', url: 'https://don.pasteur.fr/' },
+          { label: 'PRESS AREA', url: 'https://www.pasteur.fr/en/press-area' },
+          { label: 'LEGAL NOTICE', url: 'LEGAL NOTICE' },
           {
-            label: 'MENTIONS LÉGALES',
-            url: 'https://www.pasteur.fr/fr/mentions-legales',
+            label: 'CREDITS',
+            url: '/credits',
           },
-          // { label: 'CREDITS', url: '' },
         ],
         col3: [
           {

client/pages/index.vue

 <template>
   <div>
     <h1 class="main_title"> Joint Analysis of Summary Statistics </h1>
-    <p class="main-intro">
+    <p class="main_intro">
       The JASS web interface efficiently compute multi-trait genome-wide association study (GWAS) and enable user to interacively explore results.
-      JASS can increase statistical power by leveraging pleiotropy, but also can deepen our understanding of SNPs functional effect (for a detailed explanation see the citation box below).
-      Currently this website host <b> {{initmeta.nb_phenotypes}} traits </b>available for analysis with the omnibus test.
-      All GWAS have been pre-processed using the <a href="https://gitlab.pasteur.fr/statistical-genetics/jass_suite_pipeline">JASS pre-processing pipeline</a> and imputation of missing statistics has been conducted using the <a href="https://gitlab.pasteur.fr/statistical-genetics/raiss">RAISS software</a>, resulting in a total of {{initmeta.nb_snps}} SNPs available for analysis.
+      <br>JASS can increase statistical power by leveraging pleiotropy, but also can deepen our understanding of SNPs functional effect (for a detailed explanation see the citation box below).
+      <br>Currently this website host <b> {{initmeta.nb_phenotypes}} traits </b>available for analysis with the omnibus test.
+      All GWAS have been pre-processed using the <a href="https://gitlab.pasteur.fr/statistical-genetics/jass_suite_pipeline">JASS pre-processing pipeline</a> and imputation of missing statistics has been conducted using the <a href="https://gitlab.pasteur.fr/statistical-genetics/raiss">RAISS software</a>, resulting in a total of <b>{{initmeta.nb_snps}} SNPs</b> available for analysis.
       To analyze data in your own facility and/or access supplementary joint analysis tests, please download and install the JASS python package.
     </p>
 
    <v-container fluid>
            <v-row dense>
-             <AnalysisCard v-for="analysis in analysis" :key="analysis.title" :title="analysis.title" :description="analysis.description" :short_desc="analysis.short_desc" :link="analysis.link" :myStyle="analysis.myStyle" :myClass="analysis.myClass" />
+             <AnalysisCard v-for="analysis in analysis" :key="analysis.title" :title="analysis.title" :description="analysis.description" :short_desc="analysis.short_desc" :link="analysis.link" :myStyle="analysis.myStyle" :myClass="analysis.myClass" :myImg="analysis.myImg" />
            </v-row>
          </v-container>
          <h2> About </h2>
@@ -70,6 +70,8 @@ export default {
             backgroundColor:'#2D96FA',
           },
           myClass:'left-card',
+          myImg:'/jass19Avrilsmall.png',
+
         },
         {
           title: 'Region Analysis',