Team:UCL London

From 2010.igem.org

(Difference between revisions)
 
(130 intermediate revisions not shown)
Line 19: Line 19:
margin-top: -35px;
margin-top: -35px;
overflow: hidden;
overflow: hidden;
 +
height: 300px;
}
}
#hac ul{
#hac ul{
Line 35: Line 36:
  border-right: 0;
  border-right: 0;
  width: 45px;
  width: 45px;
-
  height: 200px;
+
  height: 250px;
  overflow: hidden;
  overflow: hidden;
  color: #fff;
  color: #fff;
opacity:0.85;
opacity:0.85;
 +
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
 +
position:relative;
position:relative;
}
}
#hac ul li .title{
#hac ul li .title{
-
  position: absolute;
+
  position: relative;
  float: left;
  float: left;
-
  width: 80px;
+
  width: 60px;
   
   
}
}
Line 60: Line 64:
  margin: 0;
  margin: 0;
  padding: 0;
  padding: 0;
-
  width: 200px;
+
  width: 280px;
  display: block;
  display: block;
-
  margin-left: 75px;
+
  text-align: justify;
}
}
Line 97: Line 101:
#hac .box_out_link
#hac .box_out_link
{
{
-
position:absolute;
+
display:block;
-
bottom: 10px;
+
float: right;
-
right: 10px;
+
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>
</style>
Line 107: Line 126:
<script type="text/javascript" >
<script type="text/javascript" >
jQuery(document).ready(function(){
jQuery(document).ready(function(){
-
lastBlock = $("#hac .selected");
+
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;
maxWidth = 350;
minWidth = 50;
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("#hac li").hover(
+
jQuery(".youtube").click(function() {
-
  function(){
+
-
jQuery(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:300 });
+
-
jQuery(this).animate({width: maxWidth+"px"}, { queue:false, duration:300});
+
-
lastBlock = this;
+
-
  });
+
-
 
+
-
jQuery("#yoooutube").click(function() {
+
jQuery.fancybox({
jQuery.fancybox({
'padding' : 0,
'padding' : 0,
Line 149: Line 177:
'width' : 680,
'width' : 680,
'height' : 495,
'height' : 495,
-
'href' : 'http://www.youtube.com/watch?v=mkxx7R5EfY4&fmt=22&autoplay=1'.replace(new RegExp("watch\\?v=", "i"), 'v/'),
+
'href' : 'http://www.youtube.com/watch?v=Yhz9AqLu1pY&fmt=22&autoplay=1'.replace(new RegExp("watch\\?v=", "i"), 'v/'),
'type' : 'swf',
'type' : 'swf',
'swf' : {
'swf' : {
Line 198: Line 226:
<ul class="clearfix">
<ul class="clearfix">
-
  <li class="alpha" class="selected" style="width: 320px">
+
  <li class="alpha acc-selected" style="width: 350px;background: #088213">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/7/76/UCL-ABSTRACT.png" /></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8f/UCL-PROJECT-HYPOXON11.png" /></div>
  <p>
  <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!
+
Project Hypoxon aims to create cells capable of self-induction into the production phase, without the introduction of any chemical into the closed system.
-
<br/>
+
<br/> <br/><br/><img src="https://static.igem.org/mediawiki/2010/c/c5/Ucl-huypoxsx.png" />
-
<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>
+
<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>  
  </p>
  </p>
  </li>
  </li>
   
   
-
  <li>
+
  <li style="background: #119c17">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/84/UCL-TEAMUCL.png" /></div>
+
  <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 on the The Team to find out more. Also watch our video to find out what an exciting and fulfilling summer we've had!  
+
  <p>We are an interdisciplinary group of students and advisers. Click to find out more!
  <br/>
  <br/>
-
  <a class="box_out_link" "href="https://2010.igem.org/Team:UCL_London/The_Team"><span class="box_in_link">iGEM Team</span></a>
+
<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>
  </p>
  </li>
  </li>
-
<li>
+
<li style="background: #1fc21c">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/d/d7/Ucl-MODELLINGss.png" /></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8c/UCL-11MODELLING.png" /></div>
  <p>
  <p>
-
<br/>
+
                                  The construction of biological circuits was theoretically designed for more accurate prediction of its performance.
-
<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>
+
                                  <img src="https://static.igem.org/mediawiki/2010/b/ba/UCL_CFDvideo.gif" width="200px" />
-
  </p>
+
<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>
   
   
-
  <li>
+
  <li style="background: #28dc20">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/c4/UCL-ENGAGEMENTS.png" /></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/2/24/UCL-11COLLABORATIONS.png" /></div>
  <p>
  <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.
+
Want to read the detailed reports of all the collaborations that we've made over the summer?? <br/>
-
<br/>
+
<img src="https://static.igem.org/mediawiki/2010/5/5f/Ucl-Untitled-20.png" width="160px" />
-
<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>
+
<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>
</p>
  </li>
  </li>
   
   
-
<li>
+
<li style="background: #28dc20">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/cb/UCL-BIOBRICKS.png" /></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/9/97/UCL-11BIOBRICKS.png" /></div>
  <p>
  <p>
-
  <br/>
+
We've had a great time using dozens of biobricks, check them out!
-
  <a class="box_out_link" style="margin-bottom: 5px" href="https://2010.igem.org/Team:UCL_London/Our_BioBricks"><span class="box_in_link">BioBricks</span></a>
+
<img src="https://static.igem.org/mediawiki/2010/3/32/Ucl-biob.png" <br/>
-
<img src="https://static.igem.org/mediawiki/2010/3/32/Ucl-biob.png" />
+
  <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>
  </p>
  </li>
  </li>
-
<li>
+
<li style="background: #1fc21c">
-
  <div class="title"></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/4/4f/UCL-11CHARACTERISATION.png" /></div>
  <p>
  <p>
-
+
We are aiming for GOLD no doubt, that means we need to characterise our biobricks, check it out!<br/>
-
<br/>
+
<img src="https://static.igem.org/mediawiki/2010/a/a7/UCL-SUCCESS1!!.png" width="180px" />
-
<a class="box_out_link" style="margin-top: 10px" href="https://2010.igem.org/Team:UCL_London/Collaborations"><span class="box_in_link">Modeling</span></a>
+
<br/>
 +
<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>
  </p>
  </li>
  </li>
-
<li>
+
<li style="background: #119c17">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8c/UCL-NOTEBOOK.png" /></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/cd/UCL-NOTEBOOK11.png" /></div>
  <p>
  <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
+
Want to know exactly what we've been doing?
-
  </br>
+
Find out how Project Hypoxon has progressed, visit our Notebook.<br/>
-
  <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>
+
<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>
  </p>
  </li>
  </li>
   
   
-
  <li class="omega">
+
  <li class="omega" style="background: #088213">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/f/fc/UCL-SPONSORS.png" /></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/7/76/UCL-SPONSORS111.png" /></div>
  <p>
  <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.
+
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>
+
 
-
  <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>
+
  </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>
  </p>
  </li>
  </li>
Line 272: Line 308:
<!-- END HAC -->
<!-- END HAC -->
-
<div class="clearfix" style="margin-top: 20px;">
+
<div class="clearfix opacity" style="margin-top: 20px;">
<div style="width: 410px;float:left;background: #fff;padding: 20px;opacity:0.85">
<div style="width: 410px;float:left;background: #fff;padding: 20px;opacity:0.85">
<h2><strong>Project Hypoxon</strong></h2>
<h2><strong>Project Hypoxon</strong></h2>
-
<p> <a id="yoooutube" href="http://www.youtube.com/watch?v=mkxx7R5EfY4&fmt=22&autoplay=1">Click Animation</a>
+
<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.
+
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!!!
   
   
-
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 IPTG induction. The functioning genetic circuit would be signalled by the production of a fluorescent green dye.
 
-
 
-
While the green dye can be used as a live monitoring technique for oxygen, replacing the green dye gene with pharmaceutical protein promises higher yields and more consistent batches which is a step closer to providing cheaper healthcare to everyone.
 
 +
 +
<div class="clearfix opacity" style="margin-top:10px;">
 +
 +
<div style="float:left; width: 200px">
 +
<a href="http://www.youtube.com/watch?v=oYyF7gkQj1Y&fmt=22&autoplay=1" class="youtube">
 +
<img src="https://static.igem.org/mediawiki/2010/2/2d/Ucl-thumb1.png" width="180"/>
 +
<span><strong>Our Summer in 3 Minutes</strong></span>
 +
</a>
 +
</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>
</p>
</p>
</div>
</div>
Line 291: Line 341:
   version: 2,
   version: 2,
   type: 'profile',
   type: 'profile',
-
   rpp: 6,
+
   rpp: 7,
   interval: 6000,
   interval: 6000,
   width: 400,
   width: 400,
Line 321: Line 371:
</div>
</div>
 +
 +
</div>
</div>
-
 
-
 
-
 
<!-- END MAIN CONTENT -->
<!-- END MAIN CONTENT -->
Line 334: Line 383:
</div>
</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"