Team:UCL London

From 2010.igem.org

(Difference between revisions)
 
(228 intermediate revisions not shown)
Line 12: Line 12:
}
}
</style>
</style>
 +
 +
 +
<style type="text/css">
 +
 +
#hac {
 +
margin-top: -35px;
 +
overflow: hidden;
 +
height: 300px;
 +
}
 +
#hac ul{
 +
  list-style: none;
 +
  margin:10px auto;
 +
  padding: 0;
 +
}
 +
 +
#hac ul li{
 +
  float: left;
 +
  padding: 10px;
 +
  display: block;
 +
  margin: 0 ;
 +
  background: #5fcc3f;
 +
  border: 5px solid #246110;
 +
  border-right: 0;
 +
  width: 45px;
 +
  height: 250px;
 +
  overflow: hidden;
 +
  color: #fff;
 +
opacity:0.85;
 +
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 +
 +
position:relative;
 +
}
 +
 +
#hac ul li .title{
 +
  position: relative;
 +
  float: left;
 +
  width: 60px;
 +
 
 +
}
 +
 +
#hac .title img{
 +
margin: 25px 0;
 +
border: none;
 +
text-decoration: none;
 +
 
 +
}
 +
 +
#hac li p{
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0;
 +
  width: 280px;
 +
  display: block;
 +
  text-align: justify;
 +
}
 +
 +
#hac li.alpha
 +
{
 +
-webkit-border-bottom-left-radius:20px;
 +
-moz-border-radius-bottomleft:20px;
 +
border-bottom-left-radius:20px;
 +
 +
-webkit-border-top-left-radius:20px;
 +
-moz-border-radius-topleft:20px;
 +
border-top-left-radius:20px;
 +
}
 +
 +
#hac li.omega
 +
{
 +
-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;
 +
 +
border-right: 5px solid #246110;
 +
}
 +
 +
.front-main
 +
{
 +
background: url('https://static.igem.org/mediawiki/2010/thumb/0/0e/UCL-UCL2.png/900px-UCL-UCL2.png') no-repeat;
 +
clear: both;
 +
}
 +
 +
#hac .box_out_link
 +
{
 +
display:block;
 +
float: right;
 +
margin-top: 10px;
 +
}
 +
 +
.youtube
 +
{
 +
text-decoration: none
 +
}
 +
 +
.youtube img {
 +
margin-bottom: 10px;
 +
}
 +
 +
.translucent
 +
{
 +
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 +
}
 +
</style>
 +
 +
 +
<script type="text/javascript" src="https://2010.igem.org/Team:UCL_London/files/jquery.cookie?ctype=text/javascript&action=raw"></script>
 +
<script type="text/javascript" >
 +
jQuery(document).ready(function(){
 +
var hacScroller = setInterval(function(){
 +
jQuery('.acc-selected').animate({width:'50px'}, {duration: 200, queue: false}).find('p').hide();
 +
 +
jQuery('.acc-selected').removeClass('acc-selected').next().animate({width: maxWidth + 'px'}, {duration: 200, queue: false}).addClass('acc-selected').find('p').show();
 +
 +
}, 5000);
 +
 +
 +
lastBlock = jQuery("#hac .acc-selected");
 +
maxWidth = 350;
 +
minWidth = 50;
 +
jQuery('#hac li p + :not(.acc-selected)').hide();
 +
jQuery('#hac li').hover(function(){
 +
clearInterval(hacScroller);
 +
jQuery('.acc-selected').animate({width: minWidth + 'px'}, {duration: 200, queue: false}).removeClass('acc-selected').find('p').hide();
 +
jQuery(this).animate({width: maxWidth + 'px'}, {duration: 200, queue: false}).addClass('acc-selected').find('p').show();
 +
 +
});
 +
 +
 +
jQuery(".youtube").click(function() {
 +
jQuery.fancybox({
 +
'padding' : 0,
 +
'autoScale' : false,
 +
'transitionIn' : 'none',
 +
'transitionOut' : 'none',
 +
'title' : jQuery(this).attr('title'),
 +
'width' : 680,
 +
'height' : 495,
 +
'href' : jQuery(this).attr('href').replace(new RegExp("watch\\?v=", "i"), 'v/'),
 +
'type' : 'swf',
 +
'swf' : {
 +
  'wmode' : 'transparent',
 +
'allowfullscreen' : 'true',
 +
'autoplay' : 'true'
 +
}
 +
});
 +
 +
return false;
 +
});
 +
 +
if(!jQuery.cookie('ucl_l_visit'))
 +
{
 +
jQuery.fancybox({
 +
'padding' : 0,
 +
'autoScale' : false,
 +
'transitionIn' : 'none',
 +
'transitionOut' : 'none',
 +
'title' : '',
 +
'width' : 680,
 +
'height' : 495,
 +
'href' : 'http://www.youtube.com/watch?v=Yhz9AqLu1pY&fmt=22&autoplay=1'.replace(new RegExp("watch\\?v=", "i"), 'v/'),
 +
'type' : 'swf',
 +
'swf' : {
 +
  'wmode' : 'transparent',
 +
'allowfullscreen' : 'true',
 +
'autoplay' : 'true'
 +
}
 +
});
 +
 +
jQuery.cookie('ucl_l_visit', '1');
 +
}
 +
 +
});
 +
</script>
 +
<div id="main">
<div id="main">
<div id="main_bottom">
<div id="main_bottom">
Line 21: Line 201:
<p>You need to <a href="http://www.adobe.com/products/flashplayer/" target="_blank">upgrade your Flash Player</a> to version 10 or newer.</p>
<p>You need to <a href="http://www.adobe.com/products/flashplayer/" target="_blank">upgrade your Flash Player</a> to version 10 or newer.</p>
-
 
+
 +
 +
<script type="text/javascript">
 +
var flashvars = {};
 +
flashvars.xmlSource = "http://static.erepublik.co.uk/igem/v2/piecemaker/piecemakerXML.xml";
 +
flashvars.cssSource = "http://static.erepublik.co.uk/igem/v2/piecemaker/piecemakerCSS.css";
 +
flashvars.imageSource = "http://static.erepublik.co.uk/igem/v2/piecemaker/images/";
 +
var attributes = {};
 +
attributes.wmode = "transparent";
 +
swfobject.embedSWF("http://static.erepublik.co.uk/igem/v2/piecemaker/piecemakerNoShadow.swf", "featured_play", "1200", "530", "10", "http://static.erepublik.co.uk/igem/v2/piecemaker/swfobject/expressInstall.swf", flashvars, attributes);
 +
</script>
 +
</div>
</div>
</div>
</div>
-
+
-
<script type="text/javascript">
+
-
var flashvars = {};
+
-
flashvars.xmlSource = "http://static.erepublik.co.uk/igem/v2/piecemaker/piecemakerXML.xml";
+
-
flashvars.cssSource = "http://static.erepublik.co.uk/igem/v2/piecemaker/piecemakerCSS.css";
+
-
flashvars.imageSource = "http://static.erepublik.co.uk/igem/v2/piecemaker/images/";
+
-
var attributes = {};
+
-
attributes.wmode = "transparent";
+
-
swfobject.embedSWF("http://static.erepublik.co.uk/igem/v2/piecemaker/piecemakerNoShadow.swf", "featured_play", "1200", "530", "10", "http://static.erepublik.co.uk/igem/v2/piecemaker/swfobject/expressInstall.swf", flashvars, attributes);
+
-
</script>
+
<!-- column -->
<!-- column -->
-
<div class="glob_column">
+
 
-
                            <div class="col_center">
+
-
                                <div class="inner_col">
+
<!-- START MAIN CONTENT -->
-
                                    <h1><strong>        PROJECT</strong></h1></html> [[Image:UCL-Hypoxonfinal4.png|600px|left]]<html>
+
-
                                    <div class="col_text">
+
<div class="front-main clearfix">
-
                                        <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 “independent” 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 IPTGinduction. The functioning genetic circuit would be signaled by the production of a Green Fluorescent Protein.'''[[Image:UCL-UCL2.png|500px|right]]<html>
+
<div id="hac">
-
</p>
+
<ul class="clearfix">
-
                                    </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;">
+
  <li class="alpha acc-selected" style="width: 350px;background: #088213">
-
<div class="col_left">
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8f/UCL-PROJECT-HYPOXON11.png" /></div>
-
<div class="inner_col">
+
  <p>
-
<h3><strong>Approach</strong></h3>
+
Project Hypoxon aims to create cells capable of self-induction into the production phase, without the introduction of any chemical into the closed system.
-
<div class="col_text">
+
<br/> <br/><br/><img src="https://static.igem.org/mediawiki/2010/c/c5/Ucl-huypoxsx.png" />
-
<p>Our project aims to create “independent” cells, capable of self-induction into the production phase, without the
+
<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>
-
introduction of any chemical into the closed system. By exploiting genetically
+
  </p>
-
modified E.coli to respond to hypoxia, we eliminate the need of IPTG induction. A Green Fluorescent Protein would indicate SUCCESS.  
+
  </li>
-
</p><a class="box_out_link" style="margin-bottom: 20px" href="https://2010.igem.org/Team:UCL_London/Approach"><span class="box_in_link">Approach</span></a>
+
 
 +
  <li style="background: #119c17">
 +
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/4/43/TEAM-UCL.png" /></div>
 +
  <p>We are an interdisciplinary group of students and advisers. Click to find out more!
 +
  <br/>
 +
<img src="https://static.igem.org/mediawiki/2010/4/4e/Teamuclgold.png">
 +
  <a class="box_out_link" href="https://2010.igem.org/Team:UCL_London/The_Team"><span class="box_in_link">iGEM Team</span></a>
 +
  </p>
 +
  </li>
-
<h3><strong>Biobricks</strong></h3>
+
<li style="background: #1fc21c">
-
<p>Check out all the biobricks we used</p>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8c/UCL-11MODELLING.png" /></div>
 +
  <p>
 +
                                  The construction of biological circuits was theoretically designed for more accurate prediction of its performance.
 +
                                  <img src="https://static.igem.org/mediawiki/2010/b/ba/UCL_CFDvideo.gif" width="200px" />
 +
<a class="box_out_link" href="https://2010.igem.org/Team:UCL_London/Introduction"><span class="box_in_link">Modelling</span></a>
 +
  </p>
 +
  </li>
 +
 
 +
  <li style="background: #28dc20">
 +
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/2/24/UCL-11COLLABORATIONS.png" /></div>
 +
  <p>
 +
Want to read the detailed reports of all the collaborations that we've made over the summer?? <br/>
 +
<img src="https://static.igem.org/mediawiki/2010/5/5f/Ucl-Untitled-20.png" width="160px" />
 +
<br/> <a class="box_out_link" style="margin-top: 10px" href="https://2010.igem.org/Team:UCL_London/Collaborations"><span class="box_in_link">Collaborations</span></a>
 +
</p>
 +
  </li>
 +
 
 +
<li style="background: #28dc20">
 +
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/9/97/UCL-11BIOBRICKS.png" /></div>
 +
  <p>
 +
We've had a great time using dozens of biobricks, check them out!
 +
<img src="https://static.igem.org/mediawiki/2010/3/32/Ucl-biob.png" <br/>
 +
  <a class="box_out_link" style="margin-top: 0px" href="https://2010.igem.org/Team:UCL_London/Our_BioBricks"><span class="box_in_link">BioBricks</span></a>
 +
 +
  </p>
 +
  </li>
-
</html> [[Image:UCL-ENGPARTS.png|200px|]] <html>
+
<li style="background: #1fc21c">
-
</div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/4/4f/UCL-11CHARACTERISATION.png" /></div>
-
+
  <p>
-
<a class="box_out_link" style="margin-top: 183px" href="https://2010.igem.org/Team:UCL_London/Our_BioBricks"><span class="box_in_link">BioBricks</span></a>
+
We are aiming for GOLD no doubt, that means we need to characterise our biobricks, check it out!<br/>
-
+
<img src="https://static.igem.org/mediawiki/2010/a/a7/UCL-SUCCESS1!!.png" width="180px" />
-
</div>
+
<br/>
-
</div>
+
<a class="box_out_link" style="margin-top: 10px" href="https://2010.igem.org/Team:UCL_London/Characterisation"><span class="box_in_link">Characterisation</span></a>
 +
  </p>
 +
  </li>
 +
<li style="background: #119c17">
 +
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/cd/UCL-NOTEBOOK11.png" /></div>
 +
  <p>
 +
Want to know exactly what we've been doing?
 +
Find out how Project Hypoxon has progressed, visit our Notebook.<br/>
 +
<img src="https://static.igem.org/mediawiki/2010/f/f3/UCL-Untitled-222.png" width="180px" />
 +
<br/>  <a class="box_out_link" style="margin-top: 10px" href="https://2010.igem.org/Team:UCL_London/Week_1"><span class="box_in_link">Notebook</span></a>
 +
  </p>
 +
  </li>
 +
 
 +
  <li class="omega" style="background: #088213">
 +
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/7/76/UCL-SPONSORS111.png" /></div>
 +
  <p>
 +
We would like to thank all our sponsors for their contribution and support throughout this summer project. To find out more about, follow the link.
 +
 +
  </br></br>
 +
<img src="https://static.igem.org/mediawiki/2010/1/1c/UCL-UCL1.gif" width="220px" /></br>
 +
 +
  </br><a class="box_out_link" style="margin-top: 10px "href="https://2010.igem.org/Team:UCL_London/Sponsors"><span class="box_in_link">Sponsors</span></a>
 +
  </p>
 +
  </li>
 +
 
 +
</ul>
 +
</div>
 +
<!-- END HAC -->
 +
 +
<div class="clearfix opacity" style="margin-top: 20px;">
 +
<div style="width: 410px;float:left;background: #fff;padding: 20px;opacity:0.85">
 +
<h2><strong>Project Hypoxon</strong></h2>
 +
<p>
 +
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. We aim to revolutionise the Biopharmaceutical Industry!!!
 +
 +
 +
 +
<div class="clearfix opacity" style="margin-top:10px;">
-
<div class="col_left">
+
<div style="float:left; width: 200px">
-
<div class="inner_col">
+
<a href="http://www.youtube.com/watch?v=oYyF7gkQj1Y&fmt=22&autoplay=1" class="youtube">
-
<h3><strong>Team</strong></h3>
+
<img src="https://static.igem.org/mediawiki/2010/2/2d/Ucl-thumb1.png" width="180"/>
-
<div class="col_text">
+
<span><strong>Our Summer in 3 Minutes</strong></span>
-
<p>We are an interdisciplinary group of student sand advisers, click on the The Team to find out more. Also watch our video to find out what an exciting 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>
+
</a>
-
                                                                                                                                                                                                        </p>
+
-
</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 style="float:left; width: 200px">
 +
<a href="http://www.youtube.com/watch?v=Yhz9AqLu1pY&fmt=22&autoplay=1" class="youtube">
 +
<img src="https://static.igem.org/mediawiki/2010/a/a1/Ucl-thumb2.png" width="180"/>
 +
<span><strong>Our Project in 1 Minute</strong></span>
 +
</a>
</div>
</div>
-
+
</div>
-
<div class="col_right">
+
</p>
-
<div class="inner_col">
+
</div>
-
<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!
+
<div style="width: 410px;float:right;background: #fff;padding: 20px;opacity:0.85">
-
 
+
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-
</p>
+
-
<div class="col_text">
+
-
<p><script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
<script>
<script>
new TWTR.Widget({
new TWTR.Widget({
   version: 2,
   version: 2,
   type: 'profile',
   type: 'profile',
-
   rpp: 5,
+
   rpp: 7,
   interval: 6000,
   interval: 6000,
-
   width: 270,
+
   width: 400,
-
   height: 700,
+
   height: 500,
   theme: {
   theme: {
     shell: {
     shell: {
Line 121: Line 367:
}).render().setUser('UCL_iGEM').start();
}).render().setUser('UCL_iGEM').start();
</script></p>
</script></p>
-
</div>
 
-
 
-
<a class="box_out_link" style="margin-top: 20px" href="http://twitter.com/UCL_iGEM"><span class="box_in_link">iGEM Twitter</span></a>
 
-
</div>
 
</div>
</div>
-
                         
 
-
                                    <div class="col_left">
 
-
                                <div class="inner_col">
 
-
                                    <h3><strong>Notebook</strong></h3>
 
-
                                    <div class="col_text">
 
-
                                        <p>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>[[Image:UCL-Regulations.jpg|260px|center]] <html>
 
-
</p>
 
-
                                    </div>
 
-
                               
 
-
                                    <a class="box_out_link" style="margin-top: 30px" href="https://2010.igem.org/Team:UCL_London/Week_1"><span class="box_in_link">Notebook</span></a>
 
-
                                                                           
 
-
                                </div>
 
-
                            </div>
 
-
<div class="col_left">
 
-
                                <div class="inner_col">
 
-
                                    <h3><strong>Public Engagement</strong></h3>
 
-
                                    <div class="col_text">
 
-
                                        <p> Want to read the detailed reports of all the amazing events that we've participated in and organized, then click on the link below.</html>[[Image:UCL-publicengagement.JPG|260px|center]]<html>
 
-
</p>
 
-
                                    </div>
 
-
                               
 
-
                                  <a class="box_out_link" style="margin-top: 40px" href="https://2010.igem.org/Team:UCL_London/Engagement"><span class="box_in_link">Public Engagements</span></a>                                       
 
-
                                </div>
 
-
                            </div>
 
-
                                      <div class="col_right">
 
-
<div class="inner_col">
 
-
<h3><strong>Sponsors</strong></h3>
 
-
<p>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.</html>[[Image:UCL-UCL1.png|300px|right]]<html> </p>
 
-
 
-
</div>
 
-
                               
 
-
                                  <a class="box_out_link" style="margin-top: 131px" href="https://2010.igem.org/Team:UCL_London/Sponsors"><span class="box_in_link">Sponsors</span></a>                                       
 
-
                                </div>
 
-
                            </div>
 
-
                                      <div class="col_right">
 
-
 
-
<div class="clear"></div>
 
</div>
</div>
-
 
+
-
+
 +
</div>
</div>
-
<!-- closes content-->
+
<!-- END MAIN CONTENT -->
-
 
+
 +
Line 176: Line 383:
</div>
</div>
</div>
</div>
 +
</div>
 +
</html>
-
</html>{{:Team:UCL_London/templates/v2/overall_footer}}
+
{{:Team:UCL_London/templates/v2/overall_footer}}

Latest revision as of 03:25, 28 October 2010

UCL IGEM 2010

RETURN TO IGEM 2010

  • Project Hypoxon aims to create cells capable of self-induction into the production phase, without the introduction of any chemical into the closed system.


    Project HYPOXON

  • We are an interdisciplinary group of students and advisers. Click to find out more!
    iGEM Team

  • The construction of biological circuits was theoretically designed for more accurate prediction of its performance. Modelling

  • Want to read the detailed reports of all the collaborations that we've made over the summer??

    Collaborations

  • We've had a great time using dozens of biobricks, check them out! BioBricks

  • We are aiming for GOLD no doubt, that means we need to characterise our biobricks, check it out!

    Characterisation

  • Want to know exactly what we've been doing? Find out how Project Hypoxon has progressed, visit our Notebook.

    Notebook

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



    Sponsors

Project Hypoxon

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. We aim to revolutionise the Biopharmaceutical Industry!!!

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