Difference between revisions of "Team:Paris Bettencourt/Overview"

Line 11: Line 11:
 
}
 
}
  
 +
.buttons {
 +
border-radius : 25px;
 +
width : 300px;
 +
height : 100px;
 +
position : relative;
 +
display : inline-block;
 +
margin : 0px auto;
 +
color : white !important;
 +
text-decoration : none !important;
 +
line-height : 100px;
 +
        font-size : 15px;
 +
        margin-left : 10px;
 +
        margin-rigth : 10px;
 +
}
 +
.line {
 +
display : inline-block;
 +
width : 100%;
 +
height : 100px;
 +
margin-top : 50px;
 +
text-align : center;
 +
}
 +
.line .buttons {
 +
background-color : rgb(41,80,142)
 +
}
 +
 +
#applicationmenu {
 +
text-align : center;
 +
}
 +
.text2 {
 +
display : none;
 +
}
  
 
</style>
 
</style>
Line 18: Line 49:
 
<div id=header1 class="header">OVERVIEW</div>
 
<div id=header1 class="header">OVERVIEW</div>
  
−
<div class=textbody>
 
  
 +
<div id=applicationmenu>
 +
<div class=line><a href="#a" onclick=showapplication1() class=buttons></a><a href="#a" onclick=showapplication2() class=buttons></a><a href="#a" onclick=showapplication3() class=buttons></a></div>
 +
<div class=line><a href="#a" onclick=showapplication4() class=buttons></a><a href="#a" onclick=showapplication5() class=buttons></a><a href="#a" onclick=showapplication6() class=buttons></a></div>
 +
</div>
 +
<div class=textbody>
 +
<div id=application1 class=text2>
 +
<div class=text2left>RNA is a light cost nucleotide material
 +
in the cell, We aim to recreate RNA
 +
agglomerations as formed in
 +
mammalian cells with triple repeat
 +
disorders, which show liquid phase
 +
separation, forming a organelle-like
 +
vesicle, where local concentrations of
 +
enzymes can be created.</div>
 +
<div class=text2rigth>RNA is a light cost nucleotide material
 +
in the cell, We aim to recreate RNA
 +
agglomerations as formed in
 +
mammalian cells with triple repeat
 +
disorders, which show liquid phase
 +
separation, forming a organelle-like
 +
vesicle, where local concentrations of
 +
enzymes can be created.</div>
 +
</div>
 +
<div id=application2 class=text2>2</div>
 +
<div id=application3 class=text2>3</div>
 +
<div id=application4 class=text2>4</div>
 +
<div id=application5 class=text2>5</div>
 +
<div id=application6 class=text2>6</div>
 
</div>
 
</div>
  
 
</body>
 
</body>
  
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
 +
<script>
 +
function showapplication1() {
 +
    document.getElementById('application1').style.display = 'block';
 +
    document.getElementById('application2').style.display = 'none';
 +
    document.getElementById('application3').style.display = 'none';
 +
    document.getElementById('application4').style.display = 'none';
 +
    document.getElementById('application5').style.display = 'none';
 +
    document.getElementById('application6').style.display = 'none';
 +
}
 +
function showapplication2() {
 +
    document.getElementById('application1').style.display = 'none';
 +
    document.getElementById('application2').style.display = 'block';
 +
    document.getElementById('application3').style.display = 'none';
 +
    document.getElementById('application4').style.display = 'none';
 +
    document.getElementById('application5').style.display = 'none';
 +
    document.getElementById('application6').style.display = 'none';
 +
}
 +
function showapplication3() {
 +
    document.getElementById('application1').style.display = 'none';
 +
    document.getElementById('application2').style.display = 'none';
 +
    document.getElementById('application3').style.display = 'block';
 +
    document.getElementById('application4').style.display = 'none';
 +
    document.getElementById('application5').style.display = 'none';
 +
    document.getElementById('application6').style.display = 'none';
 +
}
 +
function showapplication4() {
 +
    document.getElementById('application1').style.display = 'none';
 +
    document.getElementById('application2').style.display = 'none';
 +
    document.getElementById('application3').style.display = 'none';
 +
    document.getElementById('application4').style.display = 'block';
 +
    document.getElementById('application5').style.display = 'none';
 +
    document.getElementById('application6').style.display = 'none';
 +
}
 +
function showapplication5() {
 +
    document.getElementById('application1').style.display = 'none';
 +
    document.getElementById('application2').style.display = 'none';
 +
    document.getElementById('application3').style.display = 'none';
 +
    document.getElementById('application4').style.display = 'none';
 +
    document.getElementById('application5').style.display = 'block';
 +
    document.getElementById('application6').style.display = 'none';
 +
}
 +
function showapplication6() {
 +
    document.getElementById('application1').style.display = 'none';
 +
    document.getElementById('application2').style.display = 'none';
 +
    document.getElementById('application3').style.display = 'none';
 +
    document.getElementById('application4').style.display = 'none';
 +
    document.getElementById('application5').style.display = 'none';
 +
    document.getElementById('application6').style.display = 'block';
 +
}
 +
 +
</script>
 
</html>
 
</html>
  
  
 
{{Paris_Bettencourt/footer}}
 
{{Paris_Bettencourt/footer}}

Revision as of 15:41, 25 October 2017

OVERVIEW
RNA is a light cost nucleotide material in the cell, We aim to recreate RNA agglomerations as formed in mammalian cells with triple repeat disorders, which show liquid phase separation, forming a organelle-like vesicle, where local concentrations of enzymes can be created.
RNA is a light cost nucleotide material in the cell, We aim to recreate RNA agglomerations as formed in mammalian cells with triple repeat disorders, which show liquid phase separation, forming a organelle-like vesicle, where local concentrations of enzymes can be created.
2
3
4
5
6


Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
bettencourt.igem2017@gmail.com