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

Line 1: Line 1:
 
{{Paris_Bettencourt}}
 
{{Paris_Bettencourt}}
 +
  
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Line 143: Line 144:
  
 
</script>
 
</script>
 +
</html>
  
 
{{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> </html>

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