Team:CityU HK/Achievement

From 2014.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 5: Line 5:
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <title>Bootstrap 101 Template</title>
+
     <title>Team:CityU HK-Achievement</title>
     <!-- Latest compiled and minified CSS -->
     <!-- Latest compiled and minified CSS -->
Line 21: Line 21:
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
     <![endif]-->
 +
 +
    <!--essential javascript for nav-->
 +
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("#nav > li > ul").hide();
 +
$("#nav > li").mouseenter(function() {
 +
$(this).children("li > ul").slideDown(250);
 +
});
 +
        $("#nav > li").mouseleave(function() {
 +
$(this).children("li > ul").slideUp(250);
 +
});
 +
});
 +
</script>
<style> /*CSS to remove wiki default style*/
<style> /*CSS to remove wiki default style*/
Line 83: Line 97:
         border-bottom: none;
         border-bottom: none;
}
}
 +
 +
#igem_logo {
 +
        position: relative;
 +
        top:0;
 +
        left:0;
 +
}
 +
</style>
</style>
Line 88: Line 109:
<style> /*CSS fot this page*/
<style> /*CSS fot this page*/
 +
#header {
 +
        margin:20px;
 +
}
 +
#header h1 {
#header h1 {
         font-family: 'Lobster', cursive;
         font-family: 'Lobster', cursive;
Line 110: Line 135:
}
}
-
#navbar {
+
#nav {
margin-bottom: 50px;
margin-bottom: 50px;
 +
        margin-top: 20px;
 +
        margin-right: 30px;
}
}
-
 
+
/*main nav*/
-
#navbar ul li {
+
#nav li{
-
display: inline;
+
position:relative;
-
float: right;
+
float:right;
-
margin-top: 30px;
+
list-style:none;
-
margin-bottom: 10px;
+
z-index:999;
-
        font-family: 'Yanone Kaffeesatz', sans-serif;
+
-
        font-size: 1.3em;
+
}
}
-
 
+
#nav li a{
-
#navbar ul li a {
+
color:#666;
-
display: block;
+
text-decoration:none;
-
margin-left:20px;
+
padding-left:15px;
-
margin-right: 10px;
+
padding-right: 15px;
-
text-decoration: none;
+
display:block;
-
color: #999;
+
text-align:center;
 +
font-family:'Open Sans Condensed', sans-serif;
 +
font-size: 13px;
}
}
-
#navbar .active {
+
#nav a:hover{
-
border-bottom: solid 3px #3CC;
+
background: rgba(255,255,255,0.9);
-
}
+
-
 
+
-
#navbar ul li a:hover {
+
color: #3cc;
color: #3cc;
-
}
+
font-weight: bolder;
-
 
+
-
<!-- navbar css-->
+
-
ul#nav {
+
-
width:90%;
+
-
top:100px;
+
-
left:60px;
+
-
position:fixed;
+
-
z-index:30;
+
}
}
-
#nav li {
+
#nav .main_nav:hover{
-
color: #FFF;
+
        border-bottom: solid 3px #3cc;
-
background-color:none;
+
        z-index: 1000;
-
margin: 0 15px 0 0;
+
-
float: left;
+
-
position: relative;
+
-
list-style: none;
+
-
 
+
}
}
-
#nav li:last-child { margin:0; }
 
-
/* main level link */
+
#nav .active {
-
#nav a {
+
border-bottom: solid 3px #3cc;
-
font-family:bree-web, Bree, sans-serif;
+
-
font-size:10pt;
+
-
font-weight:600;
+
-
line-height:210%;
+
-
color: inherit;
+
-
text-decoration: none;
+
-
display: block;
+
-
padding: 0 0 0 5px;
+
-
margin: 0;
+
}
}
-
ul#nav > li > a {
+
/*dropdown navbar*/
-
line-height:10px;
+
#nav li ul{
-
border-left:solid 3px #bbb;
+
    /*display:none;*/
-
padding:0 0 0 15px;
+
position:absolute;
 +
text-align:center;
 +
        margin: 0 auto;
 +
padding-left: 0;
 +
        background-color: rgba(255,255,255,0.9);
 +
        box-shadow: gray 0.33em 0.25em 0.25em;
}
}
-
 
+
#nav li:hover ul{
-
#nav a:hover {
+
display:block;
-
/*background-color: #870203;
+
        background-color: rgba(255,255,255,0.9)
-
color: #ffffff;*/
+
}
}
-
/* main level link hover */
+
ul#nav li ul li a {
-
#nav .current a, #nav li:hover > a {
+
margin-top: 5px;
-
color: #F79042;
+
padding: 0;
-
border-color:#F79042;
+
align: center;
 +
width: 150px;
}
}
 +
   
-
/* sub levels link hover */
+
.btn btn-primary {
-
#nav ul li:hover a, #nav li:hover li a {
+
        background-color: #3CC;
-
border: none;
+
-
background-image:url(https://static.igem.org/mediawiki/2014/3/3a/Orangemenubkgd_bu14.png);
+
-
background-repeat:repeat;
+
-
color:#FFF;
+
}
}
-
#nav ul a:hover {
+
#footer {
-
color: #353535 !important;
+
background: #e0e0e0;
-
/*background: #fff url() repeat-x 0 -100px !important;
+
height: 150px;
-
text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
+
clear: both;
 +
position: relative;
 +
bottom: 0;
 +
width: 100%;
}
}
-
 
+
#footer h4 {
-
/* dropdown */
+
color: #4d4d4d;
-
#nav li:hover > ul {
+
-
/*display: block;*/
+
-
opacity:1;
+
-
margin:0;
+
-
background-color: none;
+
-
z-index:0;
+
}
}
-
/* level 2 list */
+
#footer p {
-
#nav ul {
+
color: #4d4d4d;
-
/*display: none;*/
+
text-align: center;
-
opacity:0;
+
-
margin: 20px 0 0 0;
+
-
padding: 7px 0 0 0;
+
-
width: 205px;
+
-
position: absolute;
+
-
left: 0;
+
-
z-index:-1;
+
-
 
+
-
}
+
-
#nav ul li {
+
-
float: none;
+
-
margin: 0;
+
-
padding: 0;
+
}
}
-
#nav ul a {
+
#footer a {
-
font-weight: normal;
+
color: #4d4d4d;
-
/*text-shadow: 0 1px 0 #fff;*/
+
text-decoration: none;
}
}
-
/* clearfix */
+
#footer a:hover {
-
#nav:after {
+
color: #008080;
-
content: ".";
+
-
display: block;
+
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
-
}
+
-
#nav {
+
-
display: inline-block;
+
-
}
+
-
html[xmlns] #nav {
+
-
display: block;
+
-
}
+
-
+
-
* html #nav {
+
-
height: 1%;
+
-
}
+
-
 
+
-
<!--end of navbar CSS-->
+
-
 
+
-
.btn btn-primary {
+
-
        background-color: #3CC;
+
}
}
</style>   
</style>   
Line 267: Line 232:
<body>
<body>
-
  <!--===================== navbar start ===========================-->
+
<div class="container">
 +
<a id="igem_logo" href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/thumb/7/7c/80px-Eth_igem_logo.png/50px-80px-Eth_igem_logo.png"/ alt="igem logo"></a>
 +
  <!--===================== nav start ===========================-->
<div class="row">
<div class="row">
  <div id="header" class="col-sm-12 col-md-12">
  <div id="header" class="col-sm-12 col-md-12">
   <h1>Fit.coli</h1>
   <h1>Fit.coli</h1>
-
   <div id="nav">
+
   <ul id="nav">
-
    <ul>
+
        <li class="main_nav"><a href="#">NOTEBOOK</a>
-
            <li><a href="#">HUMAN PRACTICE</a>
+
    <ul>  
-
             <ul class="sub-menu">  
+
      <li><a href="#">Lab Log</a></li>
 +
<li><a href="#">Protocols</a></li>
 +
                <li><a href="#">Safety</a></li>
 +
    </ul>
 +
        </li>
 +
<li class="main_nav"><a href="">ACHIEVEMENTS</a>
 +
             <ul>
 +
        <li><a href="#">Medal Requirements</a></li>
 +
    </ul>
 +
        </li>
 +
 +
<li class="main_nav"><a href="">HUMAN PRACTICE</a>
 +
            <ul>  
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Video</a></li>  
                 <li><a href="#">Video</a></li>  
-
                 <li><a href="#">Presentation</a></li>
+
                 <li><a href="https://2014.igem.org/Team:CityU_HK/HumanPractice/Presentation">Presentation</a></li>
             </ul>
             </ul>
-
            </li>
+
        </li>
-
            <li><a href="#">TEAM</a>
+
        <li class="main_nav"><a href="#">PROJECT</a>
-
             <ul class="sub-menu">
+
             <ul>
 +
<li><a href="#">Abstract</a></li>
 +
                <li><a href="#">Modules Description</a></li>
 +
                <li><a href="#">Data Pages</a></li> 
 +
                <li><a href="#">Characterization</a></li>
 +
                <li><a href="#">Results</a></li>
 +
                <li><a href="#">Future Work</a></li>
 +
    </ul>
 +
        </li>
 +
    <li class="main_nav"><a href="#">TEAM</a>
 +
            <ul>
        <li><a href="#">Team Members</a></li>
        <li><a href="#">Team Members</a></li>
<li><a href="#">Advisors</a></li>
<li><a href="#">Advisors</a></li>
Line 288: Line 277:
                 <li><a href="#">Acknowledgement</a></li>
                 <li><a href="#">Acknowledgement</a></li>
    </ul>
    </ul>
-
            </li>
+
        </li>  
-
            <li><a href="#">ACHIEVEMENTS</a></li>
+
        <li class="active"><a href="https://2014.igem.org/Team:CityU_HK">HOME</a>
-
            <li><a href="#">NOTEBOOK</a>
+
  </ul>
-
    <ul class="sub-menu">
+
-
      <li><a href="#">Lab Log</a></li>
+
-
<li><a href="#">Protocols</a></li>
+
-
                <li><a href="#">Safety</a></li>
+
-
    </ul>
+
-
            </li>
+
-
            <li><a href="#">PROJECT</a>
+
-
                <ul class="sub-menu">
+
-
  <li><a href="#">Abstract</a></li>
+
-
                  <li><a href="#">Modules Description</a></li>
+
-
                  <li><a href="#">Data Pages</a></li> 
+
-
                  <li><a href="#">Characterization</a></li>
+
-
                  <li><a href="#">Results</a></li>
+
-
                  <li><a href="#">Future Work</a></li>
+
-
        </ul>
+
-
            </li>
+
-
            <li class="active"><a href="#">HOME</a></li>
+
-
        </ul>
+
-
    </div> <!-- end of #navbar -->
+
  </div> <!--end of col-md-12 -->
  </div> <!--end of col-md-12 -->
</div> <!--end of row-->
</div> <!--end of row-->
 +
</div> <! --end of container -->
 +
  <!--===================== carousel start =========================-->
  <!--===================== carousel start =========================-->
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
Line 324: Line 296:
   <div class="carousel-inner">
   <div class="carousel-inner">
     <div class="item active">
     <div class="item active">
-
       <img src="http://lividinstruments.com/wp-content/uploads/2014/04/aboutlivid_header.jpg" alt="...">
+
       <img src="http://www.arguslabs.com/wp-content/uploads/2014/04/weekincontextlogo_composed_wide.jpg" alt="...">
       <div class="carousel-caption">
       <div class="carousel-caption">
         <h2>What is Fit.coli?</h2>
         <h2>What is Fit.coli?</h2>
Line 330: Line 302:
     </div>
     </div>
     <div class="item">
     <div class="item">
-
       <img src="http://lividinstruments.com/wp-content/uploads/2014/04/guitarwing_header-1200.jpg" alt="...">
+
       <img src="http://www.mymenopausemag.com/wp-content/uploads/2014/07/Beware-Tick-Born-Diseases.jpg" alt="...">
       <div class="carousel-caption">
       <div class="carousel-caption">
         <h2>Human Practice</h2>
         <h2>Human Practice</h2>
Line 336: Line 308:
     </div>
     </div>
     <div class="item">
     <div class="item">
-
       <img src="http://www.artdecotech.com/wp-content/uploads/2014/06/cropped-New-York-Bokeh-l.jpg" alt="...">
+
       <img src="http://www.tnecd.com/images/chemicals_@2x.png" alt="...">
       <div class="carousel-caption">
       <div class="carousel-caption">
         <h2>Our Results</h2>
         <h2>Our Results</h2>
Line 342: Line 314:
     </div>
     </div>
   </div>
   </div>
 +
   <!-- Controls -->
   <!-- Controls -->
Line 386: Line 359:
</div> <!-- end of thumbnails -->
</div> <!-- end of thumbnails -->
</div> <!-- end of container -->
</div> <!-- end of container -->
 +
 +
<!--==================== footer ===========================-->
 +
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h4>Sponsors</h3>
 +
  </div> <!-- end of col-md-7-->
 +
  <div class="col-md-5">
 +
      <h4>Stay connected!</h4>
 +
      <p>email: <a href="#">xxxxx@gmail.com</a></p>
 +
  </div> <!--end of col-md-5-->
 +
</div> <!-- end of #footer -->
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
Line 391: Line 375:
     <!-- Latest compiled and minified JavaScript -->
     <!-- Latest compiled and minified JavaScript -->
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
     <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 +
 +
    <!-- essential javascript for navbar -->
 +
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
 +
    <script type="text/javascript">
 +
    $(document).ready(function() {
 +
$("#nav > li > ul").hide();
 +
$("#nav > li").mouseenter(function() {
 +
$(this).children("li > ul").slideDown(250);
 +
});
 +
        $("#nav > li").mouseleave(function() {
 +
$(this).children("li > ul").slideUp(250);
 +
});
 +
    });
 +
</script>
</body>
</body>
</html>
</html>

Latest revision as of 10:42, 23 August 2014

Team:CityU HK-Achievement

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.

...

Programming

blah blah blah

Learn more

...

Programming

blah blah blah

Learn more

Retrieved from "http://2014.igem.org/Team:CityU_HK/Achievement"