Team:UCL London

From 2010.igem.org

(Difference between revisions)
Line 35: Line 35:
</script>
</script>
-
<!-- column -->
+
<html>
-
<div class="glob_column">
+
<style type="text/css">
-
                            <div class="col_center">
+
-
                                <div class="inner_col">
+
-
                                    <h1><strong>        PROJECT</strong></h1></html> [[Image:UCL-Hypoxonfinal4.png|600px|left]]<html>
+
-
                                    <div class="col_text">
+
-
                                        <p></html>'''UCL’s Biochemical engineering department has been at the forefront of biopharmaceutical manufacture for years. Extraordinary advances in the life sciences have great potential to improve our quality of life through better medicines and a cleaner environment. Our project aims to create somewhat “independent” cells that are capable of self-inducing into the production phase, without the introduction of any chemical into the closed system. By exploiting the genetically modified <em>E.coli</em> to respond to hypoxia, we eliminate the need of IPTG-induction. The functioning genetic circuit would be signalled by the production of a Green Fluorescent Protein.'''[[Image:UCL-UCL2.png|500px|right]]<html>
+
-
</p>
+
-
                                    </div>
+
-
                               
+
-
                                    <a class="box_out_link" style="margin-bottom:0px" href="https://2010.igem.org/Team:UCL_London/Project_Description"><span class="box_in_link">Project HYPOXON</span></a>
+
-
                                                                           
+
-
                                </div>
+
-
                            </div>
+
-
<div class="clearfix" style="margin-bottom:20px;">
+
#hac ul{
-
<div class="col_left">
+
  list-style: none;
-
<div class="inner_col">
+
  margin:10px auto;
-
<h3><strong>Approach</strong></h3>
+
  padding: 0;
-
<div class="col_text">
+
}
-
<p>Project Hypoxon aims to create cells capable of self-induction into the production phase, without the
+
-
introduction of any chemical into the closed system. By exploiting genetically
+
-
modified E.coli to respond to hypoxia, we eliminate the need of IPTG induction. A Green Fluorescent Protein would indicate that the product has theoretically been produced!
+
-
</p><a class="box_out_link" style="margin-bottom: 0px" href="https://2010.igem.org/Team:UCL_London/Approach"><span class="box_in_link">Approach</span></a>
+
-
<h3><strong>Biobricks</strong></h3>
+
#hac ul li{
-
<p>Check out all the biobricks we used</p>
+
  float: left;
 +
  padding: 10px;
 +
  display: block;
 +
  margin: 0 ;
 +
  background: #5fcc3f;
 +
  border: 5px solid #246110;
 +
  width: 50px;
 +
  height: 150px;
 +
  overflow: hidden;
 +
  color: #fff;
 +
opacity:0.85
 +
}
-
</html> [[Image:UCL-ENGPARTS.png|100px|]] <html>
+
#hac ul li .title{
-
</div>
+
  position: absolute;
 +
  float: left;
 +
  width: 80px;
 +
 
 +
}
-
<a class="box_out_link" style="margin-bottom: 20px" href="https://2010.igem.org/Team:UCL_London/Our_BioBricks"><span class="box_in_link">BioBricks</span></a>
+
#hac .title h3{
-
+
margin: 15px 0;
-
+
font-size: 72px;
-
<h3><strong>Modeling</strong></h3>
+
color: #fff;
-
+
border: none;
-
<a class="box_out_link" style="margin-top: 10px" href="https://2010.igem.org/Team:UCL_London/Project_Modeling"><span class="box_in_link">Modeling</span></a> </div>
+
text-decoration: none;
-
</div>
+
 
 +
}
-
+
#hac li p{
-
<div class="col_left">
+
  float: left;
-
<div class="inner_col">
+
  margin: 0;
-
<h3><strong>Team</strong></h3>
+
  padding: 0;
-
<div class="col_text">
+
  width: 200px;
-
<p>We are an interdisciplinary group of students and advisers. Click on the The Team to find out more. Also watch our video to find out what an exciting and fulfilling summer we've had! <br/><br/></html><html> <object width="300" height="297"><param name="movie" value="http://www.youtube.com/v/oYyF7gkQj1Y?fs=1&amp;hl=en_US&amp;color1=0x234900&amp;color2=0x4e9e00"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/oYyF7gkQj1Y?fs=1&amp;hl=en_US&amp;color1=0x234900&amp;color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="297"></embed></object>
+
  display: block;
-
                                                                                                                                                                                                        </p>
+
  margin-left: 75px;
-
</div>
+
}
-
<a class="box_out_link" "href="https://2010.igem.org/Team:UCL_London/The_Team"><span class="box_in_link">iGEM Team</span></a>
+
-
</div>
+
-
</div>
+
-
+
-
<div class="col_right">
+
-
<div class="inner_col">
+
-
<h3><strong>Updates</strong></h3>
+
-
<p> Keep up to date with what's happening by following us on Twitter, whether it be the creation of new life in the labs, new designs, new sponsors, you know where to be!
+
-
</p>
+
#hac li.alpha
-
<div class="col_text">
+
{
-
<p><script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
-webkit-border-bottom-left-radius:20px;
-
<script>
+
-moz-border-radius-bottomleft:20px;
-
new TWTR.Widget({
+
border-bottom-left-radius:20px;
-
  version: 2,
+
-
  type: 'profile',
+
-webkit-border-top-left-radius:20px;
-
  rpp: 5,
+
-moz-border-radius-topleft:20px;
-
  interval: 6000,
+
border-top-left-radius:20px;
-
  width: 270,
+
}
-
  height: 700,
+
-
  theme: {
+
-
    shell: {
+
-
      background: '#89cc4b',
+
-
      color: '#f7eff7'
+
-
    },
+
-
    tweets: {
+
-
      background: '#f7f2f7',
+
-
      color: '#000000',
+
-
      links: '#3b8a19'
+
-
    }
+
-
  },
+
-
  features: {
+
-
    scrollbar: false,
+
-
    loop: false,
+
-
    live: false,
+
-
    hashtags: true,
+
-
    timestamp: true,
+
-
    avatars: false,
+
-
    behavior: 'all'
+
-
  }
+
-
}).render().setUser('UCL_iGEM').start();
+
-
</script></p>
+
-
</div>
+
-
<a class="box_out_link" style="margin-top: 5px" href="http://twitter.com/UCL_iGEM"><span class="box_in_link">iGEM Twitter</span></a>
+
#hac li.omega
-
</div>
+
{
-
</div>
+
-webkit-border-bottom-right-radius:20px;
 +
-moz-border-radius-bottomright:20px;
 +
border-bottom-right-radius:20px;
 +
 +
-webkit-border-top-right-radius:20px;
 +
-moz-border-radius-topright:20px;
 +
border-top-right-radius:20px;
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript" >
 +
$(document).ready(function(){
 +
    lastBlock = $("#hac a:first");
 +
    maxWidth = 260;
 +
    minWidth = 50;
 +
 
 +
    $("#hac li").hover(
 +
      function(){
 +
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
 +
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
 +
lastBlock = this;
 +
      }
 +
    );
 +
});
 +
</script>
 +
 
 +
<div style="background:url('https://static.igem.org/mediawiki/2010/0/0e/UCL-UCL2.png');" class="clearfix">
 +
<div id="hac">
 +
<ul class="clearfix">
 +
 
 +
  <li class="alpha">
 +
      <div class="title"><h3>U</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
  <li>
 +
      <div class="title"><h3>C</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
<li>
 +
      <div class="title"><h3>L</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
<li>
 +
      <div class="title"><h3>I</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
<li>
 +
      <div class="title"><h3>G</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
<li>
 +
      <div class="title"><h3>E</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
  <li class="omega">
 +
      <div class="title"><h3>M</h3></div>
 +
      <p>
 +
        <strong>Freebies</strong><br/>
 +
        Download free files to make your job easier.
 +
      </p>
 +
  </li>
 +
 
 +
 
 +
 
 +
</ul>
 +
</div>
 +
<div>
 +
<div style="float:left;width: 450px;">
 +
sasasawsa
 +
</div>
 +
 
 +
<div style="float:left;width: 450px;"><object width="480" height="385" ><param name="movie" value="http://www.youtube.com/v/-km-7qC1E2E?fs=1&amp;hl=en_US&amp;color1=0x234900&amp;color2=0x4e9e00"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-km-7qC1E2E?fs=1&amp;hl=en_US&amp;color1=0x234900&amp;color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
 +
</div>
 +
</div>
 +
</div>
 +
</html>
 +
 
 +
                           
                           
                                     <div class="col_left">
                                     <div class="col_left">

Revision as of 15:39, 24 October 2010

UCL IGEM 2010

RETURN TO IGEM 2010

  • U

    Freebies
    Download free files to make your job easier.

  • C

    Freebies
    Download free files to make your job easier.

  • L

    Freebies
    Download free files to make your job easier.

  • I

    Freebies
    Download free files to make your job easier.

  • G

    Freebies
    Download free files to make your job easier.

  • E

    Freebies
    Download free files to make your job easier.

  • M

    Freebies
    Download free files to make your job easier.

sasasawsa


Notebook

Want to know exactly what we've been doing on a daily basis and to find out how Project Hypoxon has progressed, visit our Notebook</html>

UCL-Regulations.jpg

Notebook

Public Engagement

Want to read the detailed reports of all the amazing events that we've participated in and organized, then click on the link below.

UCL-publicengagement.JPG

Public Engagements

Sponsors

We would like to thank all our sponsors for their contribution and support throughout this summer project. To find out more about who did what, follow this link.

UCL-UCL1.png

Sponsors

Retrieved from "http://2010.igem.org/Team:UCL_London"