Team:Hong Kong HKUST/modules

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("ul.first...")
Line 12: Line 12:
</script>   
</script>   
 +
<script>
 +
  $(document).ready(function()
 +
  {
 +
  $('#tinkercell1-01').mouseover(function(){
 +
    $('#interview').stop().show();
 +
  });
 +
  $('#tinkercell1-01').mouseleave(function(){
 +
    $('#interview').stop().hide();
 +
  });
 +
  $('#tinkercell1-04').mouseover(function(){
 +
    $('#article').stop().show();
 +
  });
 +
  $('#tinkercell1-04').mouseleave(function(){
 +
    $('#article').stop().hide();
 +
  });
 +
  $('#tinkercell1-07').mouseover(function(){
 +
    $('#presentation').stop().show();
 +
  });
 +
  $('#tinkercell1-07').mouseleave(function(){
 +
    $('#presentation').stop().hide();
 +
  });
 +
  $('#tinkercell1-08').mouseover(function(){
 +
    $('#article2').stop().show();
 +
  });
 +
  $('#tinkercell1-08').mouseleave(function(){
 +
    $('#article2').stop().hide();
 +
  });
 +
});
 +
</script>
<script>
<script>
   $(document).ready(function()
   $(document).ready(function()
Line 29: Line 58:
});
});
</script>
</script>
 +
 +
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 +
<!-- Save for Web Styles (tinkercell1.psd) -->
 +
<style type="text/css">
 +
<!--
 +
 +
#Table_01 {
 +
position:absolute;
 +
left:7px;
 +
top:325px;
 +
width:600px;
 +
height:400px;
 +
}
 +
 +
#tinkercell1-01 {
 +
position:absolute;
 +
left:0px;
 +
top:0px;
 +
width:145px;
 +
height:160px;
 +
}
 +
 +
#tinkercell1-02 {
 +
position:absolute;
 +
left:145px;
 +
top:0px;
 +
width:455px;
 +
height:80px;
 +
}
 +
 +
#tinkercell1-03 {
 +
position:absolute;
 +
left:145px;
 +
top:80px;
 +
width:180px;
 +
height:80px;
 +
}
 +
 +
#tinkercell1-04 {
 +
position:absolute;
 +
left:325px;
 +
top:80px;
 +
width:152px;
 +
height:154px;
 +
}
 +
 +
#tinkercell1-05 {
 +
position:absolute;
 +
left:477px;
 +
top:80px;
 +
width:123px;
 +
height:154px;
 +
}
 +
 +
#tinkercell1-06 {
 +
position:absolute;
 +
left:0px;
 +
top:160px;
 +
width:145px;
 +
height:187px;
 +
}
 +
 +
#tinkercell1-07 {
 +
position:absolute;
 +
left:145px;
 +
top:160px;
 +
width:180px;
 +
height:187px;
 +
}
 +
 +
#tinkercell1-08 {
 +
position:absolute;
 +
left:325px;
 +
top:234px;
 +
width:275px;
 +
height:113px;
 +
}
 +
 +
#tinkercell1-09 {
 +
position:absolute;
 +
left:0px;
 +
top:347px;
 +
width:600px;
 +
height:53px;
 +
}
 +
 +
-->
 +
</style>
 +
<style type="text/css">
<style type="text/css">
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
body{background-color:#494042;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;height:100%;}
Line 119: Line 237:
font-size: 14px;
font-size: 14px;
}
}
-
#slide{width:96%;height:auto;background-color:#F4DFC0;margin-top:80px;border:2px solid;
+
#slide{width:96%;margin-left:20px;height:auto;background-color:#FFFFff;margin-top:80px;border:2px solid;
-
border-radius:15px;padding-right:10px;margin-left:15px;}
+
border-radius:15px;padding-right:10px;}
.center
.center
{
{
Line 127: Line 245:
background-color:#b0e0e6;
background-color:#b0e0e6;
}
}
-
#interview,#presentation,#article, #interview1, #presentation1,#article1
+
#interview,#presentation, #article, #article2
-
{margin-top:20px;width:30%;margin-right:20px;float:left;height:250px; border:2px solid;
+
{width:35%;height:auto; border:2px solid;
-
border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
+
border-radius:15px;padding:10px;margin-left:20px;display:none;background-color:#35BB91;font-family:"Trebuchet MS", Helvetica, sans-serif;}
#interview
#interview
-
{margin-left:25px;background:#e32e51;}
+
{position:absolute;top:1046px;left:610px;}
-
#interview1
+
#presentation
-
{margin-left:25px;background:#35bb91;}
+
{position:absolute;top:1127px;left:610px;}
-
#presentation,#article1
+
#article
-
{background:#35bb91;}
+
{position:absolute;top:1228px;left:610px;}
-
#article,#presentation1
+
#article2
-
{background:#e32e51;}
+
{position:absolute;top:1329px;left:610px;}
-
#art-desc,#pre-desc,#int-desc{width:50%;float:right;margin-right:8px;}
+
#more{margin-top:10px;width:32%;float:left;height:auto; border:2px solid;
-
#art-img,#pre-img,#int-img{width:45%;float:left;margin-left:5px;}
+
border-radius:15px;padding-left:10px;padding-right:10px;background:#e32e51;margin-left:25px;}
 +
#vidproj{margin-top:10px;width:auto;float:left;height:auto; border:2px solid;
 +
border-radius:15px;padding:5px;background:#000000;margin-left:25px;}
 +
#projinteract{margin-top:10px;width:60%;float:left;height:400px; border:2px solid;
 +
border-radius:15px;padding:5px;background:#FFEBC8;}
 +
#moddesc{margin-top:10px;width:96%;float:left;height:auto; border:2px solid;padding:10px;background:#ffffff;margin-left:20px;border-radius:15px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
 +
#art-desc,#pre-desc,#int-desc{width:45%;float:right;margin-right:8px;}
 +
#art-img,#pre-img,#int-img{width:45%;float:left;}
#art-desc-text,#pre-desc-text,#int-desc-text{text-align:justify;float:right;}
#art-desc-text,#pre-desc-text,#int-desc-text{text-align:justify;float:right;}
-
h3,h1,#yo{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
+
h3{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
-
h1{font-size:35px;}
+
#isi{margin-left:10px;font-family:"Trebuchet MS", Helvetica, sans-serif;margin-top:10px;}
-
 
+
h3.title{font-size:28px;color:#35BB91;}
 +
p
</style>
</style>
</head>
</head>
Line 205: Line 331:
</div>
</div>
 +
</div>
 +
<br><br><br><div id="slide"><h3 class="title">Modules Description</h3><p id="isi">Our project is comprised of four modules: cell vaibility & fatty acid
 +
quantification, fatty acid sensing mechanism, protein trafficking and
 +
glyoxylate shunt. These four modules are essential to introduce
 +
inducible our glyoxylate shunt into human liver cell. <b>Hover</b> your mouse and <b>click</b> on the images below to learn more about each modules!</p></div>
 +
<div id="Table_01">
 +
<div id="tinkercell1-01"> <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module1"><img src="https://static.igem.org/mediawiki/igem.org/3/3c/Tinkercell1_01.jpg" width="145" height="160" alt=""></a>
 +
</div>
 +
<div id="tinkercell1-02">
 +
<img src="https://static.igem.org/mediawiki/igem.org/c/cd/Tinkercell1_02.jpg" width="455" height="80" alt="">
 +
</div>
 +
<div id="tinkercell1-03">
 +
<img src="https://static.igem.org/mediawiki/igem.org/0/08/Tinkercell1_03.jpg" width="180" height="80" alt="">
 +
</div>
 +
<div id="tinkercell1-04"> <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module3"><img src="https://static.igem.org/mediawiki/igem.org/5/5d/Tinkercell1_04.jpg" width="152" height="154" alt=""></a>
 +
</div>
 +
<div id="tinkercell1-05">
 +
<img src="https://static.igem.org/mediawiki/igem.org/5/56/Tinkercell1_05.jpg" width="123" height="154" alt="">
 +
</div>
 +
<div id="tinkercell1-06">
 +
<img src="https://static.igem.org/mediawiki/igem.org/0/00/Tinkercell1_06.jpg" width="145" height="187" alt="">
 +
</div>
 +
<div id="tinkercell1-07"> <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module2"><img src="https://static.igem.org/mediawiki/igem.org/3/38/Tinkercell1_07.jpg" width="180" height="187" alt=""></a>
 +
</div>
 +
<div id="tinkercell1-08"> <a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project/module4"><img src="https://static.igem.org/mediawiki/igem.org/2/2e/Tinkercell1_08.jpg" width="275" height="113" alt=""></a>
 +
</div>
 +
<div id="tinkercell1-09">
 +
<img src="https://static.igem.org/mediawiki/igem.org/5/50/Tinkercell1_09.jpg" width="600" height="53" alt="">
 +
</div>
 +
</div>
 +
<div id="projinteract"></div>
 +
<div id="interview"><h3>Cell Viability & Fatty Acid Quantification</h3><p><b><i>Responsible for:</i></b><br>Measuring cell viability at different fatty acid concentration & measure fatty acid uptake rate</i><br><b><i>Parts submitted:</b> - </i></p></div>
 +
<div id="presentation"><h3>Fatty Acid Sensing Mechanism</h3><p><b><i>Responsible for:</b></i><br>Introduce inducible system that allows tunable fatty acid uptake by sensing fatty acid concentration<br><b><i>Parts submitted:</b> - </i></p></div>
 +
<div id="article"><h3>Protein Trafficking</h3><p><b><i>Responsible for:</b></i><br>Target ACE proteins into mitochondria<br><b><i>Parts submitted:</b> </i></p></div>
 +
<div id="article2"><h3>Glyoxylate Shunt</h3><p><b><i>Responsible for:</b></i><br>Introduce glyoxylate enzymes responsible for the shunt<br><b><i>Parts submitted:</b> </i></p></div>
</body>
</body>
</html>
</html>

Revision as of 15:49, 24 September 2013




Modules Description

Our project is comprised of four modules: cell vaibility & fatty acid quantification, fatty acid sensing mechanism, protein trafficking and glyoxylate shunt. These four modules are essential to introduce inducible our glyoxylate shunt into human liver cell. Hover your mouse and click on the images below to learn more about each modules!

Cell Viability & Fatty Acid Quantification

Responsible for:
Measuring cell viability at different fatty acid concentration & measure fatty acid uptake rate
Parts submitted: -

Fatty Acid Sensing Mechanism

Responsible for:
Introduce inducible system that allows tunable fatty acid uptake by sensing fatty acid concentration
Parts submitted: -

Protein Trafficking

Responsible for:
Target ACE proteins into mitochondria
Parts submitted:

Glyoxylate Shunt

Responsible for:
Introduce glyoxylate enzymes responsible for the shunt
Parts submitted:

Retrieved from "http://2013.igem.org/Team:Hong_Kong_HKUST/modules"