Team:UCL London
From 2010.igem.org
(602 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{:Team:UCL_London/ | + | {{:Team:UCL_London/templates/v2/overall_header}} |
- | + | <html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <style type="text/css"> |
- | < | + | .content h3 |
- | + | { | |
+ | color: green; | ||
+ | } | ||
+ | .content h1 | ||
+ | { | ||
+ | color: #c6c6c6; | ||
+ | } | ||
+ | </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; | ||
+ | } | ||
- | </div> | + | #hac ul li .title{ |
- | </div> | + | 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_bottom"> | ||
+ | <div id="mainest"> | ||
+ | <div class="wrap"> | ||
+ | <div class="content"> | ||
+ | <div id="featured"> | ||
+ | <div id="featured_play" class="piecemaker"> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | <!-- column --> | ||
+ | |||
+ | |||
+ | <!-- START MAIN CONTENT --> | ||
+ | |||
+ | <div class="front-main clearfix"> | ||
+ | <div id="hac"> | ||
+ | <ul class="clearfix"> | ||
+ | |||
+ | <li class="alpha acc-selected" style="width: 350px;background: #088213"> | ||
+ | <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8f/UCL-PROJECT-HYPOXON11.png" /></div> | ||
+ | <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. | ||
+ | <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> | ||
+ | </li> | ||
+ | |||
+ | <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> | ||
+ | |||
+ | <li style="background: #1fc21c"> | ||
+ | <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> | ||
+ | |||
+ | <li style="background: #1fc21c"> | ||
+ | <div class="title"><img src="https://static.igem.org/mediawiki/2010/4/4f/UCL-11CHARACTERISATION.png" /></div> | ||
+ | <p> | ||
+ | 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" /> | ||
+ | <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> | ||
+ | </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 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> | ||
+ | </div> | ||
+ | |||
+ | <div style="width: 410px;float:right;background: #fff;padding: 20px;opacity:0.85"> | ||
+ | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | <script> | ||
+ | new TWTR.Widget({ | ||
+ | version: 2, | ||
+ | type: 'profile', | ||
+ | rpp: 7, | ||
+ | interval: 6000, | ||
+ | width: 400, | ||
+ | height: 500, | ||
+ | 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> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | <!-- END MAIN CONTENT --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </html> | ||
+ | |||
+ | {{:Team:UCL_London/templates/v2/overall_footer}} |
Latest revision as of 03:25, 28 October 2010
You need to upgrade your Flash Player to version 10 or newer.
-
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!!!
![Attribution-ShareAlike 3.0 Unported](http://i.creativecommons.org/l/by-sa/3.0/88x31.png)
![Powered by MediaWiki](https://2010.igem.org/wiki/skins/common/images/poweredby_mediawiki_88x31.png)