Team:CityU HK/HumanPractice/Presentation
From 2014.igem.org
(82 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{:Template:Team:CityU_HK/CSS}} | ||
+ | |||
<html> | <html> | ||
<html lang="en"> | <html lang="en"> | ||
- | |||
<head> | <head> | ||
- | + | body { | |
- | + | margin: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | body { | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | margin | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 166: | Line 17: | ||
font-family: 'Oswald', sans-serif; | font-family: 'Oswald', sans-serif; | ||
font-size: 20px; | font-size: 20px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 194: | Line 32: | ||
font-family: 'Pacifico', cursive; | font-family: 'Pacifico', cursive; | ||
font-size: 80px; | font-size: 80px; | ||
- | padding-bottom: | + | padding-bottom:10px; |
} | } | ||
Line 200: | Line 38: | ||
font-size: 60px; | font-size: 60px; | ||
font-family: 'Oswald', sans-serif; | font-family: 'Oswald', sans-serif; | ||
- | padding-bottom: | + | padding-bottom: 5px; |
+ | } | ||
+ | |||
+ | .btn-custom:link { /*overwrite igem default style*/ | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | .btn-custom:hover { | ||
+ | color: #3CC; | ||
+ | border: solid 2.5px #3cc; | ||
+ | background-color: rgba(255,255,255,0.2); | ||
+ | } | ||
+ | |||
+ | #feature-icon img { | ||
+ | max-width: 100%; | ||
+ | max-height: 100%; | ||
} | } | ||
Line 211: | Line 64: | ||
text-align: center; | text-align: center; | ||
color: #069; | color: #069; | ||
- | font-family: ' | + | font-family: 'Josefin Sans', sans-serif; |
text-shadow:0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3); | text-shadow:0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3); | ||
padding-top: 50px; | padding-top: 50px; | ||
- | border-bottom: solid | + | border-bottom: solid 1px #a9b2bb; |
margin-left:300px; | margin-left:300px; | ||
margin-right:300px; | margin-right:300px; | ||
Line 220: | Line 73: | ||
#abstract p { | #abstract p { | ||
- | |||
color: #666; | color: #666; | ||
+ | font-weight: 100; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
line-height: 2em; | line-height: 2em; | ||
text-align: justify; | text-align: justify; | ||
Line 228: | Line 82: | ||
padding-top: 30px; | padding-top: 30px; | ||
padding-bottom: 100px; | padding-bottom: 100px; | ||
- | font-size: | + | font-size: 18px; |
} | } | ||
- | + | @media screen and (max-width: 480px) { | |
- | + | .navbar-default { | |
- | + | height: auto;} | |
- | height: | + | |
- | } | + | |
- | + | /*.navbar-brand span{ | |
- | + | display: none;}*/ | |
- | + | ||
- | + | .carousel-inner { | |
- | + | height:auto;} | |
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#abstract h2 { | #abstract h2 { | ||
margin-left: 30px; | margin-left: 30px; | ||
Line 272: | Line 101: | ||
#abstract p { | #abstract p { | ||
padding-left: 10px; | padding-left: 10px; | ||
- | padding-right: 10px;} | + | padding-right: 10px; |
+ | font-size: 14px;} | ||
+ | |||
+ | #footer img { | ||
+ | width: 30px; | ||
+ | height: 30px;} | ||
} | } | ||
+ | |||
+ | @media screen and (max-width: 800px){ | ||
+ | #navbar-brand { | ||
+ | Font-size:25px;} | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 291: | Line 131: | ||
</button> | </button> | ||
- | <a class="navbar-brand" href="#"> <img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png">City University of Hong Kong 2014</a> | + | <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"><span>City University of Hong Kong 2014</span></a> |
</div> | </div> | ||
Line 299: | Line 139: | ||
<li class="active"><a href="#">Home</a></li> | <li class="active"><a href="#">Home</a></li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a> |
<ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||
<li><a href="#">Overview</a></li> | <li><a href="#">Overview</a></li> | ||
Line 308: | Line 148: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements</a> |
<ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||
<li><a href="#">Result</a></li> | <li><a href="#">Result</a></li> | ||
Line 315: | Line 155: | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a> |
<ul class="dropdown-menu" role="menu"> | <ul class="dropdown-menu" role="menu"> | ||
<li><a href="#">Team members</a></li> | <li><a href="#">Team members</a></li> | ||
Line 366: | Line 206: | ||
<span class="glyphicon glyphicon-chevron-right"></span> | <span class="glyphicon glyphicon-chevron-right"></span> | ||
</a> | </a> | ||
+ | </div> | ||
+ | |||
+ | <!--==================== feature-icon list =================--> | ||
+ | <div id="feature-icon"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/2/2b/Team_CityU_HK_feature-icon.png"/> | ||
</div> | </div> | ||
Line 376: | Line 221: | ||
<p>Obesity has now reached epidemic proportions worldwide, which has serious consequences because obesity is associated with various chronic human diseases such as diabetes, hypertension and cardiovascular diseases. With the aim to protect oneself against obesity and debilitating diseases caused by a high-fat diet, we are using a synthetic biology approach to design an Escherichia coli strain (called Fit Coli) that has an enhanced ability to uptake and convert excess fatty acids from fatty foods into a-linolenic acid (ALA). The strategy is to engineer the fadL and fadD genes along with three desaturase genes to facilitate the uptake of long-chain fatty acids and their biotransformation to ALA by the “Fit Coli” strain. It is predicted that the ALA converted from excess fatty acids by Fit Coli is converted to docosahexaenoic acid (DHA), an omega-3-fatty acid, in the human gut, which is well known to have many positive health benefits.</p> | <p>Obesity has now reached epidemic proportions worldwide, which has serious consequences because obesity is associated with various chronic human diseases such as diabetes, hypertension and cardiovascular diseases. With the aim to protect oneself against obesity and debilitating diseases caused by a high-fat diet, we are using a synthetic biology approach to design an Escherichia coli strain (called Fit Coli) that has an enhanced ability to uptake and convert excess fatty acids from fatty foods into a-linolenic acid (ALA). The strategy is to engineer the fadL and fadD genes along with three desaturase genes to facilitate the uptake of long-chain fatty acids and their biotransformation to ALA by the “Fit Coli” strain. It is predicted that the ALA converted from excess fatty acids by Fit Coli is converted to docosahexaenoic acid (DHA), an omega-3-fatty acid, in the human gut, which is well known to have many positive health benefits.</p> | ||
- | |||
</div> | </div> | ||
</div> | </div> | ||
- | + | ||
+ | |||
<!--==================== footer ===========================--> | <!--==================== footer ===========================--> | ||
Line 389: | Line 234: | ||
<h4>Stay connected!</h4> | <h4>Stay connected!</h4> | ||
<p>email: <a href="#">xxxxx@gmail.com</a></p> | <p>email: <a href="#">xxxxx@gmail.com</a></p> | ||
+ | <a href="#"><img src="https://s3.amazonaws.com/sbweb/images/icon-facebook-grey-150x150.png" width="50" height="48"></a> | ||
+ | <a href="#"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a> | ||
+ | <a href="#"><img src="http://3.bp.blogspot.com/-zNUyQIVgA8Q/Ue8USlgr8II/AAAAAAAAl1w/6ZCWqhS59Ts/s1600/youtube.png" width="52" height="50"></a> | ||
</div> <!--end of col-md-5--> | </div> <!--end of col-md-5--> | ||
</div> <!-- end of #footer --> | </div> <!-- end of #footer --> | ||
Line 407: | Line 255: | ||
}); | }); | ||
}); | }); | ||
- | + | ||
+ | // bootstrap navbar hover dropdown | ||
+ | $(function(){ | ||
+ | $('.dropdown').hover(function() { | ||
+ | $(this).toggleClass('open'); | ||
+ | }); | ||
+ | }); | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 05:11, 7 September 2014
Abstract
Obesity has now reached epidemic proportions worldwide, which has serious consequences because obesity is associated with various chronic human diseases such as diabetes, hypertension and cardiovascular diseases. With the aim to protect oneself against obesity and debilitating diseases caused by a high-fat diet, we are using a synthetic biology approach to design an Escherichia coli strain (called Fit Coli) that has an enhanced ability to uptake and convert excess fatty acids from fatty foods into a-linolenic acid (ALA). The strategy is to engineer the fadL and fadD genes along with three desaturase genes to facilitate the uptake of long-chain fatty acids and their biotransformation to ALA by the “Fit Coli” strain. It is predicted that the ALA converted from excess fatty acids by Fit Coli is converted to docosahexaenoic acid (DHA), an omega-3-fatty acid, in the human gut, which is well known to have many positive health benefits.