Update homepage

client/assets/css/global.css

@@ -78,11 +78,37 @@
   text-decoration: none;
 }
 
+/* MAIN PAGE */
 .main_title {
   font-family: 'PlayfairDisplayReg';
   font-size: 50px;
   text-transform: capitalize;
   text-align: center;
+  padding: 20px;
+}
+
+.main_intro {
+  width: 75%;
+  margin: 0 auto;
+  padding: 30px 0px 30px 0px;
+  text-align: center;
+}
+
+.card-title {
+  font-family: 'PlayfairDisplayReg';
+  font-size: 20px;
+}
+
+.left-card {
+  text-align: left;
+  width: 80%;
+  margin: 20px auto;
+}
+
+.right-card {
+  text-align: right;
+  width: 80%;
+  margin: 20px auto;
 }
 
 button,input,select,textarea {

client/components/AnalysisCard.vue

 <template>
-    <v-col>
-    <v-card max-width="600">
-        <v-card-title> {{title}} </v-card-title>
+    <v-card :class="myClass">
+        <v-card-title class="card-title"> {{title}} </v-card-title>
       </hr>
-         <v-card-text>
+         <v-card-text style="font-size:18px; color:black;">
            {{description}}
          </v-card-text>
       <v-card-actions>
         <v-spacer></v-spacer>
-        <v-btn :to ="link">
+        <v-btn :to ="link" :style="myStyle" style="color:#fff; text-transform:none;">
           {{short_desc}}
         </v-btn>
       </v-card-actions>
     </v-card>
-  </v-col >
 </template>
 
 <script>
   export default {
     name:"AnalysisCard",
-    props: ['title', "description", "short_desc","link"]
+    props: ['title', "description", "short_desc","link","myStyle","myClass"]
   }
 </script>

client/layouts/default.vue

@@ -29,7 +29,7 @@
       <v-container>
         <Nuxt />
       </v-container>
-       <v-footer fixed app dark class="py-0">
+       <v-footer :absolute!=fixed app dark class="py-0">
       <v-container>
         <v-row justify="center">
           <v-col sm="10" md="8">

client/pages/index.vue

 <template>
   <div>
     <h1 class="main_title"> Joint Analysis of Summary Statistics </h1>
-    <p class="text-justify">
+    <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 {{initmeta.nb_phenotypes}} traits available for analysis with the omnibus test.
+      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.
       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-container fluid>
            <v-row dense>
-             <AnalysisCard v-for="analysis in analysis" v-bind:key="analysis.title" v-bind:title="analysis.title" v-bind:description="analysis.description" v-bind:short_desc="analysis.short_desc" v-bind:link="analysis.link" />
+             <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" />
            </v-row>
          </v-container>
          <h2> About </h2>
@@ -65,13 +65,21 @@ export default {
           title: 'Genome wide Analysis',
           description:'Run JASS on a set of traits genome wide, Explore result interactively and download results summary or full genome wide results. Can take up to ~30 to run depending on the number of trait selected.',
           short_desc: 'Run Genome Wide Analysis',
-          link:'/phenotypes'
+          link:'/phenotypes',
+          myStyle:{
+            backgroundColor:'#2D96FA',
+          },
+          myClass:'left-card',
         },
         {
           title: 'Region Analysis',
           description: 'Run JASS on a region of interest, Explore results interactively and export them to csv files. This analysis is limited to one chromosome and will run faster than genome wide analysis.',
           short_desc: 'Run Region Analysis',
-          link:'/'
+          link:'/',
+          myStyle:{
+            backgroundColor:'#69AC98',
+          },
+          myClass:'right-card',
         }
       ],
       initmeta : [],