Team:Sheffield/tmp2

From 2014.igem.org

(Difference between revisions)
Line 213: Line 213:
</table>
</table>
<!-- end of final block -->
<!-- end of final block -->
 +
 +
<head>
 +
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
  <script type="text/javascript">
 +
  $(document).ready(function(){
 +
 +
    $(function(){
 +
    var path = location.pathname.substring(1);
 +
    var last = path.split("/");
 +
    if ( last[1] ) {
 +
      $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#bbffff");
 +
    }
 +
    });
 +
 +
    $('#menuback').mouseover(function() {
 +
    $('#headover').stop().animate({height:'160px',top:'0px'},400);
 +
    });
 +
 +
    $('#menu').mouseleave(function() {
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $('#headover ul').fadeOut(500);
 +
    $('#headover').stop().animate({height:'0px',top:'0px'},400);
 +
    });
 +
 +
    $('.listhead').mouseover(function(){
 +
    $('.listhead').not('.curlink').css("color","#ffffff");
 +
    $(this).css("color","#bbffff");
 +
    $('#headover ul').css("display","none");
 +
    var vActive = $(this).attr("id");
 +
    $('.'+vActive).stop(true, true).fadeIn(300);
 +
    });
 +
 +
    $('.listmain').mouseover(function(){
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    $(this).css("color","#bbffff");
 +
    });
 +
 +
    $('#headover').mouseleave(function(){
 +
    $('.listmain').not('.curlink').css("color","#dddddd");
 +
    });
 +
 +
  });
 +
  </script>
 +
  <style type="text/css">
 +
 +
  a:link {color:#20548f;}
 +
  a:visited {color:#20548f;}
 +
  a:hover {color:#20548f;}
 +
  a:active {color:#20548f;}
 +
 +
  p {
 +
  padding:4px;}
 +
 +
  #top-section {
 +
  background-color: #606060;
 +
  border: none;
 +
  width:910px;
 +
  height:20px;}
 +
 +
  #p-logo {
 +
  position: absolute;
 +
  display: none;}
 +
 +
  #search-controls {
 +
  display: none;}
 +
 +
  #menubar.left-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  left:0px;}
 +
 +
  #menubar.right-menu {
 +
  position: absolute;
 +
  top:0px;
 +
  right:0px;}
 +
 +
 +
  #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {
 +
  color: #ffffff;}
 +
 +
  #footer-box {
 +
  width:890px;}
 +
 +
  body {
 +
  background-color: #606060}
 +
 +
  .firstHeading {
 +
    display: none;}
 +
 +
  #content {
 +
    width: 890px;
 +
    border: none;
 +
    font-family: calibri, arial, sans-serif;
 +
    font-size: 1.1em;
 +
    color: #000000;
 +
    background-color:#ffffff;
 +
    text-align:justify;}
 +
 +
 +
  #header {
 +
    width:900px;
 +
    height:50px;
 +
    position: relative;
 +
    top: -35px;
 +
    left: -5px;}
 +
 +
 +
  #menu {
 +
    width:900px;
 +
    height:65px;
 +
    position: relative;
 +
    top: -10px;
 +
    left: -5px;}
 +
 +
  #menuback {
 +
    width:900px;
 +
    height:50px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    overflow-y:hidden;
 +
    z-index:1;}
 +
 +
  #headpic {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 50px;}
 +
 +
  #headover {
 +
    width: 900px;
 +
    height:0px;
 +
    position: absolute;
 +
    top: 0px;
 +
    left: 0px;
 +
    z-index:1;
 +
    background: url('http://farm7.static.flickr.com/6140/5951356051_3d182c46e0_b.jpg') 0px 0px;
 +
    background-repeat:repeat-y; }
 +
 +
  a{
 +
    outline:none;}
 +
 +
  #menulist{
 +
    position: absolute;
 +
    top: 16px;
 +
    left: 55px;
 +
    list-style: none;}
 +
 +
  #menulist li{
 +
    height:30px;
 +
    width:136px;
 +
    float:left;
 +
    display:block;
 +
    }
 +
 +
  #menulist li a{
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: calibri, arial, sans-serif;
 +
    color: #ffffff;}
 +
 +
  #headover ul{
 +
    list-style: none;
 +
    display: none;
 +
    position: absolute;
 +
    top: 1.2em;
 +
    left:55px;
 +
    }
 +
 +
  #headover ul ul{
 +
    position: absolute;
 +
    width:120px;
 +
    top:-0.2em;
 +
    left:115px;
 +
    list-style:none;}
 +
 +
  #headover ul li{
 +
    height: 2.4em;
 +
    }
 +
 +
  #headover ul li a{
 +
    font-weight: 100;
 +
    font-size: 1.2em;
 +
    text-decoration: none;
 +
    font-family: calibri, arial, sans-serif;
 +
    color: #dddddd;}
 +
 +
  </style>
 +
</head>
 +
<body>
 +
 +
  <div id='header'>
 +
  <img src="http://farm7.static.flickr.com/6122/5958857609_b9df31d718_b.jpg" usemap="#headermap" />
 +
  <map name="headermap">
 +
    <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
 +
    <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
 +
    <area shape="rect" coords="755,0,855,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
 +
  </map>
 +
  </div>
 +
 +
  <div id='menu'>
 +
  <div id='menuback'>
 +
  <img src="http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/316217_10150398754624673_649494672_9924355_901873686_n.jpg" usemap="#homemap" />
 +
  <map name="homemap">
 +
    <area shape="rect" coords="0,0,60,50" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
 +
  </map>
 +
    <ul id='menulist'>
 +
    <li><a href='#' class='listhead' id='project'>Project</a></li>
 +
    <li><a href='#' class='listhead' id='team'>Team</a></li>
 +
    <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
 +
    <li><a href='#' class='listhead' id='hp'>Human Practices</a></li>
 +
    <li><a href='#' class='listhead' id='safety'>Project Safety</a></li>
 +
    <li><a href='#' class='listhead' id='ref'>Acknowledgements</a></li>
 +
 +
 +
  </div>
 +
  <div id='headpic'>
 +
    <div id='headover'>
 +
 +
    <ul class='project'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Project Summary</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Lab_Book' class='listmain'>Lab Books</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Results' class='listmain'>Results</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
 +
    </ul>
 +
 +
    <ul class='team'><ul class='team'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Vlog</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
 +
    </ul></ul>
 +
 +
    <ul class='modelling'><ul class='modelling'><ul class='modelling'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/ModelingTutorial' class='listmain'>Tutorial</a></li>
 +
    </ul></ul></ul>
 +
 +
    <ul class='hp'><ul class='hp'><ul class='hp'><ul class='hp'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Communicating_Science' class='listmain'>Human Practices</a></li>
 +
    </ul></ul></ul></ul>
 +
 +
    <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
 +
    </ul></ul></ul></ul></ul>
 +
 +
    <ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'><ul class='ref'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Acknowledgements' class='listmain'>Acknowledgements</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
 +
 +
    </ul></ul></ul></ul></ul></ul>
 +
 +
    </div>   
 +
  </div>
 +
  </div>
 +
</body>
 +
 +
 +
</html>
</html>

Revision as of 21:56, 23 August 2014

Welcome!
We are Team Sheffield 2014!

Scroll down to find more about our project!

What is your project about?

Our project Idea is based on the need for for a preemptive approach to fecal matter bacteriophage disease causing viruses, not the post disease aquiring reaction that is now in effect.Currently those in charge of the swimming areas wait until they are notified that someone has come down with an unknown sickness and only knows they swam in the area the day before, or two, or

For example: Our team designed a biosensor to detect a certain chemical in water

Top

How does your project work?

Here you can explain briefly how your project works. And add a link to your project page.

Top

Who will your project help?

Tell your audience how your project will help the environment, science, medicine or everything else.

Top

Why did you choose this project?

What motivated you to work on this project? Tell us what inspires you.

Top

Here you can place the logos of your sponsors or other links!