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

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
 
{{Paris_Bettencourt}}
 
{{Paris_Bettencourt}}
 
<html>
 
<html>
  
 
+
<div class="column full_size judges-will-not-evaluate">
 
+
<h3>★  ALERT! </h3>
 
+
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
<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 : 100vh;
+
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;
+
}
+
#side {
+
height : 100%;
+
width : 15%;
+
position : fixed;
+
right : 0;
+
}
+
#sidemenu {
+
text-align : left;
+
right : 0px;
+
width : 100%;
+
position : absolue;
+
margin-top : 50%;
+
}
+
#sidemenu ul {
+
        display : block;
+
}
+
.liste1 {
+
list-style-type: none;
+
line-height : 30px;
+
        display : block;
+
}
+
.liste1 a {
+
text-decoration : none;
+
color : black;
+
}
+
.liste1:hover {
+
border-left : 2px solid #f64553;
+
}
+
#element1:focus {
+
color : red;
+
text-decoration : underline;
+
}
+
 
+
html {
+
        height : 100%;
+
}
+
body {
+
margin : 0;
+
pading : 0;
+
font-family : lato, sans-serif;
+
        height : 100%;
+
}
+
#textbody h1 {
+
text-align : center;
+
        font-size : 50px;
+
        margin-bottom : 25px;
+
}
+
.legend {
+
      font-size : 10px;
+
}
+
#textbody {
+
width : 700px;
+
margin : 0 auto;
+
text-align : justify;
+
}
+
.block {
+
width : 100%;
+
        margin-top : 50px;
+
}
+
#textbody h4 {
+
        text-align : center;
+
        font-size : 20px;
+
        margin-bottom : 20px;
+
}
+
</style>
+
 
+
 
+
<body>
+
<div id=side>
+
<div id=sidemenu>
+
<ul>
+
<li id=element1 class=liste1><a href="#block1">Lorem 1</a></li>
+
<li id=element2 class=liste1><a href="#block2">Lorem 2</a></li>
+
<li id=element3 class=liste1><a href="#block3">Lorem 3</a></li>
+
<li id=element4 class=liste1><a href="#block4">Lorem 4</a></li>
+
<li id=element5 class=liste1><a href="#block5">Lorem 5</a></li>
+
</ul>
+
</div>
+
 
</div>
 
</div>
 +
<div class="clear"></div>
  
  
<div id=textbody>
 
<div id=block1 class=block>
 
<h1>Sub-title1</h1>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet auctor fringilla. Mauris imperdiet est a risus vulputate, at fringilla nisi vehicula. Aliquam sodales enim vel nibh luctus imperdiet. Phasellus eu felis viverra velit viverra viverra id scelerisque elit. Phasellus sed eros nunc. Duis ipsum metus, tempor vel ipsum vitae, iaculis convallis enim. Praesent rutrum elit sit amet consectetur faucibus. Praesent porttitor non ex et lobortis. Donec malesuada sed odio a scelerisque. Aenean tempor enim sed bibendum malesuada. Nunc pharetra tellus sed massa condimentum, ut placerat lectus vestibulum. Donec ornare pulvinar eros, nec laoreet erat egestas at. Morbi consequat maximus. </p>
 
</div>
 
<div id=block2 class=block>
 
<h1>Sub-title2</h1>
 
  
<div id="header">Find me a header</div>
 
<p> <b> <a href='https://2017.igem.org/Team:Paris_Bettencourt/Measurement'> Useless link </a> </b></p>
 
<img src="link">
 
<table>
 
  
<th> YoYoYo </th> <th> YuYuYu </th> <th> YopYopYop </th>
 
<tr><td>Tably </td> <td> Paul is cool</td> <td> Paul is so cool </td> <\tr>
 
<tr><td> Tablo</td> <td> Paul is Hyper cool</td> <td> Right you got it I am cool</td> <\tr>
 
</table>
 
<span> cool legend brow </span>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet auctor fringilla. Mauris imperdiet est a risus vulputate, at fringilla nisi vehicula. Aliquam sodales enim vel nibh luctus imperdiet. Phasellus eu felis viverra velit viverra viverra id scelerisque elit. Phasellus sed eros nunc. Duis ipsum metus, tempor vel ipsum vitae, iaculis convallis enim. Praesent rutrum elit sit amet consectetur faucibus. Praesent porttitor non ex et lobortis. Donec malesuada sed odio a scelerisque. Aenean tempor enim sed bibendum malesuada. Nunc pharetra tellus sed massa condimentum, ut placerat lectus vestibulum. Donec ornare pulvinar eros, nec laoreet erat egestas at. Morbi consequat maximus.</p>
 
</div>
 
<div id=block3 class=block>
 
<h1>Sub-title3</h1>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices nulla tincidunt, hendrerit diam at, condimentum sem. Quisque ac condimentum tellus, at viverra risus. Aenean venenatis at est sed rhoncus. Suspendisse libero sapien, dictum quis convallis tempus, dapibus et tortor. Etiam tincidunt ut turpis quis tincidunt. Donec vitae suscipit arcu. Nullam finibus purus leo, sed vestibulum mi sodales a. Ut vestibulum quis metus eu ullamcorper. Morbi elementum tellus eu nibh bibendum, non laoreet lorem molestie. Nam interdum dictum leo, at malesuada nisi fermentum quis. Aliquam cursus non ex vitae euismod. In eget mi et ligula viverra cursus venenatis et justo. Proin sed lacus aliquam, interdum metus a, tempor sapien. Maecenas non cursus sem. Nulla auctor sollicitudin ullamcorper. Pellentesque faucibus sed est in varius. Vestibulum ullamcorper elementum molestie. Maecenas posuere lectus ut placerat volutpat. Vivamus vulputate, nisi in efficitur sodales, felis ex rhoncus neque, sed sollicitudin nibh purus nec tellus. Donec. </p>
 
</div>
 
<div id=block4 class=block>
 
<h1>Sub-title4</h1>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel vehicula felis. Aenean non elit magna. Integer tincidunt cursus fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque tempor vitae sem at varius. Donec sed rutrum justo. Cras ut elementum sem. Cras tempus, nunc eget tempor feugiat, quam diam aliquet nisi, id pharetra mauris tortor vitae nibh. Curabitur id turpis eget nibh vehicula cursus nec et sapien. Aenean laoreet aliquam gravida. Donec a ex tempus, varius augue quis, pharetra massa. Proin in gravida urna. Pellentesque dapibus elit quis enim mattis, a porttitor purus rutrum. Donec eget consectetur nisl, sed commodo dui. Suspendisse lobortis justo ac ornare lacinia. Pellentesque quis arcu justo. Praesent pulvinar, lorem ut consequat tincidunt, augue nunc laoreet orci, quis pharetra arcu augue eu ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque fermentum mattis ipsum, et tincidunt dolor tempus nec. Maecenas ac arcu eu lacus fringilla ornare non ac erat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vehicula euismod placerat. Ut volutpat felis vitae lorem pulvinar, eget finibus dui molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla egestas est vitae odio sagittis condimentum euismod et magna. Vivamus porttitor diam tortor, quis tincidunt dolor pulvinar quis. Suspendisse tincidunt ornare eros. Nullam at lobortis lectus. Integer sit amet bibendum turpis. Suspendisse enim elit, placerat ac iaculis sed, maximus vel lectus. Praesent fermentum facilisis eros. Pellentesque tincidunt, enim vel porta commodo, justo massa laoreet lorem, ac interdum massa augue in turpis. Fusce elit est, rutrum sit amet velit ac, ultrices pellentesque metus. Cras viverra rutrum eros id vestibulum. Donec at luctus neque, a pellentesque diam. Donec vel congue nibh, in auctor tellus. Duis nisi lectus, placerat vel odio et, dapibus pharetra dui. Mauris sagittis purus non ipsum eleifend, ut interdum neque tincidunt.</p>
 
</div>
 
<div id=block5 class=block>
 
<h1>Sub-title5</h1>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet auctor fringilla. Mauris imperdiet est a risus vulputate, at fringilla nisi vehicula. Aliquam sodales enim vel nibh luctus imperdiet. Phasellus eu felis viverra velit viverra viverra id scelerisque elit. Phasellus sed eros nunc. Duis ipsum metus, tempor vel ipsum vitae, iaculis convallis enim. Praesent rutrum elit sit amet consectetur faucibus. Praesent porttitor non ex et lobortis. Donec malesuada sed odio a scelerisque. Aenean tempor enim sed bibendum malesuada. Nunc pharetra tellus sed massa condimentum, ut placerat lectus vestibulum. Donec ornare pulvinar eros, nec laoreet erat egestas at. Morbi consequat maximus. </p>
 
</div>
 
</div>
 
<!-- If you need more block/subdivision of a block, ask me-->
 
  
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
  
 
</body>
 
 
 
 
 
 
 
<!--
 
 
<div class="column full_size">
 
<div class="column full_size">
 
<h1>Measurement</h1>
 
<h1>Measurement</h1>
Line 182: Line 46:
 
</div>
 
</div>
 
<div class="clear"></div>
 
<div class="clear"></div>
-->
 
 
 
</html>
 
</html>
 
 
 
{{Paris_Bettencourt/footer}}
 

Latest revision as of 14:02, 28 October 2017

★ ALERT!

This page is used by the judges to evaluate your team for the medal criterion or award listed above.

Delete this box in order to be evaluated for this medal criterion and/or award. See more information at Instructions for Pages for awards.

Measurement

There are a lot of exciting parts in the Registry, but many parts have still not been characterized. Synthetic Biology needs great measurement approaches for characterizing new parts, and efficient new methods for characterizing many parts at once. If you've done something exciting in the area of Measurement, describe it here!

Best Innovation in Measurement Special Prize

If you've done excellent work in measurement, you should consider nominating your team for this special prize. Designing great measurement approaches for characterizing new parts or developing and implementing an efficient new method for characterizing thousands of parts are good examples.

To compete for the Best Innovation in Measurement prize, please describe your work on this page and also fill out the description on the judging form.

You must also delete the message box on the top of this page to be eligible for this prize.


Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples: