Team:UCL London

From 2010.igem.org

(Difference between revisions)
 
(183 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 34: Line 35:
  border: 5px solid #246110;
  border: 5px solid #246110;
  border-right: 0;
  border-right: 0;
-
  width: 50px;
+
  width: 45px;
-
  height: 150px;
+
  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;
}
}
#hac ul li .title{
#hac ul li .title{
-
  position: absolute;
+
  position: relative;
  float: left;
  float: left;
-
  width: 80px;
+
  width: 60px;
   
   
}
}
-
#hac .title h3{
+
#hac .title img{
-
margin: 15px 0;
+
margin: 25px 0;
-
font-size: 72px;
+
-
color: #fff;
+
border: none;
border: none;
text-decoration: none;
text-decoration: none;
Line 61: 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 95: Line 98:
clear: both;
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>
</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" >
<script type="text/javascript" >
-
$(document).ready(function(){
+
jQuery(document).ready(function(){
-
lastBlock = $("#hac a:first");
+
var hacScroller = setInterval(function(){
-
maxWidth = 320;
+
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;
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();
 +
 +
});
 +
-
$("#hac li").hover(
+
jQuery(".youtube").click(function() {
-
  function(){
+
jQuery.fancybox({
-
$(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
+
'padding' : 0,
-
$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
+
'autoScale' : false,
-
lastBlock = this;
+
'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>
</script>
Line 147: Line 226:
<ul class="clearfix">
<ul class="clearfix">
-
  <li class="alpha" style="width: 320px">
+
  <li class="alpha acc-selected" style="width: 350px;background: #088213">
-
  <div class="title"><h3>U</h3></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8f/UCL-PROJECT-HYPOXON11.png" /></div>
  <p>
  <p>
-
<strong>Freebies</strong><br/>
+
Project Hypoxon aims to create cells capable of self-induction into the production phase, without the introduction of any chemical into the closed system.
-
Download free files to make your job easier.
+
<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>
  </p>
  </p>
  </li>
  </li>
   
   
-
  <li>
+
  <li style="background: #119c17">
-
  <div class="title"><h3>C</h3></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/4/43/TEAM-UCL.png" /></div>
-
  <p>
+
  <p>We are an interdisciplinary group of students and advisers. Click to find out more!
-
<strong>Freebies</strong><br/>
+
  <br/>
-
Download free files to make your job easier.
+
<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"><h3>L</h3></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8c/UCL-11MODELLING.png" /></div>
  <p>
  <p>
-
<strong>Freebies</strong><br/>
+
                                  The construction of biological circuits was theoretically designed for more accurate prediction of its performance.
-
Download free files to make your job easier.
+
                                  <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>
+
 
-
  <div class="title"><h3>I</h3></div>
+
  <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>
  <p>
-
<strong>Freebies</strong><br/>
+
We've had a great time using dozens of biobricks, check them out!
-
Download free files to make your job easier.
+
<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>
  </p>
  </li>
  </li>
-
<li>
+
<li style="background: #1fc21c">
-
  <div class="title"><h3>G</h3></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/4/4f/UCL-11CHARACTERISATION.png" /></div>
  <p>
  <p>
-
<strong>Freebies</strong><br/>
+
We are aiming for GOLD no doubt, that means we need to characterise our biobricks, check it out!<br/>
-
Download free files to make your job easier.
+
<img src="https://static.igem.org/mediawiki/2010/a/a7/UCL-SUCCESS1!!.png" width="180px" />
 +
<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"><h3>E</h3></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/cd/UCL-NOTEBOOK11.png" /></div>
  <p>
  <p>
-
<strong>Freebies</strong><br/>
+
Want to know exactly what we've been doing?
-
Download free files to make your job easier.
+
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>
  </p>
  </li>
  </li>
   
   
-
  <li class="omega">
+
  <li class="omega" style="background: #088213">
-
  <div class="title"><h3>M</h3></div>
+
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/7/76/UCL-SPONSORS111.png" /></div>
  <p>
  <p>
-
<strong>Freebies</strong><br/>
+
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.
-
Download free files to make your job easier.
+
 
 +
  </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 206: 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>Project Hypoxon</h2>
+
<h2><strong>Project Hypoxon</strong></h2>
<p>
<p>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id tristique sapien. Aliquam sodales porta risus consequat commodo. Nulla blandit diam sed sapien volutpat nec condimentum libero vestibulum. Sed et diam et dolor faucibus faucibus. Etiam ut tortor ut purus vehicula iaculis. Quisque facilisis venenatis lacus sit amet laoreet. Mauris rhoncus bibendum ligula. Quisque consequat magna a erat lacinia at scelerisque leo elementum. Nunc feugiat ornare massa vel facilisis. Donec vel leo lectus, sit amet euismod urna. Suspendisse justo felis, molestie posuere sodales sit amet, consectetur sed diam. Sed viverra tortor condimentum dolor consequat iaculis. In sed velit dolor, sed vulputate lacus. Aenean dapibus imperdiet orci at feugiat
+
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 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 220: Line 341:
   version: 2,
   version: 2,
   type: 'profile',
   type: 'profile',
-
   rpp: 6,
+
   rpp: 7,
   interval: 6000,
   interval: 6000,
   width: 400,
   width: 400,
Line 250: Line 371:
</div>
</div>
 +
 +
</div>
</div>
-
 
-
 
-
 
<!-- END MAIN CONTENT -->
<!-- END MAIN CONTENT -->
Line 263: Line 383:
</div>
</div>
</div>
</div>
-
</div>
+
</div>  
-
</html>{{:Team:UCL_London/templates/v2/overall_footer}}
+
</html>
 +
 
 +
{{: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"