Difference between revisions of "Team:Paris Bettencourt/Lab Notebook"

(Created page with "{{Paris_Bettencourt}} {{Paris_Bettencourt/footer}}")
 
Line 1: Line 1:
 
{{Paris_Bettencourt}}
 
{{Paris_Bettencourt}}
 +
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
 +
#header {
 +
width : 100%;
 +
height : 100%;
 +
background-image : url("");
 +
background-attachment: fixed;
 +
background-position : center;
 +
background-repeat : no-repeat;
 +
background-size : cover;
 +
background-color : rgb(200,200,200);
 +
text-align : center;
 +
font-size : 50px;
 +
display : block;
 +
}
 +
.buttons {
 +
border : solid;
 +
border-radius : 25px;
 +
width : 300px;
 +
height : 100px;
 +
position : relative;
 +
display : inline-block;
 +
margin : 0px auto;
 +
color : white;
 +
text-decoration : none;
 +
line-height : 100px;
 +
}
 +
.line {
 +
display : inline-block;
 +
width : 100%;
 +
height : 100px;
 +
margin-top : 50px;
 +
text-align : center;
 +
}
 +
.line .buttons {
 +
background-color : rgb(20,60,200)
 +
}
 +
#protocol {
 +
margin-top : 50px;
 +
background-color : rgb(150,25,30)
 +
}
 +
#notebookmenu {
 +
text-align : center;
 +
}
 +
.proto {
 +
width : 80%;
 +
margin-left : 10%;
 +
height : 100%;
 +
display : none;
 +
margin-top : 100px;
 +
}
 +
</style>
 +
 +
<body>
 +
<div id="header">Find me a header</div>
 +
 +
<div id=notebookmenu>
 +
<div class=line><a href="#a" onclick=showproto1() class=buttons>Notebook1</a><a href="#a" onclick=showproto2() class=buttons>Notebook2</a><a href="#a" onclick=showproto3() class=buttons>Notebook3</a></div>
 +
<div class=line><a href="#a" onclick=showproto4() class=buttons>Notebook4</a><a href="#a" onclick=showproto5() class=buttons>Notebook5</a><a href="#a" onclick=showproto6() class=buttons>Notebook6</a></div>
 +
<a href="#a" onclick=showproto7() id=protocol class=buttons>Protocols</a>
 +
</div>
 +
 +
<iframe id=proto1 class=proto src="http://pubs.acs.org/doi/pdf/10.1021/ic50176a004"></iframe>
 +
<iframe id=proto2 class=proto src=""></iframe>
 +
<iframe id=proto3 class=proto src=""></iframe>
 +
<iframe id=proto4 class=proto src=""></iframe>
 +
<iframe id=proto5 class=proto src=""></iframe>
 +
<iframe id=proto6 class=proto src=""></iframe>
 +
<iframe id=proto7 class=proto src=""></iframe>
 +
 +
</body>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
 +
<script>
 +
function showproto1() {
 +
    document.getElementById('proto1').style.display = 'block';
 +
    document.getElementById('proto2').style.display = 'none';
 +
    document.getElementById('proto3').style.display = 'none';
 +
    document.getElementById('proto4').style.display = 'none';
 +
    document.getElementById('proto5').style.display = 'none';
 +
    document.getElementById('proto6').style.display = 'none';
 +
    document.getElementById('proto7').style.display = 'none';
 +
}
 +
function showproto2() {
 +
    document.getElementById('proto1').style.display = 'none';
 +
    document.getElementById('proto2').style.display = 'block';
 +
    document.getElementById('proto3').style.display = 'none';
 +
    document.getElementById('proto4').style.display = 'none';
 +
    document.getElementById('proto5').style.display = 'none';
 +
    document.getElementById('proto6').style.display = 'none';
 +
    document.getElementById('proto7').style.display = 'none';
 +
}
 +
function showproto3() {
 +
    document.getElementById('proto1').style.display = 'none';
 +
    document.getElementById('proto2').style.display = 'none';
 +
    document.getElementById('proto3').style.display = 'block';
 +
    document.getElementById('proto4').style.display = 'none';
 +
    document.getElementById('proto5').style.display = 'none';
 +
    document.getElementById('proto6').style.display = 'none';
 +
    document.getElementById('proto7').style.display = 'none';
 +
}
 +
function showproto4() {
 +
    document.getElementById('proto1').style.display = 'none';
 +
    document.getElementById('proto2').style.display = 'none';
 +
    document.getElementById('proto3').style.display = 'none';
 +
    document.getElementById('proto4').style.display = 'block';
 +
    document.getElementById('proto5').style.display = 'none';
 +
    document.getElementById('proto6').style.display = 'none';
 +
    document.getElementById('proto7').style.display = 'none';
 +
}
 +
function showproto5() {
 +
    document.getElementById('proto1').style.display = 'none';
 +
    document.getElementById('proto2').style.display = 'none';
 +
    document.getElementById('proto3').style.display = 'none';
 +
    document.getElementById('proto4').style.display = 'none';
 +
    document.getElementById('proto5').style.display = 'block';
 +
    document.getElementById('proto6').style.display = 'none';
 +
    document.getElementById('proto7').style.display = 'none';
 +
}
 +
function showproto6() {
 +
    document.getElementById('proto1').style.display = 'none';
 +
    document.getElementById('proto2').style.display = 'none';
 +
    document.getElementById('proto3').style.display = 'none';
 +
    document.getElementById('proto4').style.display = 'none';
 +
    document.getElementById('proto5').style.display = 'none';
 +
    document.getElementById('proto6').style.display = 'block';
 +
    document.getElementById('proto7').style.display = 'none';
 +
}
 +
function showproto7() {
 +
    document.getElementById('proto1').style.display = 'none';
 +
    document.getElementById('proto2').style.display = 'none';
 +
    document.getElementById('proto3').style.display = 'none';
 +
    document.getElementById('proto4').style.display = 'none';
 +
    document.getElementById('proto5').style.display = 'none';
 +
    document.getElementById('proto6').style.display = 'none';
 +
    document.getElementById('proto7').style.display = 'block';
 +
}
 +
 +
</script>
  
 
{{Paris_Bettencourt/footer}}
 
{{Paris_Bettencourt/footer}}

Revision as of 15:28, 11 October 2017

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> <style type="text/css">

  1. header {

width : 100%; height : 100%; background-image : url(""); background-attachment: fixed; background-position : center; background-repeat : no-repeat; background-size : cover; background-color : rgb(200,200,200); text-align : center; font-size : 50px; display : block; } .buttons { border : solid; border-radius : 25px; width : 300px; height : 100px; position : relative; display : inline-block; margin : 0px auto; color : white; text-decoration : none; line-height : 100px; } .line { display : inline-block; width : 100%; height : 100px; margin-top : 50px; text-align : center; } .line .buttons { background-color : rgb(20,60,200) }

  1. protocol {

margin-top : 50px; background-color : rgb(150,25,30) }

  1. notebookmenu {

text-align : center; } .proto { width : 80%; margin-left : 10%; height : 100%; display : none; margin-top : 100px; } </style>

<body>

<a href="#a" onclick=showproto1() class=buttons>Notebook1</a><a href="#a" onclick=showproto2() class=buttons>Notebook2</a><a href="#a" onclick=showproto3() class=buttons>Notebook3</a>
<a href="#a" onclick=showproto4() class=buttons>Notebook4</a><a href="#a" onclick=showproto5() class=buttons>Notebook5</a><a href="#a" onclick=showproto6() class=buttons>Notebook6</a>

<a href="#a" onclick=showproto7() id=protocol class=buttons>Protocols</a>

<iframe id=proto1 class=proto src="http://pubs.acs.org/doi/pdf/10.1021/ic50176a004"></iframe> <iframe id=proto2 class=proto src=""></iframe> <iframe id=proto3 class=proto src=""></iframe> <iframe id=proto4 class=proto src=""></iframe> <iframe id=proto5 class=proto src=""></iframe> <iframe id=proto6 class=proto src=""></iframe> <iframe id=proto7 class=proto src=""></iframe>

</body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script> function showproto1() { 

   document.getElementById('proto1').style.display = 'block';
   document.getElementById('proto2').style.display = 'none';
   document.getElementById('proto3').style.display = 'none';
   document.getElementById('proto4').style.display = 'none';
   document.getElementById('proto5').style.display = 'none';
   document.getElementById('proto6').style.display = 'none';
   document.getElementById('proto7').style.display = 'none';

} function showproto2() { 

   document.getElementById('proto1').style.display = 'none';
   document.getElementById('proto2').style.display = 'block';
   document.getElementById('proto3').style.display = 'none';
   document.getElementById('proto4').style.display = 'none';
   document.getElementById('proto5').style.display = 'none';
   document.getElementById('proto6').style.display = 'none';
   document.getElementById('proto7').style.display = 'none';

} function showproto3() { 

   document.getElementById('proto1').style.display = 'none';
   document.getElementById('proto2').style.display = 'none';
   document.getElementById('proto3').style.display = 'block';
   document.getElementById('proto4').style.display = 'none';
   document.getElementById('proto5').style.display = 'none';
   document.getElementById('proto6').style.display = 'none';
   document.getElementById('proto7').style.display = 'none';

} function showproto4() { 

   document.getElementById('proto1').style.display = 'none';
   document.getElementById('proto2').style.display = 'none';
   document.getElementById('proto3').style.display = 'none';
   document.getElementById('proto4').style.display = 'block';
   document.getElementById('proto5').style.display = 'none';
   document.getElementById('proto6').style.display = 'none';
   document.getElementById('proto7').style.display = 'none';

} function showproto5() { 

   document.getElementById('proto1').style.display = 'none';
   document.getElementById('proto2').style.display = 'none';
   document.getElementById('proto3').style.display = 'none';
   document.getElementById('proto4').style.display = 'none';
   document.getElementById('proto5').style.display = 'block';
   document.getElementById('proto6').style.display = 'none';
   document.getElementById('proto7').style.display = 'none';

} function showproto6() { 

   document.getElementById('proto1').style.display = 'none';
   document.getElementById('proto2').style.display = 'none';
   document.getElementById('proto3').style.display = 'none';
   document.getElementById('proto4').style.display = 'none';
   document.getElementById('proto5').style.display = 'none';
   document.getElementById('proto6').style.display = 'block';
   document.getElementById('proto7').style.display = 'none';

} function showproto7() { 

   document.getElementById('proto1').style.display = 'none';
   document.getElementById('proto2').style.display = 'none';
   document.getElementById('proto3').style.display = 'none';
   document.getElementById('proto4').style.display = 'none';
   document.getElementById('proto5').style.display = 'none';
   document.getElementById('proto6').style.display = 'none';
   document.getElementById('proto7').style.display = 'block';

}

</script>

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