Team:Glasgow/sandbox

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
{{Team:Glasgow/Header}}
-
<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(){
+
<h2>Project summary</h2>
-
    var path = location.pathname.substring(1);
+
Biofilms are ubiquitous in many areas of life; whether industrial, medical, or natural. Frequently their presence has undesirable, or even detrimental effects.  
-
    var last = path.split("/");
+
We aim to investigate the spontaneous formation of biofilms and use the knowledge we gain through our research to alter the behavior of cells within an established biofilm using light of different wavelengths.
-
    if ( last[1] ) {
+
-
      $('#headover ul li a[href*="' + last[1] + '"]').addClass("curlink").css("color","#153e7e");
+
-
    }
+
-
    else {
+
-
      $('#headover ul li a[href$="' + path + '"]').addClass("curlink").css("color","#153e7e");
+
-
    }
+
-
    });
+
-
    $('#menuback').mouseover(function() {
 
-
    $('#headover').stop().animate({height:'150px',top:'0px'},1000);
 
-
    });
 
-
    $('#menu').mouseleave(function() {
+
<h2>News</h2>
-
    $('.listhead').not('.curlink').css("color","#ffffff");
+
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
-
    $('#headover ul').fadeOut(500);
+
-
    $('#headover').stop().animate({height:'0px',top:'0px'},1000);
+
-
    });
+
-
    $('.listhead').mouseover(function(){
+
<!--- The Mission, Experiments --->
-
    $('.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(500);
+
-
    });
+
-
    $('.listmain').mouseover(function(){
+
<html>
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
    $(this).css("color","#bbffff");
+
<script>
-
    });
+
new TWTR.Widget({
-
 
+
  version: 2,
-
    $('#headover').mouseleave(function(){
+
  type: 'profile',
-
    $('.listmain').not('.curlink').css("color","#dddddd");
+
  rpp: 4,
-
    });
+
  interval: 6000,
-
 
+
  width: 250,
-
  });
+
  height: 300,
-
  </script>
+
  theme: {
-
  <style type="text/css">
+
    shell: {
-
 
+
      background: '#333333',
-
  a:link {color:#20548f;}
+
      color: '#ffffff'
-
  a:visited {color:#20548f;}
+
     },
-
  a:hover {color:#20548f;}
+
     tweets: {
-
  a:active {color:#20548f;}
+
      background: '#000000',
-
 
+
      color: '#ffffff',
-
  #top-section {
+
      links: '#4aed05'
-
  background-color: #606060;
+
-
  height: 100px;
+
-
  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:900px;}
+
-
 
+
-
  body {
+
-
  background-color: #606060}
+
-
 
+
-
  .firstHeading {
+
-
    display: none;}
+
-
 
+
-
  #content {
+
-
    width: 900px;
+
-
    border: none;
+
-
    font-family: calibri, arial, sans-serif;
+
-
    color: #000000;
+
-
    background-color:#ffffff;}
+
-
 
+
-
  #title {
+
-
     width:900px;
+
-
    height:55px;
+
-
    position: relative;
+
-
    top: 0px;
+
-
    left: 0px;}
+
-
 
+
-
  #discologo {
+
-
     width:71px;
+
-
    height:50px;
+
-
    position: relative;
+
-
    top: 0px;
+
-
    left: 0px;}
+
-
 
+
-
 
+
-
  #menu {
+
-
    width:622px;
+
-
    height:200px;
+
-
    position: relative;
+
-
    top: 20px;
+
-
    left: 139px;}
+
-
 
+
-
  #menuback {
+
-
    width:622px;
+
-
    height:50px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 0px;
+
-
    background-color: #153e7e}
+
-
 
+
-
  #headpic {
+
-
    position: absolute;
+
-
    left: 0px;
+
-
    top: 50px;}
+
-
 
+
-
  #headover {
+
-
    width: 622px;
+
-
    height:0px;
+
-
    position: absolute;
+
-
    top: 0px;
+
-
    left: 0px;
+
-
    background: url('http://www.ukdocumentmanagement.com/images/blue_box_3.jpg') 0px 0px no-repeat; }
+
-
 
+
-
  a {
+
-
    outline:none;}
+
-
 
+
-
  #menulist{
+
-
    position: absolute;
+
-
    top: 16px;
+
-
    left: 3px;
+
-
    list-style: none;}
+
-
 
+
-
  #menulist li{
+
-
    height: 30px;
+
-
    width:150px;
+
-
    float:left;
+
-
    display:block;
+
     }
     }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: false,
 +
    hashtags: true,
 +
    timestamp: true,
 +
    avatars: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('glasgowigem').start();
 +
</script>
 +
</html>
-
  #menulist li a{
+
<h2>Sponsors</h2>
-
    font-size: 1.2em;
+
With many thanks to our generous sponsors, without whom this project would not have been possible.
-
    text-decoration: none;
+
-
    font-family: calibri, arial, sans-serif;
+
-
    color: #ffffff;}
+
-
  #headover ul{
 
-
    list-style: none;
 
-
    display: none;
 
-
    position: absolute;
 
-
    top: 1.2em;
 
-
    left: 0.2em;
 
-
    }
 
-
  #headover ul ul{
+
<gallery>
-
    position: absolute;
+
-
    width:10em;
+
-
    top:-0.2em;
+
-
    left: 10em;
+
-
    list-style:none;}
+
-
  #headover ul li{
+
Image:nexxus.png|Nexxus
-
    height: 2.4em;
+
Image:sulsa.jpg|SULSA
-
    }
+
Image:wellcome.jpg|Wellcome Trust
-
  #headover ul li a{
+
</gallery>
-
    font-weight: 100;
+
-
    font-size: 1.2em;
+
-
    text-decoration: none;
+
-
    font-family: calibri, arial, sans-serif;
+
-
    color: #dddddd;}
+
-
 
+
-
  </style>
+
-
</head>
+
-
<body>
+
-
 
+
-
 
+
-
  <div id='menu'>
+
-
  <div id='menuback'>
+
-
    <ul id='menulist'>
+
-
    <li><a href='https://2011.igem.org/Team:Glasgow' class='listhead' id='project'>Project</a></li>
+
-
    <li><a href='#' class='listhead' id='team'>Team</a></li>
+
-
    <li><a href='#' class='listhead' id='results'>Results</a></li>
+
-
    <li><a href='#' class='listhead' id='extra'>Extras</a></li>
+
-
    </ul>
+
-
  </div>
+
-
  <div id='headpic'>
+
-
    <div id='headover'>
+
-
 
+
-
    <ul class='project'>
+
-
      <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Lab Book</a></li>
+
-
      <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Protocols</a></li>
+
-
      <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety</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 Diary</a></li>
+
-
      <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
+
-
    </ul>
+
-
    </ul>
+
-
    </div>   
+
-
  </div>
+
-
  </div>
+
-
</body>
+
-
</html>
+

Revision as of 23:33, 16 July 2011

Project summary

Biofilms are ubiquitous in many areas of life; whether industrial, medical, or natural. Frequently their presence has undesirable, or even detrimental effects. We aim to investigate the spontaneous formation of biofilms and use the knowledge we gain through our research to alter the behavior of cells within an established biofilm using light of different wavelengths.


News


Sponsors

With many thanks to our generous sponsors, without whom this project would not have been possible.


Nexxus

SULSA

Wellcome Trust

Retrieved from "http://2011.igem.org/Team:Glasgow/sandbox"