Team:CityU HK

From 2014.igem.org

(Difference between revisions)
 
(278 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:CityU_HK/Template}}
-
 
+
-
 
+
<html>
<html>
 +
<html lang="en">
-
<!--main content -->
+
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
-
<table width="70%" align="center">
+
-
 
+
-
 
+
-
<!--welcome box -->
+
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:CityU_HK&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:CityU_HK"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:CityU_HK/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
</tr>
+
<style>
-
+
/*.carousel-inner {
 +
-webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;*/
 +
}
 +
.carousel-inner .carousel-caption {
 +
padding-top: 100px;
 +
padding-bottom: 100px;
 +
     
 +
}
 +
.btn-custom {
 +
padding: 9px 30px 9px 30px;
 +
font-family: 'Quattrocento Sans', sans-serif;
 +
font-size: 20px;
 +
        border-bottom: 4px solid #36ae88;
 +
        color: #fff;
 +
        background: #4eecba;
 +
        font-weight: bold;
 +
        margin: 0 20px 40px 20px;
 +
}
 +
.btn-custom:hover {
 +
color: #fff;
 +
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
 +
}
-
</td>
+
.btn-custom:visited {
 +
color: #fff;
 +
        background-color: orange;
 +
        border-bottom: 4px solid #EC8318;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
#feature-icon img {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
        max-width: 100%;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
        max-height: 100%;
 +
}
 +
#abstract {
 +
background: #F0EEEA;
 +
 +
}
 +
 +
#abstract h2{
 +
color: #676767;
 +
text-align: center;
 +
margin-bottom: 40px;
 +
font-size: 4em;
 +
font-family: "brandon-grotesque", sans-serif;
 +
font-weight: 700;
 +
text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
 +
padding-top: 100px;
 +
margin-top: 0px;
 +
letter-spacing: 8px;
 +
}
-
<!--requirements section -->
+
#abstract p {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
        font-family: 'Raleway', sans-serif;
 +
line-height: 2em;
 +
text-align: center;
 +
padding-left: 200px;
 +
padding-right:200px;
 +
padding-top: 10px;
 +
padding-bottom: 100px;
 +
        font-size: 18px;
 +
        color: #444;
 +
}
-
<!-- Links to other team pages -->
+
</style>
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=CityU_HK">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:CityU_HK/Attributions">Attributions</a> </li>
+
-
</ul>
+
<body>
-
</td>
+
<!--========================== carousel ===============================-->
 +
 
 +
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
 +
  </ol>
-
<td > </td>
+
  <!-- Wrapper for slides -->
-
<td width="45%">
+
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/d/d7/CityU_HK_slide1.png" width=100% / >
-
<p>There are a few wiki requirements teams must follow:</p>
+
<div class="carousel-caption">
-
<ul>
+
        <a id="btn-custom" href="#Lower" id="#Lower class="anchorLink"><button class="btn btn-custom">ABSTRACT</button></a>
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
      </div>
-
<li>All pages must be created under the team’s name space.</li>
+
    </div>
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
    <div class="item">
-
<li>Do not use flash in wiki code. </li>
+
    <img src="https://static.igem.org/mediawiki/2014/4/4a/CityU_HK_slide2.png" />
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
        <div class="carousel-caption">
-
</ul>
+
            <a href="https://2014.igem.org/Team:CityU_HK/project/module_fad"><button class="btn btn-custom">FadD & FadL</button></a>
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
            <a href="https://2014.igem.org/Team:CityU_HK/project/module_tesA"><button class="btn btn-custom">'TesA</button></a>
 +
            <a href="https://2014.igem.org/Team:CityU_HK/project/module_desaturase"><button class="btn btn-custom">Desaturase</button></a>
 +
      </div>  
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_slide3.png">
 +
      <div class="carousel-caption">
 +
        <a href="https://2014.igem.org/Team:CityU_HK/HumanPractice"><button class="btn btn-custom">Learn More</button></a>
 +
      </div>
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/f/f6/CityU_HK_hp_group.JPG" width=100% />
 +
      <div class="carousel-caption">
 +
        <a href="https://2014.igem.org/Team:CityU_HK/TeamMember"><button class="btn btn-custom">Meet the Team</button></a>
 +
      </div>
 +
    </div>
-
</td>
+
  </div>
-
</tr>
+
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
  </a>
 +
</div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
 
 +
<!--===================== Abstract =========================-->
-
<!--tips  -->
 
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
 
-
<tr>
+
<div class="anchor" id="Lower"></div>
-
<td width="45%" valign="top">  
+
<div class="row" id="abstract">
-
<p>We are currently working on providing teams with some easy to use design templates.
+
  <div class="col-sm-12 col-md-12">
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
    <h2>Abstract</h2>
 +
    <p><b>Obesity</b> 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 <i>Escherichia coli</i> strain (called <b><font color=#3cc>Fit. Coli</font></b>) 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 <i>fadL</i> and <i>fadD</i> 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>
-
<ul>
+
  </div>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
</div>  
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
<!--==================== footer ===========================-->
-
</td>
+
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h3>Sponsors</h3>
 +
      <a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a>
 +
    <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a>
 +
      <img src="https://static.igem.org/mediawiki/2014/b/b1/CityU_HK_Invitrogen.png" width="100">
 +
    <img src="https://static.igem.org/mediawiki/2014/7/7a/CityU_HK_Neblogocol.png" width="135">
 +
    <img src="https://static.igem.org/mediawiki/2014/d/dc/CityU_HK_IDT-Logo.png" width="125">
 +
</div> <!-- end of col-md-7-->
-
<td> </td>
+
<div class="col-md-5">
-
<td width="45%">  
+
      <h3>Stay connected!</h3>
 +
      <p>email: <a href="mailto:cityuhk.igem@gmail.com">cityuhk.igem@gmail.com</a></p>
 +
      <a href="http://www.facebook.com/igem.2014CityU"><img src="https://static.igem.org/mediawiki/2014/3/31/CityU_HK_fb_logo.png" width="50" height="48"></a>
 +
      <a href="http://twitter.com/CityUHK_iGEM"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
 +
      <a href="http://www.youtube.com/channel/UC0_bUWwafB4m0K6mFdXN7-w"><img src="https://static.igem.org/mediawiki/2014/1/12/CityU_HK_youtube_logo.png" width="52" height="50"></a>
 +
</div> <!--end of col-md-5-->
 +
</div> <!-- end of row-->
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<div class="row">
 +
<div id="copyright" class="col-md-12">
 +
<p>Copyright &copy; iGEM CityU HK 2014. All Rights Reserved</p>
 +
</div>
 +
</div>
 +
<!--end of footer-->
-
<ul>
+
</body>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</html>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 00:22, 18 October 2014

Bootstrap 101 Template

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.

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