Team:UCL London/templates/v2/overall header

From 2010.igem.org

(Difference between revisions)
(Undo revision 137776 by Zcbee12 (Talk))
Line 1: Line 1:
-
{{:Team:UCL_London/templates/v2/overall_header}}
+
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
-
<html>
+
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  />
 +
<title>UCL IGEM 2010</title>
-
<style type="text/css">
+
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
-
.content h3
+
-
{
+
-
color: green;
+
-
}
+
-
.content h1
+
-
{
+
-
color: #c6c6c6;
+
-
}
+
-
</style>
+
-
+
<link href="https://2010.igem.org/Team:UCL_London/files/css?ctype=text/css&amp;action=raw" rel="stylesheet" type="text/css" media="all" />
-
<style type="text/css">
+
-
#hac {
+
<!--[if IE 7]><link href=""https://2010.igem.org/Team:UCL_London/templates/ie7?ctype=text/css&amp;action=raw" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
-
margin-top: -35px;
+
<!--[if IE 8]><link href=""https://2010.igem.org/Team:UCL_London/templates/ie8?ctype=text/css&amp;action=raw" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
-
overflow: hidden;
+
-
}
+
-
#hac ul{
+
-
  list-style: none;
+
-
  margin:10px auto;
+
-
  padding: 0;
+
-
}
+
-
#hac ul li{
+
<script type="text/javascript" src="https://2010.igem.org/Team:UCL_London/files/js?ctype=text/javascript&action=raw"></script>
-
  float: left;
+
-
  padding: 10px;
+
-
  display: block;
+
-
  margin: 0 ;
+
-
  background: #5fcc3f;
+
-
  border: 5px solid #246110;
+
-
  border-right: 0;
+
-
  width: 45px;
+
-
  height: 200px;
+
-
  overflow: hidden;
+
-
  color: #fff;
+
-
opacity:0.85;
+
-
position:relative;
+
-
}
+
-
#hac ul li .title{
 
-
  position: absolute;
 
-
  float: left;
 
-
  width: 80px;
 
-
 
 
-
}
 
-
 
-
#hac .title img{
 
-
margin: 25px 0;
 
-
border: none;
 
-
text-decoration: none;
 
-
 
 
-
}
 
-
 
-
#hac li p{
 
-
  float: left;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  width: 200px;
 
-
  display: block;
 
-
  margin-left: 75px;
 
-
}
 
-
 
-
#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
+
<script type="text/javascript">
-
{
+
jQuery(document).ready(function() {
-
position:absolute;
+
var footerContents = jQuery('#footer-box');
-
bottom: 10px;
+
var first = footerContents.find('div:first').find('#f-list').html();
-
right: 10px;
+
var last = footerContents.find('div:last').find('#f-list').html();
-
}
+
-
</style>
+
-
<script type="text/javascript" >
+
jQuery('#footer-wiki-1').html(first);
-
jQuery(document).ready(function(){
+
jQuery('#footer-wiki-2').html(last);
-
lastBlock = $("#hac .selected");
+
-
maxWidth = 300;
+
-
minWidth = 45;
+
-
$jQuery("#hac li").hover(
+
jQuery('.gallery-item a').attr('rel', 'gallery');
-
  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("a[rel=gallery]").fancybox({
-
jQuery.fancybox({
+
'transitionIn' : 'elastic',
-
'padding' : 0,
+
'transitionOut' : 'elastic',
-
'autoScale' : false,
+
'titlePosition' : 'over',
-
'transitionIn' : 'none',
+
'titleFormat'       : function(title, currentArray, currentIndex, currentOpts)  
-
'transitionOut' : 'none',
+
{
-
'title' : this.title,
+
    return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
-
'width' : 680,
+
}
-
'height' : 495,
+
-
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
+
-
'type' : 'swf',
+
-
'swf' : {
+
-
  'wmode' : 'transparent',
+
-
'allowfullscreen' : 'true'
+
-
}
+
-
});
+
-
+
-
return false;
+
});
});
});
});
-
</script>
+
-
+
function submitQuery() {
-
<div id="main">
+
        window.location = 'https://2010.igem.org/Team:UCL_London/Search?q='
-
<div id="main_bottom">
+
            + encodeURIComponent(
-
<div id="mainest">
+
                document.getElementById('searchbox').value);
-
<div class="wrap">
+
        return false;
-
<div class="content">
+
      }
-
<div id="featured">
+
</script>
-
<div id="featured_play" class="piecemaker">
+
-
+
</head>
-
<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>
+
<body>
-
+
<div id="top">
-
+
<div id="top_effect">
-
<script type="text/javascript">
+
<div class="top_shadow">
-
var flashvars = {};
+
<div class="sp_wrap">
-
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" class="selected" style="width: 320px">
+
<div id="logo">
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/7/76/UCL-ABSTRACT.png" /></div>
+
<a href="./">
-
  <p>
+
<img src="https://static.igem.org/mediawiki/2010/2/27/Ucl-template-logo.png" alt="" />
-
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!
+
</a>
-
+
</div>
-
  </p>
+
-
  </li>
+
<div id="search">
-
 
+
<form onsubmit="return submitQuery()">
-
  <li>
+
<input id="searchbox" type="text" value="Search..."  name="search" onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" />
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/84/UCL-TEAMUCL.png" /></div>
+
<input type="submit" id="search-bt" value="" />
-
  <p>
+
<input type="hidden"  name="sitesearch" value="https://2010.igem.org/Team:UCL_London" />
-
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>
+
-
  </li>
+
-
<li>
+
</form>
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/d/d7/Ucl-MODELLINGss.png" /></div>
+
-
  <p>
+
-
Download free files to make your job easier.
+
-
  </p>
+
-
  </li>
+
-
 
+
-
  <li>
+
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/c4/UCL-ENGAGEMENTS.png" /></div>
+
-
  <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.
+
-
<br/>
+
-
<a class="box_out_link" style="margin-top: 5px" href="http://twitter.com/UCL_iGEM"><span class="box_in_link">iGEM Twitter</span></a>
+
-
</p>
+
-
  </li>
+
-
 
+
-
<li>
+
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/c/cb/UCL-BIOBRICKS.png" /></div>
+
-
  <p>
+
-
<img src="https://static.igem.org/mediawiki/2010/3/32/Ucl-biob.png" />
+
-
  </p>
+
-
  </li>
+
-
 
+
-
<li>
+
-
  <div class="title"><img src="" /></div><>
+
-
  <p>
+
-
Download free files to make your job easier.
+
-
  </p>
+
-
  </li>
+
-
 
+
-
<li>
+
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/8/8c/UCL-NOTEBOOK.png" /></div>
+
-
  <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
+
-
  </p>
+
-
  </li>
+
-
 
+
-
  <li class="omega">
+
-
  <div class="title"><img src="https://static.igem.org/mediawiki/2010/f/fc/UCL-SPONSORS.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 who did what, follow this link.
+
-
  </p>
+
-
  </li>
+
-
 
+
-
</ul>
+
-
</div>
+
-
<!-- END HAC -->
+
-
+
-
<div class="clearfix" style="margin-top: 20px;">
+
-
<div style="width: 410px;float:left;background: #fff;padding: 20px;opacity:0.85">
+
-
<h2><strong>Project Hypoxon</strong></h2>
+
-
<p> <a id="yoooutube" href="http://www.youtube.com/watch?v=mkxx7R5EfY4&fmt=22">clicky</a>
+
-
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 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.
+
-
 
+
-
</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: 6,
+
-
  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 class="clear"></div>
</div>
</div>
 +
</html>{{:Team:UCL_London/templates/v2/navbar}}<html>
 +
</div>
</div>
</div>
</div>
</div>
-
</html>{{:Team:UCL_London/templates/v2/overall_footer}}
+
</div>

Revision as of 21:51, 24 October 2010

UCL IGEM 2010