Team:NTU Taida

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:NTU_Taida/template/header}}
 +
{{:Team:NTU_Taida/template/css/bootstrap}}
-
<html>
+
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <title>NTU-Taida</title>
-
<!--main content -->
+
    <!-- Bootstrap -->
-
<table width="70%" align="center">
+
 +
    <link href='http://fonts.googleapis.com/css?family=Snippet|Cabin+Sketch:400,700|Flamenco|Shadows+Into+Light|Shadows+Into+Light+Two|Julius+Sans+One|Kranky|Megrim&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
 +
  <body>
 +
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation" >
 +
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
      <a href="https://2014.igem.org/Team:NTU_Taida"><img id="logo" width="70px"src="https://static.igem.org/mediawiki/2014/1/19/NTU_Taida_logo.jpg"></a>
 +
    </div>
-
<!--welcome box -->
+
    <!-- Collect the nav links, forms, and other content for toggling -->
-
<tr>
+
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
      <ul class="nav navbar-nav">
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
        <li class="active"><a href="https://2014.igem.org/Team:NTU_Taida/TEAM">TEAM</a></li>
-
<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:NTU_Taida&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
        <li class="dropdown">
-
<!-- end welcome box -->
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<span class="caret"></span></a>
-
<tr>  
+
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/problem">Problem (introduction)</a></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/PROJECT">Overview Mind Map</a></li>
 +
           
 +
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit1">Fad System</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit2">Skin Whitening --- PKEK</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit3"> Corneum decomposition --- Keratinase</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/Circuit4">Fragrance</a></li>
 +
          </ul>
 +
        </li>
 +
     
-
<!--navigation menu -->
+
        <li class="dropdown">
-
<td align="center" colspan="3">
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODELING<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" role="menu">
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
         
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M1">Our Simulation Progress</a></li>
 +
            <li class="divider"></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M2">Model 1</a></li>
-
<a href="https://2014.igem.org/Team:NTU_Taida"style="color:#000000">Home </a> </td>
+
         
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M3">Model 2</a></li>
 +
           
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M4">Model 3</a></li>
 +
            <li class="divider"></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M5">Curve fitting</a></li>
-
<a href="https://2014.igem.org/Team:NTU_Taida/Team"style="color:#000000"> Team </a> </td>
+
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M6">Background knowledge</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="https://2014.igem.org/Team:NTU_Taida/M7">Reference</a></li>
 +
          </ul>
 +
        </li>
 +
     
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
        <li class="dropdown">
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=NTU_Taida"style="color:#000000"> Official Team Profile </a></td>
+
          <a href="https://2014.igem.org/Team:NTU_Taida/SAFETY" >SAFETY</a>
 +
        </li>
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
  <li class="dropdown">
-
<a href="https://2014.igem.org/Team:NTU_Taida/Project"style="color:#000000"> Project</a></td>
+
          <a href="https://2014.igem.org/Team:NTU_Taida/PARTS" >PARTS</a>
 +
        </li>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
            <li class="dropdown">
-
<a href="https://2014.igem.org/Team:NTU_Taida/Parts"style="color:#000000"> Parts</a></td>
+
          <a href="https://2014.igem.org/Team:NTU_Taida/LOGBOOK" >LOGBOOK</a>
 +
        </li>
-
<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:NTU_Taida/Modeling"style="color:#000000"> Modeling</a></td>
+
        <li class="dropdown">
 +
          <a href="https://2014.igem.org/Team:NTU_Taida/HP1" >HUMAN PRACTICE</a>
 +
        </li>
-
<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:NTU_Taida/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:NTU_Taida/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>  
+
        <li class="dropdown">
-
<a href="https://2014.igem.org/Team:NTU_Taida/Attributions"style="color:#000000"> Attributions </a></td>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">SPONSORS<span class="caret"></span></a>
 +
          <ul class="dropdown-menu" role="menu">
 +
            <li><a href="Apex">ApexBio Biotech</a></li>
 +
            <li><a href="Lih">LihPao Life Science</a></li>
 +
          </ul>
 +
        </li>
-
<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>
+
        <li class="active">
-
</tr>
+
        <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/6/6f/NTU_Taida_iGEM_logo.jpg" width=30px;>
-
</table>
+
-
<!--end navigation menu -->
+
        MAIN PAGE 2014
-
</tr>
+
        </a> </li>
 +
         
 +
          <li class="active">
 +
        <a href="https://www.facebook.com/NationalTaiwanUniversityiGEM?fref=ts"><img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_Facebook.jpg" width=100px;>
 +
        </a></li>
 +
        </ul>
 +
       
 +
   
 +
</nav>
-
</tr>
+
  <div class="container">
-
+
 +
      <!-- Main component for a primary marketing message or call to action -->
 +
      <div class="jumbotron">
 +
       
 +
        <div align="center"><a href="#"><img src="https://static.igem.org/mediawiki/2014/1/1b/NTU_Taida_banner.jpg" style="width:1200px; height:510px;"></a></div>
 +
     
 +
<div class="title" align="center" style="width:1200px" float="left"><h2 style="background-color:#eeeeee">At a Glance!</h2></div>
 +
        <div align="center" style="width:1200px" float="left" >
 +
       
 +
        <h1><p>The <strong>OIL</strong> oozes and gives the skin a greasy shine, and that’s one of the most fearsome nightmare of human. </p></h1>
 +
        </div >
 +
<div align="center" style="width:1200px" float="left" ><center><h5  style="line-height:1.4em;font-size:110%;">We expect ourselves to solve this problem by producing skin-care ingredients with fatty acid metabolism related gene circuits, skin-guardians. In our project, we have three we have three different approaches: <em> skin whitening, corneum decomposition and fragrance producing</em>. When skin-guardians uptake excess oil and sebum through fadL, it will synthesis Acetyl Coenzyme A, which will change the structure of repressor, fadR losing its affinity to promoter, allowing downstream genes to be transcripted. The skin-care ingredient make us looks fair and tender. Living through theoretically and practical examinations, our skin- guardians proofed itself to be a great expectations in aesthetic Medicine.
 +
</h5></center></div>
 +
-
</td>
+
  <div align="center" style="width:1200px" float="left">
-
 
+
    <div align="center"><a href="#"><img src="https://static.igem.org/mediawiki/2014/e/e3/NTU_Taida_OVERVIEW.jpg" align="center" style="width:1200px; height:560px;"></a></div>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<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>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=NTU_Taida">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:NTU_Taida/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
-
<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>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<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>
+
-
</ul>
+
-
<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>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
-
 
+
-
<!--tips  -->
+
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
 
+
-
<tr>
+
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
   
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
    <div class="boxA"><a href="https://2014.igem.org/Team:NTU_Taida/TEAM"><img src="https://static.igem.org/mediawiki/2014/c/c9/NTU_Taida_team.jpg" width="200" height="200" alt="" /><h4>
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
    <center>Team</center></h4></div>
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
    <div class="boxB"><a href="https://2014.igem.org/Team:NTU_Taida/PROJECT"><img src="https://static.igem.org/mediawiki/2014/6/68/NTU_Taida_project.jpg" width="200" height="200" alt="" /><h4><center>Project</center></h4></div>
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
    <div class="boxC"><a href="https://2014.igem.org/Team:NTU_Taida/HP1"><img src="https://static.igem.org/mediawiki/2014/3/39/NTU_Taida_human_practice.jpg" width="200" height="200" alt="" /><h4>
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
    <center>Human Practice</center></h4></div>
-
</ul>
+
  </div>
 +
  <div align="center" style="width:1200px" float="left">
 +
    <div class="boxA"><a href="https://2014.igem.org/Team:NTU_Taida/M1"><img src="https://static.igem.org/mediawiki/2014/4/40/NTU_Taida_modeling.jpg" width="200" height="200" alt="" /><h4><center>Modeling</center></h4></div>
 +
    <div class="boxB"><a href="https://2014.igem.org/Team:NTU_Taida/SAFETY"><img src="https://static.igem.org/mediawiki/2014/a/ab/NTU_Taida_safety.jpg" width="200" height="200" alt="" /><h4>
 +
    <center>Safety</center></h4></div>
 +
    <div class="boxC"><a href="https://2014.igem.org/Team:NTU_Taida/PARTS"><img src="https://static.igem.org/mediawiki/2014/6/6e/NTU_Taida_notebook.jpg" width="200" height="200" alt="" /><h4>
 +
    <center>Parts</center></h4></div>
 +
  </div>
 +
     
 +
</div>
-
<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>
+
      <!--<div class="footer">
-
</td>
+
      <div class="container">
 +
        <p class="text-muted"><center>Place sticky footer content here.</center></p>
 +
      </div>
 +
    </div>
 +
    <-->
-
<td> </td>
 
-
<td width="45%">
 
-
<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> <!-- /container -->
-
<ul>
+
    <div class="footer">
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
      <div class="container">
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
        <p class="text-muted"><center></center></p>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
      </div>
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
    </div>
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-
<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>
+
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
<li>Have lots of fun! </li>
+
    <!-- Include all compiled plugins (below), or include individual files as needed -->
-
</ul>
+
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-
</br>
+
  </body>
-
</td>
+
</html>
-
</tr>
+
-
</table>
+

Latest revision as of 02:33, 18 October 2014


NTU-Taida

At a Glance!

The OIL oozes and gives the skin a greasy shine, and that’s one of the most fearsome nightmare of human.

We expect ourselves to solve this problem by producing skin-care ingredients with fatty acid metabolism related gene circuits, skin-guardians. In our project, we have three we have three different approaches: skin whitening, corneum decomposition and fragrance producing. When skin-guardians uptake excess oil and sebum through fadL, it will synthesis Acetyl Coenzyme A, which will change the structure of repressor, fadR losing its affinity to promoter, allowing downstream genes to be transcripted. The skin-care ingredient make us looks fair and tender. Living through theoretically and practical examinations, our skin- guardians proofed itself to be a great expectations in aesthetic Medicine.