Skip to content
Snippets Groups Projects
Commit 8046c8b4 authored by Bryan BRANCOTTE's avatar Bryan BRANCOTTE
Browse files

Merge branch 'fixing-responsiveness-issues' into 'master' 

Fixing responsiveness issues

See merge request !62
parents 361b79e4 0e8d8844
No related branches found
No related tags found
1 merge request!62Fixing responsiveness issues
Hide whitespace changes
Inline Side-by-side
client/assets/css/global.css
+ 10
− 21
View file @ 8046c8b4
......@@ -7,7 +7,7 @@
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'BrandonGrotesqueBld';
src: local('BrandonGrotesqueBld'),
......@@ -25,8 +25,8 @@
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'PlayfairDisplayBld';
src: local('PlayfairDisplayBld'),
......@@ -46,7 +46,7 @@
}
/* FONT DETAILS */
* {
font-family: 'BrandonGrotesqueReg';
font-size: 18px;
......@@ -57,7 +57,7 @@
text-transform: capitalize;
font-size: 30px;
}
h2 {
font-family: 'PlayfairDisplayBld';
font-size: 24px;
......@@ -99,9 +99,10 @@
}
.main_intro {
width: 75%;
margin: 0 auto;
padding: 30px 0px 30px 0px;
text-align: justify;
font-family: 'BrandonGrotesqueReg';
font-size: 18px;
line-height: 1.5;
}
.card-title {
......@@ -109,18 +110,6 @@
font-size: 25px;
}
.left-card {
text-align: left;
width: 60%;
margin: 20px auto;
}
.right-card {
text-align: right;
width: 60%;
margin: 20px auto;
}
button,input,select,textarea {
font-size:100%;
margin:0;
......@@ -233,4 +222,4 @@ button:active,input[type="submit"]:active,input[type="button"]:active,input[type
.footer-text {
font-size: 12px;
}
\ No newline at end of file
}
client/components/AnalysisCard.vue
+ 32
− 13
View file @ 8046c8b4
<template>
<v-card :elevation=0 :class="myClass">
<v-container>
<v-card-title class="card-title"> {{title}} </v-card-title>
<v-col
cols="12"
sm="8"
offset-sm="2"
lg="6"
offset-lg="3">
<v-card-title class="card-title"> {{title}} </v-card-title>
<v-row>
<v-col
cols="5"
md="3">
cols="12"
sm="5"
md="4">
<v-img
class="mx-auto"
height="200"
width="200"
:src='myImg'
></v-img>
</v-col>
<v-col
cols="12"
sm="7"
md="9">
<v-card-text style="font-size:18px; color:black;">
{{description}}
</v-card-text>
</v-col
>
</v-row>
<v-card-actions style="width: 50%; margin: 0 auto; background: white; border-radius: 3px; padding: 20px; box-shadow: 1px 1px 5px #aeaeae;">
md="8">
<v-card-text style="font-size:18px; color:black;text-align: justify;">
{{description}}
</v-card-text>
</v-col>
<v-col
cols="12"
md="8"
offset-md="2">
<v-card-actions style="margin: 0 auto; background: white; border-radius: 3px; padding: 20px; box-shadow: 1px 1px 5px #aeaeae;">
<v-card-text style="font-size:18px; text-align:center;"> {{short_btn}}</v-card-text>
<v-btn :to ="link" :style="myStyle" style="color:#fff; text-transform:none; margin:0 auto;">
{{short_desc}}
</v-btn>
</v-card-actions>
</v-container>
</v-col>
</v-row>
</v-col>
</v-card>
</template>
......@@ -37,3 +49,10 @@
props: ['title', "description", "short_btn", "short_desc","link","myStyle","myClass","myImg"]
}
</script>
<style>
.card-title {
word-break:unset;
}
</style>
client/pages/index.vue
+ 14
− 9
View file @ 8046c8b4
......@@ -2,33 +2,33 @@
<div>
<h1 class="main_title"> Welcome to JASS v2.1</h1>
<h3>a web interface for the Joint Analysis of GWAS Summary Statistics</h3>
<p class="main_intro">
<v-row><v-col cols="12" md="10" offset-sm="1">
<v-card-text style="text-align: justify;" class="main_intro">
The JASS web interface efficiently compute multi-trait genome-wide association study (GWAS) and enable user to interactively explore results.
Multi-trait GWAS 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}}</b> traits 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}}</b> SNPs available for analysis.
To analyze data in your own facility and/or access supplementary joint analysis tests, please download and install the <a href="https://statistical-genetics.pages.pasteur.fr/jass/">JASS python package.</a>
</p>
</v-card-text>
</v-col></v-row>
<v-container fluid>
<v-row dense>
<AnalysisCard v-for="analysis in analysis" :key="analysis.title" :title="analysis.title" :description="analysis.description" :short_btn="analysis.short_btn" :short_desc="analysis.short_desc" :link="analysis.link" :myStyle="analysis.myStyle" :myClass="analysis.myClass" :myImg="analysis.myImg" />
</v-row>
</v-container>
<div style="text-align: center; background-color: #fbfbfb; padding: 20px; width: 80%; margin: 30px auto;">
<div style="text-align: center; background-color: #fbfbfb; padding: 20px; width: 80%; margin: 30px auto;" id="citations">
<h2> Citations </h2>
<p style="text-align:center; padding:20px;">
<h4>When referring to theoretical basis of JASS tests, cite :</h4>
<b><i class="fas fa-quote-left"> Julienne, H., Laville, V., McCaw, Z.R., He, Z., Guillemot, V., Lasry, C., Ziyatdinov, A., Nerin, C., Vaysse, A., Lechat, P., Ménager, H and Aschard, H. </i>Multitrait GWAS to connect disease variants and biological mechanisms</b> <i>PLOS Genetics</i> Aug 30;17(8):e1009713. https://doi.org/10.1371/journal.pgen.1009713<a href="https://academic.oup.com/nargab/article/2/1/lqaa003/5715214" target="_blank">https://journals.plos.org/plosgenetics/article?id=10.1371/journal.pgen.1009713</a><br>
<b><i class="fas fa-quote-left"> Julienne, H., Laville, V., McCaw, Z.R., He, Z., Guillemot, V., Lasry, C., Ziyatdinov, A., Nerin, C., Vaysse, A., Lechat, P., Ménager, H and Aschard, H. </i>Multitrait GWAS to connect disease variants and biological mechanisms</b> <i>PLOS Genetics</i> Aug 30;17(8):e1009713. doi: 10.1371/journal.pgen.1009713 <br/><a href="https://academic.oup.com/nargab/article/2/1/lqaa003/5715214" target="_blank">https://journals.plos.org/plosgenetics/article?id=10.1371/journal.pgen.1009713</a><br>
<br>
<h4>When using JASS software in publication, cite :</h4>
<b><i class="fas fa-quote-left">Julienne, H., Lechat, P., Guillemot, V., Lasry, C., Yao, C., Araud, R., Laville, V., Vilhjalmsson, B., Ménager, H. and Aschard, H. </i>JASS: command line and web interface for the joint analysis of GWAS results.</b> <i>NAR Genom Bioinform</i> 2020 Mar;2(1):lqaa003.
doi: 10.1093/nargab/lqaa003. Epub 2020 Jan 24. <a href="https://academic.oup.com/nargab/article/2/1/lqaa003/5715214" target="_blank">https://academic.oup.com/nargab/article/2/1/lqaa003/5715214</a><br>
doi: 10.1093/nargab/lqaa003. Epub 2020 Jan 24. <br/><a href="https://academic.oup.com/nargab/article/2/1/lqaa003/5715214" target="_blank">https://academic.oup.com/nargab/article/2/1/lqaa003/5715214</a><br>
<br>
<h4>When refereeing to the imputation of summary statistics, cite :</h4>
<b><i class="fas fa-quote-left">Julienne, H., Shi, H., Pasaniuc, B. and Aschard, H. </i>RAISS: robust and accurate imputation from summary statistics.</b> <i>Bioinformatics</i> 2019 Nov 1;35(22):4837-4839.
doi: 10.1093/bioinformatics/btz466. <a href="https://academic.oup.com/bioinformatics/article/35/22/4837/5512360" target="_blank">https://academic.oup.com/bioinformatics/article/35/22/4837/5512360</a><br>
doi: 10.1093/bioinformatics/btz466. <br/><a href="https://academic.oup.com/bioinformatics/article/35/22/4837/5512360" target="_blank">https://academic.oup.com/bioinformatics/article/35/22/4837/5512360</a><br>
<br>
</p>
</div>
......@@ -85,7 +85,6 @@ export default {
myStyle:{
backgroundColor:'#2D96FA',
},
myClass:'left-card',
myImg:'/jass19Avrilsmall.png',
},
......@@ -107,3 +106,9 @@ export default {
}
}
</script>
<style>
#citations a[target="_blank"] {
word-break:break-all;
}
</style>
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