Team:Hong Kong HKU

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:Hong_Kong_HKU/templates/header_frontpage}}
 +
<html>
<html>
-
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<head>
-
      <meta name="title" content="HKU iGEM 2013" />
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-
      <meta name="keywords" content="iGEM, HKU, Synthetic Biology, PPK" />
+
<script src="http://www.buzz-code.com/file/hku_igem/lean-slider.js"></script>
-
      <meta name="description" content="HKU's IGEM Team. We aim to isolate phosphate using a labelled microcompartment.">
+
<link rel="stylesheet" href="http://www.buzz-code.com/file/hku_igem/lean-slider.css" type="text/css" />
 +
<link rel="stylesheet" href="http://www.buzz-code.com/file/hku_igem/sample-styles.css" type="text/css" />
 +
</head>
-
    <style type="text/css">
+
<body bgcolor="#000000">
-
    /* Compulsory IDs ***********************************************************/
+
<div id="wrapper"> 
-
      #catlinks {
+
-
      border:none;
+
-
      background: #ffffff;
+
-
      }
+
-
      #footer-box{
+
-
      border:none;
+
-
      }
+
-
      #top-section {
+
-
      background-color: #ffffff;
+
-
      border: none;
+
-
      height:20px;
+
-
      }
+
-
      #p-logo {
+
-
      display: none;
+
-
      }
+
-
      #search-controls {
+
-
      display: none;
+
-
      }
+
-
      .firstHeading {
+
-
        display: none;
+
-
      }
+
-
     
+
-
      #content {
+
-
      position: relative;
+
-
      width: 975px;
+
-
      margin: 0 auto;
+
-
      padding:0;
+
-
      background: #ffffff;
+
-
      color: black;
+
-
      border: 1px solid #d9d9d9;
+
-
      line-height: 1.5em;
+
-
      z-index: 2;
+
-
      }
+
-
      body {
+
-
      background-color:#ffffff;
+
-
      }
+
-
      .right-menu li a, .right-menu li a:hover {  /*reserved*/
+
-
      color: #3c6b27;
+
-
      background-color: #ffffff;
+
-
      }
+
-
      /*#menucontainer {
+
-
      overflow:visible;
+
-
      position:relative;
+
-
      z-index:3;
+
-
      }*/
+
-
      #contentSub {
+
-
      margin: 0 0 0 0;
+
-
      } 
+
-
     </style>
+
<div id="slider">
-
<body>
+
     <div class="slide1">
-
<script>
+
        <img src="https://static.igem.org/mediawiki/2013/c/c1/Panel_Welcome_00000_00000.jpg" alt="" />
-
// CREDITS:
+
    </div>
-
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
+
    <div class="slide2">
-
// Distributed by Hypergurl
+
        <img src="https://static.igem.org/mediawiki/2013/2/2a/Panel_Biobricks_00000_00000.jpg" alt="" />
-
// Permission given to use the script provided that this notice remains as is.
+
    </div>
 +
    <div class="slide3">
 +
        <img src="https://static.igem.org/mediawiki/2013/5/58/Panel_Human_Practice_00000_00000.jpg" alt="" />
 +
    </div>   
 +
    <div class="slide4">
 +
        <img src="https://static.igem.org/mediawiki/2013/0/00/Panel_Applications_00000_00000.jpg" alt="" />
 +
    </div>
 +
</div>mhvnh h
 +
    <div id="slider-direction-nav"></div>
 +
    <div id="slider-control-nav"></div>
-
// Set the number of snowflakes (more than 30 - 40 not recommended)
 
-
var snowmax=35
 
-
// Set the colors for the snow. Add as many colors as you like
 
-
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
 
-
// Set the fonts, that create the snowflakes. Add as many fonts as you like
 
-
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
 
-
 
-
// Set the letter that creates your snowflake (recommended:*)
 
-
var snowletter="*"
 
-
 
-
// Set the speed of sinking (recommended values range from 0.3 to 2)
 
-
var sinkspeed=0.6
 
-
 
-
// Set the maximal-size of your snowflaxes
 
-
var snowmaxsize=22
 
-
 
-
// Set the minimal-size of your snowflaxes
 
-
var snowminsize=8
 
-
 
-
// Set the snowing-zone
 
-
// Set 1 for all-over-snowing, set 2 for left-side-snowing
 
-
// Set 3 for center-snowing, set 4 for right-side-snowing
 
-
var snowingzone=4
 
-
 
-
///////////////////////////////////////////////////////////////////////////
 
-
// CONFIGURATION ENDS HERE
 
-
///////////////////////////////////////////////////////////////////////////
 
-
 
-
 
-
// Do not edit below this line
 
-
var snow=new Array()
 
-
var marginbottom
 
-
var marginright
 
-
var timer
 
-
var i_snow=0
 
-
var x_mv=new Array();
 
-
var crds=new Array();
 
-
var lftrght=new Array();
 
-
var browserinfos=navigator.userAgent
 
-
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
 
-
var ns6=document.getElementById&&!document.all
 
-
var opera=browserinfos.match(/Opera/) 
 
-
var browserok=ie5||ns6||opera
 
-
 
-
function randommaker(range) {
 
-
rand=Math.floor(range*Math.random())
 
-
    return rand
 
-
}
 
-
 
-
function initsnow() {
 
-
if (ie5 || opera) {
 
-
marginbottom = document.body.clientHeight
 
-
marginright = document.body.clientWidth
 
-
}
 
-
else if (ns6) {
 
-
marginbottom = window.innerHeight
 
-
marginright = window.innerWidth
 
-
}
 
-
var snowsizerange=snowmaxsize-snowminsize
 
-
for (i=0;i<=snowmax;i++) {
 
-
crds[i] = 0;                     
 
-
    lftrght[i] = Math.random()*15;       
 
-
    x_mv[i] = 0.03 + Math.random()/10;
 
-
snow[i]=document.getElementById("s"+i)
 
-
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
 
-
snow[i].size=randommaker(snowsizerange)+snowminsize
 
-
snow[i].style.fontSize=snow[i].size
 
-
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
 
-
snow[i].sink=sinkspeed*snow[i].size/5
 
-
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
 
-
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
 
-
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
 
-
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
 
-
snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
 
-
snow[i].style.left=snow[i].posx
 
-
snow[i].style.top=snow[i].posy
 
-
}
 
-
movesnow()
 
-
}
 
-
 
-
function movesnow() {
 
-
for (i=0;i<=snowmax;i++) {
 
-
crds[i] += x_mv[i];
 
-
snow[i].posy+=snow[i].sink
 
-
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
 
-
snow[i].style.top=snow[i].posy
 
-
 
-
if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
 
-
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
 
-
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
 
-
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
 
-
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
 
-
snow[i].posy=0
 
-
}
 
-
}
 
-
var timer=setTimeout("movesnow()",50)
 
-
}
 
-
 
-
for (i=0;i<=snowmax;i++) {
 
-
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
 
-
}
 
-
if (browserok) {
 
-
window.onload=initsnow
 
-
}
 
-
</script>
 
-
<style type="text/css">
 
-
 
-
</style>
 
-
<div id="frontpage">
 
<br>
<br>
-
<br>
+
<table width="960px" cellpadding="0px">
-
<img src="https://static.igem.org/mediawiki/igem.org/3/3d/Hkudothingsonamicroscalelogo.jpg" width="960" height="480">
+
<tr>
-
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/at_a_glance">Click in to know more</a>
+
<td>
-
<p style="color: #FFF; font-size: 12px; font-family: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif; text-align: left;">
+
<p>
-
Project Description:
+
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/Project" target="_new">  
-
<br>
+
<img src="https://static.igem.org/mediawiki/2013/2/24/New_button_take_a_glance_00000.jpg" width="236" />
-
Background:
+
</a>
-
Bacterial Microcompartments (MCP) are closed polyhedral shells, diameter of 100-150nm, which is made of thin protein sheets, enclosing enzymes and cofactors for various forms of fermentative metabolism. Salmonella enteric enthanolamine ultilization (Eut) MCP is one example.
+
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/Parts" target="_new">  
-
<br>
+
<img src="https://static.igem.org/mediawiki/2013/6/68/New_button_biobricks_00000.jpg" width="236"  />
-
5 genes (Eut S, M, N, L, K) encodes thousands of copies of shell proteins to form a heterogenous MCP shell and empty recombinant Eut Shell has been successfully expressed in E.coli.  
+
</a>
-
In addition, a localization signal (N terminal of EutC19) has been identified and signal fused enzymes/ proteins could be targeted to the cavity of the MCP.
+
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/humanpractice/talk" target="_new">  
-
<br>
+
<img src="https://static.igem.org/mediawiki/2013/5/56/New_button_Human_Practice_00000.jpg" width="236"  />
-
Inspired by these studies, we think this Eut MCP can become a versatile tool if we can:
+
</a>
-
<br>(a) Modify its exterior surface to enable surface display
+
<a href="https://2013.igem.org/Team:Hong_Kong_HKU/humanpractice/futureapps" target="_new">
-
<br>(b) Localize special enzyme into the MCP to enable specific metabolism
+
<img src="https://static.igem.org/mediawiki/2013/e/ee/New_button_applications_00000.jpg" width="236" />
-
<br>(c) Store useful or harmful molecules into the MCP
+
</a>
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
<br><br>
<br><br>
-
In this iGEM project, using Eut Microcompartment, we aim to show:
+
</div>
-
<br>(1) MCP shell surface can be used to display specific peptides, without disrupting the MCP structure, to enable cell-specific targeting for drug delivery system, easy purification etc. We will display Flag and His tag as a proof of concept.
+
<script>
-
<br>(2) Localize polyphosphate kinase (ppk1) into the native/ engineered MCP to polymerize inorganic phosphate and accumulate them in MCP, trying to treat phosphate pollution in waste water.
+
$(document).ready(function() {
-
We will divide into 2 parallel sub-teams, specifically working on surface decoration and ppk enzyme.
+
    $('#slider').leanSlider({
 +
            directionNav: '#slider-direction-nav',
 +
            controlNav: '#slider-control-nav'
 +
        });
 +
});
-
</p>
+
</script>
-
</div>
+
-
+
</body>
</body>
-
 
-
<STYLE TYPE="text/css">
 
-
#frontpage{
 
-
text-align:center;
 
-
}
 
-
</STYLE>
 
</html>
</html>

Latest revision as of 13:08, 11 October 2014

mhvnh h