Team:NTU Taiwan/index.html

From 2013.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
<html lang="en">
-
<html style="overflow: hidden;">
+
<head>
-
     <head>
+
    <title> iGEM-NTU-Taiwan </title>
-
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
        <title>iGem2013 NTU-Taiwan</title>
+
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
        <!-- <link href="./stylesheets/igem.css?action=raw&ctype=text/css" rel="stylesheet"> -->
+
    <link rel="stylesheet" type="text/css" href="stylesheet/other.css?action=raw&ctype=text/css">
-
        <link href="./stylesheets/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
    <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">
-
        <link href="./stylesheets/bootstrap-responsive.css?action=raw&ctype=text/css" rel="stylesheet">
+
    <!--[if IE 7]>
-
        <link href="./stylesheets/bootstrap-lightbox.css?action=raw&ctype=text/css" rel="stylesheet">
+
        <link rel="stylesheet" href="stylesheet/font-awesome-ie7.min.css">
-
        <link href="./stylesheets/style.css?action=raw&ctype=text/css" rel="stylesheet">
+
    <![endif]-->
-
        <link href="./stylesheets/m-styles.css?action=raw&ctype=text/css" rel="stylesheet">
+
    <link rel="stylesheet" type="text/css" href="stylesheet/index.css?action=raw&ctype=text/css">
-
        <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
+
-
        <link href="./stylesheets/dp_calendar.css?action=raw&ctype=text/css" rel="stylesheet">
 
-
        <link href="./stylesheets/font.css?action=raw&ctype=text/css" rel="stylesheet">
 
-
       
 
-
        <script>
 
-
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
-
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
-
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
-
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
-
            ga('create', 'UA-42671084-1', 'herokuapp.com');
+
    <style type="text/css">
-
             ga('send', 'pageview');
+
        #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
         </script>
+
            display:none;
 +
        }
 +
        #top-section {
 +
             border: none;
 +
            height: 0px;
 +
         }
 +
        #content {
 +
            border: none;
 +
            color: inherit;
 +
        }
 +
        #menubar > ul > li:last-child {
 +
            display: none;
 +
        }
 +
        .left-menu:hover {
 +
            background-color: transparent;
 +
        }
 +
        #menubar li a {
 +
            background-color: transparent;
 +
        }
 +
        #menubar:hover {
 +
            color: white;
 +
        }
 +
        #menubar li a {
 +
            color: transparent;
 +
        }
 +
        #menubar:hover li a {
 +
            color: white;
 +
        }
 +
        #content{
 +
            position: inherit;
 +
            width: auto;
 +
            padding: 0;
 +
            border-left: 0;
 +
            border-right: 0;
 +
        }
 +
        #globalWrapper{
 +
            position: inherit;
 +
            font-size: inherit;
 +
            padding-bottom: 0;
 +
        }
 +
        #footer{
 +
            text-align: inherit;
 +
        }
 +
        p{
 +
            line-height: inherit;
 +
        }
 +
        #bodyContent h1{
 +
            margin-bottom: inherit;
 +
        }
-
         <style type="text/css">
+
         h1, h2, h3, h4, h5, h6{
-
            #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
             border-bottom: inherit;
-
                display:none;
+
             padding-top: 0;
-
             }
+
             padding-bottom: 0;
-
            #top-section {
+
        }
-
                border: none;
+
-
                height: 0px;
+
-
            }
+
-
            #content {
+
-
                border: none;
+
-
                color: #fff;
+
-
            }
+
-
            #menubar > ul > li:last-child {
+
-
                display: none;
+
-
             }
+
-
            .left-menu:hover {
+
-
                background-color: transparent;
+
-
            }
+
-
            #menubar li a {
+
-
                background-color: transparent;
+
-
            }
+
-
            #menubar:hover {
+
-
                color: white;
+
-
            }
+
-
            #menubar li a {
+
-
                color: transparent;
+
-
            }
+
-
            #menubar:hover li a {
+
-
                color: white;
+
-
            }
+
-
            #content{
+
-
                position: inherit;
+
-
                width: auto;
+
-
                padding: 0px;
+
-
                border-left: 0px;
+
-
                border-right: 0px;
+
-
             }
+
-
            #globalWrapper{
+
-
                position: inherit;
+
-
                font-size: inherit;
+
-
                padding-bottom: 0px;
+
-
            }
+
-
            #footer{
+
-
                text-align: inherit;
+
-
            }
+
-
            p{
+
-
                line-height: inherit;
+
-
            }
+
-
            #bodyContent h1{
+
-
                margin-bottom: inherit;
+
-
            }
+
-
        </style>
+
-
    </head>
+
-
    <body data-spy="scroll" data-target=".navbar" data-offset="64" onload="$.stellar();" style="">
+
        #bodyContent a[href ^="https://"], #bodyContent a[href ^="mailto:"] {
-
         <div id="preloader">
+
            background-image: none;
-
             <div id="status">&nbsp;</div>
+
            padding-right: inherit;
-
        </div>
+
         }
-
     <!--start navigation-->
+
 
-
         <div class="navbar navbar-fixed-top" id="navigation">
+
        #bodyContent>p{
-
            <div class="navbar-inner">
+
             height: 0;
 +
            margin-bottom: 0;
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
     <div id="wrapper">
 +
         <div class="container">
 +
            <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
                 <div class="container">
                 <div class="container">
-
                     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
                     <!-- Brand and toggle get grouped for better mobile display -->
-
                        <span class="icon-bar"></span>
+
                    <div class="navbar-header">
-
                        <span class="icon-bar"></span>
+
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
-
                        <span class="icon-bar"></span>
+
                            <span class="icon-bar"></span>
-
                    </a>
+
                            <span class="icon-bar"></span>
-
                    <a href="#intro" class="brand">
+
                            <span class="icon-bar"></span>
-
                         <img src="http://ntu-best.herokuapp.com/img/TaiwanLogo.png" alt="">
+
                        </button>
-
                    </a>
+
                         <!-- <a class="navbar-brand" href="#">IGem-Taiwan</a> -->
-
                    <div class="nav-collapse collapse">
+
                    </div>
-
                        <ul class="nav pull-right">
+
-
                            <li class="active"><a href="#intro">Home</a> </li>
+
-
                            <li><a href="#basic-top">Intro</a></li>
+
-
                            <li><a href="#igem-top">IGEM</a></li>  
+
-
                           
+
-
                            <li><a href="#works-top">Works</a></li>
+
-
                            <!-- <li class="dropdown-submenu">
+
                    <!-- Collect the nav links, forms, and other content for toggling -->
-
                                <a tabindex="-1" href="#works-top">Works</a>
+
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
 +
                        <ul class="nav navbar-nav" id="navbar">
 +
                            <li> <a href="#" style="font-size: 18px"> NTU-Taiwan </a> </li>
 +
 
 +
                            <li> <a href="#Background"><i class="icon-inbox"></i> Background </a> </li>
 +
                            <li class="dropdown">
 +
                                <a class="dropdown-toggle pointer-cursor" data-toggle="dropdown"><i class="icon-file-text"></i> Project <b class="caret"></b></a>
                                 <ul class="dropdown-menu">
                                 <ul class="dropdown-menu">
-
                                     <li><a href="#basic-top">Intro</a></li>
+
                                     <li> <a href="#BasicResearch">Basic Research</a> </li>
-
                                     <li><a href="#igem-top">IGEM</a></li>
+
                                     <li> <a href="#Application">Application</a> </li>
-
                                     <li><a href="#works-top">Works</a></li>
+
                                    <li> <a href="#Modeling">Modeling</a></li>
 +
                                    <li> <a href="#Protocol">Protocol</a> </li>
 +
                                    <li> <a href="http://parts.igem.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2013&group=NTU_Taiwan">Parts</a></li>
 +
                                     <li> <a href="#ProjectResult">Result</a></li>
                                 </ul>
                                 </ul>
-
                             </li> -->
+
                             </li>
                              
                              
-
                             <li><a href="#gallery-top">Gallery</a></li>
+
                             <li><a href="#Safety"><i class="icon-warning-sign"></i> Safety</a></li>
-
                             <li><a href="#team-top">Team</a></li>
+
                             <li class="dropdown">
-
                             <li><a href="#calendar-top">Calendar</a></li>
+
                                <a class="dropdown-toggle pointer-cursor" data-toggle="dropdown"><i class="icon-trophy"></i> Human practice <b class="caret"></b></a>
-
                             <li><a href="#contact-top">Contact</a></li>
+
                                <ul class="dropdown-menu">
 +
                                    <li> <a href="#Cooperation">Cooperation</a> </li>
 +
                                    <li> <a href="#App">App</a> </li>
 +
                                    <li> <a href="#Conference">Conference</a></li>
 +
                                    <li> <a href="#Azalea_Festival">Azalea Festival</a> </li>
 +
                                    <li> <a href="#Poster">Poster Presentation</a></li>
 +
                                </ul>
 +
                            </li>
 +
 
 +
                            <li class="dropdown">
 +
                                <a class="dropdown-toggle pointer-cursor" data-toggle="dropdown"><i class="icon-group"></i> Team<b class="caret"></b></a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li> <a href="#teamMember">Team Member</a> </li>
 +
                                    <li> <a href="#attribution">Attribution</a> </li>
 +
                                    <li> <a href="#acknowledgement">Acknowledgement</a></li>
 +
                                </ul>
 +
                            </li>
 +
                             <li><a href="#Calendar"> <i class="icon-calendar"></i>Calendar </a> </li>
 +
                             <li><a href="#Photos"> <i class="icon-instagram"></i>Photos </a> </li>
 +
                        </ul>
 +
 
 +
                        <ul class="nav navbar-nav navbar-right">
 +
                            <li><a href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM">
 +
                                <i class="icon-facebook-sign" style="line-height: 20px;"></i>
 +
                            </a></li>
                         </ul>
                         </ul>
                     </div>
                     </div>
                 </div>
                 </div>
-
             </div>
+
             </nav>
         </div>
         </div>
-
         <section id="intro">
+
         <div class="content">
-
             <div id='intro-background'></div>
+
             <section id="preloader" class="container" style="height: 500px">
 +
            </section>
 +
        </div>
 +
 
 +
        <footer>
             <div class="container">
             <div class="container">
-
                 <div class="row">
+
                 <div class="row divide">
-
                     <div class="span8 offset2 margin25">
+
                     <div class="col-md-3">
-
                         <div id="carousel_fade_intro" class="carousel slide carousel-fade">
+
                         <a href="https://2013.igem.org/Main_Page" class="brand">
-
                             <div class="carousel-inner">
+
                             <img src="https://static.igem.org/mediawiki/2013/b/b8/NTU_TAIWAN_Igem_Logo.png" alt="">
-
                                <div class="inactive item active">
+
                        </a>
-
                                    <h2><b>iGem 2013-NTU Taiwan</b></h2>
+
                        <div>2013 © NTU-Taiwan.</div>
-
                                </div>
+
                        <div class="divide">Please contact us<br/> If we violate any copywright</div>
-
                                <div class="inactive item">
+
                        <div>Produced by <br> <a href="mailto:b99902006@ntu.edu.tw" target="_blank">PoHsien Wang</a></div><br>
-
                                    <h2>Working with Thermogenic Yeast</h2>
+
-
                                </div>
+
-
                                <div class="inactive item">
+
-
                                    <h2>and apps with knowledge of iGEM competition and synthetic biology.</h2>
+
-
                                </div>
+
-
                                <div class="inactive item">
+
-
                                    <h2>Let's go!!</h2>
+
-
                                </div>
+
-
                            </div>
+
-
                        </div>
+
                     </div>
                     </div>
-
                 </div>
+
 
 +
                    <div class="col-md-6 thanks">
 +
                        <h2> Special Thanks</h2>
 +
                        <img src="https://static.igem.org/mediawiki/2013/5/5f/BST.png" alt-src="images/thanks/BST.png" alt="">
 +
                        <img src="https://static.igem.org/mediawiki/2013/2/29/CSIE.png" alt-src="images/thanks/CSIE.png" alt="">
 +
                        <img src="https://static.igem.org/mediawiki/2013/d/d6/NTHU.png" alt-src="images/thanks/NTHU.png" alt="">
 +
                        <img src="https://static.igem.org/mediawiki/2013/c/c1/NTU.png" alt-src="images/thanks/NTU.png" alt="">
 +
                        <img src="https://static.igem.org/mediawiki/2013/c/c2/Ntuee.png" alt-src="images/thanks/ntuee.png" alt="">
 +
                    </div>
 +
                    <div class="col-md-3">
 +
                        <h2> Contacts </h2>
 +
                        <ul>
 +
                            <li><a href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM" target="_blank">Facebook</a></li>
 +
                            <li><a href="https://igem.org/Team.cgi" target="_blank">iGEM Website</a></li>
 +
                            <li><a href="mailto:igemntubest@gmail.com" target="_blank">Email Us</a></li>
 +
                        </ul>
 +
                    </div> 
 +
                 </div>
             </div>
             </div>
-
            <div class="fadeInUp delay animated hidden-phone" id="more">
+
        </footer>
-
                <a href="#basic-top" class="m-btn a-btn red big icn-only"><i class="icon-sort-down icon-3x pull-left"></i></a>
+
    </div>
 +
 
 +
    <script src="javascript/other.js?action=raw"></script>
 +
    <script src="javascript/lightbox-2.6.min.js?action=raw"></script>
 +
    <script src="javascript/index.js?action=raw"></script>
 +
 
 +
    <script type="text/template" id="index">
 +
        <section class="green-background color-rainbow">
 +
            <div id="particleSystem">
 +
                <span class="particle particle--c"></span>
 +
                <span class="particle particle--a"></span>
 +
                <span class="particle particle--b"></span>
             </div>
             </div>
 +
            <h1 class=" rainbow-text header">iGEM-NTU-Taiwan YeasTherm</h1>
 +
            <p class="header container">
 +
                <img class="spin" alt-src="images/LaboratoryLevels.png" src="/wiki/images/9/91/NTU_TAIWAN_LaboratoryLevels.png"><br/>
 +
                National Taiwan University<br/>
 +
                Working on Thermogenic Yeast<br/>
 +
                Apps with concept of iGEM competition and synthetic biology.
 +
            </p>
         </section>
         </section>
 +
        <div class="container divide" id="index-icons">
 +
            <div class="row text-center">
 +
                <div class="col-md-4 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Product">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-circle icon-stack-base font-red"></i>
 +
                              <i class="icon-cogs icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Product </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-4 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Abstract">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-circle icon-stack-base font-blue"></i>
 +
                              <i class="icon-file-alt icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Abstract </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-4 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Motivation">
 +
                        <div class="row ">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-circle icon-stack-base font-yellow"></i>
 +
                              <i class="icon-lightbulb icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Motivation </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Product">
 +
            <section class="red-background">
 +
                <h1 class="header">Product</h1>
 +
            </section>
 +
            <div class="container divide">
 +
                <p>In this year, iGEM NTU_Taiwan team aims at making a biological heating device which can produce appropriate heat at low temperatures. The feature of this device is that it can respond differently to temperature and produce heat in an efficient and economical manner.
 +
                </p>
 +
                <p>What a crazy project! This biological device is really charming, isn&#39;t it? Let us show you our project! <br/>
 +
                <div class="row text-center"><h3>Let&#39;s go!</h3></div>
 +
                </p>
 +
            </div>
 +
        </div>
-
    <!--start basic header-->
+
         <div id="Abstract">
-
         <section id="basic-top">
+
             <section class="blue-background">
-
    <!--start basic-desktop header-->
+
                 <h1 class="header">Abstract </h1>
-
             <section id="basic-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
-
                 <h1 class="header">Intro</h1>
+
-
                <p class="header">Our goal</p>
+
             </section>
             </section>
-
    <!--start basic-mobile header-->
+
            <div class="container divide">
-
            <section id="basic-top-mobile" class="hidden-desktop">
+
                <p class="col-md-8">
-
                 <h1 class="header">IGEM</h1>
+
                In Taiwan, fish farmers lose a large amount of fish, because temperature falls dramatically when cold current comes in winter. Of course, fish farmers try to prevent fish from dying. However, current methods do not work well and even cause damages to the environment. In 2013 iGEM competition, NTU_Taiwan team tries to make a bio-heating device. We transform an UCP homologue from themogenic plants into yeast. UCP is a thermogenic protein which can produce heat by interacting with the electron transport chain. By designing a genetic circuit, we want to well control the power of our bio-heating device. In addition, we want to simulate the effect of our device on fish ponds in reality after testing the heating power of our device.
-
                 <p class="header">Our goal</p>
+
                </p>
 +
                <div class="col-md-4">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2013/8/8f/NTU_TAIWAN_Temp.jpg" alt-src="images/temp.jpg">
 +
                 </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="Motivation">
 +
            <section class="yellow-background">
 +
                 <h1 class="header">Motivation </h1>
             </section>
             </section>
 +
            <div class="container divide">
 +
                <p>
 +
                There are 4 farming fishing among top 15 fishing output in Taiwan. The output value of farming fish is second only to deep sea fishing. Unfortunately, in winter, we see news about large amount of fish died due to low temperature. In winter, cold current which comes from the Mongolia dramatically decreases the temperature and causes fish to die. As you know that fish is cold-blood animal, they can&rsquo;t get with the rapid temperature change. For example, milkfish (Chanos chanos) dies for two major reasons. The first one is dramatical temperature decrease. The second one is vibrios infection. If the temperature stays low in about 10 degree, the mucosa on the fish body will peel off and cause milkfish to die for vibrios infection. </p><p>Fish farmers currently pump the groundwater to warm up the pound but it will damage the stratum. On the other hand, they build up wind shields and dig deeper pounds to resist the cold wind, but it can only increase about 2-3 degree. In addition, some engineers try to heat up the water by electricity, however, fish farmers can&lsquo;t afford the expenses, The method is not realistic. Fish farmers are in passive position because no one knows whether the fish can survive in this time or not. It just likes a gambling, they can only fish the fish before the coming of cold current. Besides Taiwan, Japanese fish farmers also have this problem. The farming fishers in Japan heat up the water by hot water from nuclear power plant. Lack of this heating source brought huge loss in Japanese farming fish business. In May, 2012, they lost 47% output of white trevally and 35% output of shellfish in Fukui Prefecture.</p><p> To sum up, we want to solve this problem by using a brand new method called synthetic biology. We want to make a device to slow down the decreasing of temperature and keep water in a specific temperature. It will be helpful in lessening the death of fish. Our goal is to make a device which can heat up the water in low temperature.
 +
                </p>   
 +
            </div>
 +
        </div>
 +
    </script>
 +
 +
    <script type="text/template" id="Background">
 +
        <section class="blue-background">
 +
            <h1 class="header">UCP</h1>
         </section>
         </section>
-
    <!--start basic-->
+
         <div class="container divide essay">
-
         <section id="basic">
+
            <p>
-
            <div class="container">
+
                White and brown adipose tissues (WAT and BAT) serve important opposite functions in overall energy balance. While WAT is specialized in energy storage in the form of triacylglycerols, BAT functions to dissipate energy in the form of heat (thermogenesis).BAT possess abundant mitochondria with uncoupling proteins 1(UCP1). UCP1 is a 6-transmembrane protein in inner mitochondria membrane, and it has been proposed to constitute three symmetrical membrane-spanning &ldquo;Us&rdquo;, each comprising about 100 amino acids(fig.1).The functional UCP is believed to be dimer.
-
                <div class="row divide">
+
            </p>
-
                    <div class="span12">
+
            <img class="tipReveal img-responsive" src="https://static.igem.org/mediawiki/2013/2/26/NTU_TAIWAN_Image001.png" alt-src="images/image001.png" style="display: block; margin: auto;"> <!--help!!!圖片放中間-->
-
                        <ul class="thumbnails">
+
            <div class="tip">
-
                            <li class="span">
+
                 (fig.1 The protein (33kDa,306 amino acids) contains six transmembrane alpha-helices, proposed to constitute three symmetric repeats.)
-
                                <div class="thumbnail">
+
-
                                    <i class="icon-user-md icon-emphasize"></i>
+
-
                                    <h4>Abstract</h4>
+
-
                                    <span>What we are doing</span>
+
-
                                    <p>In Taiwan, fish farmers lose a large amount of fish, because temperature falls dramatically when cold current comes in winter. Ofcourse, fish farmers try to prevent fish from death dying; however, the current methods do not work well. Moreover, they cause damage to the environment.
+
-
                                    In 2013 iGEM competition, NTU-Taiwan team tries to make a bio-heating device. We transform the SrUCP (uncoupling protein) into yeast. UCP is thermogenic protein which can produce heat by interacting with the electron transport chain. By designing the gene circuit, we want to well control the power of the bio-heating device. In addition, we want to simulate the pound environment in reality by computer and the test results after using our device in low temperature.</p>
+
-
                                </div>
+
-
                            </li>
+
-
                            <li class="span">
+
-
                                <div class="thumbnail">
+
-
                                    <i class="icon-compass icon-emphasize"></i>
+
-
                                    <h4>Motivation and Specific Aim</h4>
+
-
                                    <p>There are 4 farming fishing among top 15 fishing output in Taiwan. The output value of farming fish is second only to deep sea fishing. Unfortunately, in winter, we see news about large amount of fish died due to low temperature. In winter, cold current which comes from the Mongolia dramatically decreases the temperature and causes fish to die. As you know that fish is cold-blood animal, they can’t get with the rapid temperature change.
+
-
                                    For example, milkfish (Chanos chanos) dies for two major reasons. The first one is dramatical temperature decrease. The second one is vibrios infection. If the temperature stays low in about 10 degree, the mucosa on the fish body will peel off and cause milkfish to die for vibrios infection. Fish farmers currently pump the groundwater to warm up the pound but it will damage the stratum. On the other hand, they build up wind shields and dig deeper pounds to resist the cold wind, but it can only increase about 2-3 degree. In addition, some engineers try to heat up the water by electricity, however, fish farmers can’t afford the expenses, The method is not realistic. Fish farmers are in passive position because no one knows whether the fish can survive in this time or not. It just likes a gambling, they can only fish the fish before the coming of cold current.
+
-
                                    Besides Taiwan, Japanese fish farmers also have this problem. The farming fishers in Japan heat up the water by hot water from nuclear power plant. Lack of this heating source brought huge loss in Japanese farming fish business. In May, 2012, they lost 47% output of white trevally and 35% output of shellfish in Fukui Prefecture.
+
-
                                    To sum up, we want to solve this problem by using a brand new method called synthetic biology. We want to make a device to slow down the decreasing of temperature and keep water in a specific temperature. It will be helpful in lessening the death of fish. Our goal is to make a device which can heat up the water in low temperature.</p>
+
-
                                </div>
+
-
                            </li>
+
-
                            <li class="span12">
+
-
                                <div class="thumbnail">
+
-
                                    <i class="icon-bell icon-emphasize"></i>
+
-
                                    <h4>Recent Event</h4>
+
-
                                    <p> <ul class="icons-ul">
+
-
                                       
+
-
                                        <li> <i class="icon-li icon-ok" style="position: static"> </i> 2013/7/10 Conference with Berkeley iGEM </li>
+
-
                                        <li> <i class="icon-li icon-ok" style="position: static"> </i> 2013/7/14 conference with UT-Tokyo iGEM </li>  
+
-
                                        <li> <i class="icon-li icon-ok" style="position: static"> </i> 2013/8/5 ~ 8/8 Conference in Jiao Tong University </li>
+
-
                                       
+
-
                                    </ul> </p>
+
-
                                </div>
+
-
                            </li>
+
-
                        </ul>
+
-
                    </div>
+
-
                 </div>
+
             </div>
             </div>
 +
            <p>
 +
                Mitochondria uncoupling proteins 1(UCP1) are members of the family of mitochondrial anion carrier proteins (MACP). It facilitates the transfer of anions from the inner to the outer mitochondrial membrane and the return transfer of protons from the outer to the inner mitochondrial membrane. [2][3]UCPs separate oxidative phosphorylation from ATP synthesis with energy dissipated as heat, also referred to as the mitochondrial proton leak.
 +
            </p><p>
 +
            UCP has been found in several species, including mammals and plants. Skunk cabbage(Symplocarpus foetidus)is a thermogenic plant, using srUCPs to resist in dramatic temperature decreases in the environment. In 1999, Dr. Kikukatsu Ito found that there are two types of SrUCPs, designated as SrUCPA and SrUCPB [4]. SrUCPA is proposed to be the functional thermogenic prtein, and SrUCPB serves as a regulator in thermogenesis in Skunk cabbage.[5][6] We use SrUCPA gene as our material to construct our plasmid.<br/><br/>
 +
            Reference:<br/>
 +
            [1] Brown adipose tissue: function and physiological significance. Cannon B, Nedergaard J. Physiol Rev. 2004 Jan.<br/>
 +
            [2] Uncoupling proteins: the issues from a biochemist point of view. Klingenberg M, Echtay KS. Biochim Biophys Acta. 2001 Mar 1;1504(1):128-43.<br/>
 +
            [3] Mitochondrial Uncoupling Proteins in Mammals and Plants. Jirı´ Borecky´, Ivan G. Maia, and Paulo Arruda. Bioscience Reports, Vol. 21, No. 2, April 2001 (2001).<br/>
 +
            [4] Isolation of two distinct cold-inducible cDNAs encoding plant uncoupling proteins from the spadix of skunk cabbage (Symplocarpus foetidus). Kikukatsu Ito. Plant Science Vol. 149, Issue 2, 3 Dec. 1999, P.167–173.<br/>
 +
            [5] Characterization of the plant uncoupling protein, SrUCPA, expressed in spadix mitochondria of the thermogenic skunk cabbage. Yasuko Ito-Inaba, Yamato Hida, Megumi Ichikawa, Yoshiaki Kato and Tetsuro Yamashita. Journal of Experimental Botany, Vol. 59, No. 4, pp. 995–1005, 2008.<br/>
 +
            [6] Functional Coexpression of the Mitochondrial Alternative Oxidase and Uncoupling Protein Underlies Thermoregulation in the Thermogenic Florets of Skunk Cabbage. Yoshihiko Onda, Yoshiaki Kato, Yukie Abe, Takanori Ito, Miyuki Morohashi, Yuka Ito,Megumi Ichikawa4, Kazushige Matsukawa, Yusuke Kakizaki, Hiroyuki Koiwa, and Kikukatsu Ito. Plant Physiology, February 2008, Vol. 146, pp. 636–645.<br/>
 +
 +
            </p>
 +
        </div>
 +
 +
        <section class="lightblue-background">
 +
            <h1 class="header">Shuttle Vector</h1>
         </section>
         </section>
 +
        <div class="container divide essay">
 +
        <p>
 +
            Shuttle vector is a vector that can propagate in different species, used to make gene amplifications quickly in <i>E. coli</i>, mutagenesis, and PCR.[1] Generally, these plasmid vectors contain genetic material derived from the <i>E.coli</i>, origin of replication which enable them to be propagated in <i>E.coli</i> cells prior to transformation into yeast cells, and a selectable marker (mainly the ß-lactamase gene, amp) for the bacterial host.
 +
        </p><p>
 +
            The most common shuttle vector is yeast shuttle which can be propagated in yeast and <i>E.coli</i>.There are four types of shuttle vectors.[2]
 +
            </p>
 +
            (1) Integrative plasmids (YIp) : Foreign DNAs integrate into the host genome(YIp) by homologous recombination, then resulting in one copy of transformed DNA.<br/>
 +
            (2) Episomal plasmids (YEp) : carry part of 2μ plasmid DNA sequence necessary for autonomous replication. Multiple copies of the transformed plasmid are propagated in the yeast cell and maintained as episomes.<br/>
 +
            (3) Autonomously replicating plasmids (YRp) : carry a yeast origin of replication, ARS sequence, that allows the transformed plasmids to be propagated several hundredfold.<br/>
 +
            (4) Cen plasmids (YCp) : carry an ARS sequence and a centromeric sequence which normally guarantees stable mitotic segregation and reduces the copy number of self-replicated plasmid to just one.<br/></p>
 +
            <p>Here, we choose Episomal plasmids (YEp) as our vectors.</p>
 +
            <br/>
 +
            Reference:<br/>
 +
            [1] Transformation of yeast by a replicating hybrid plasmid. Beggs, J.D. Nature 275 (1978) 104-109.<br/>
 +
            [2] A System of Shuttle Vectors and Yeast Host Strains Designed for Efficient Manipulation of DNA in <i>Saccharomyces ceratisiae</i>. Robert S. Sikorski and Philip Hieter. Genetics 122: 19-27 (May, 1989).
 +
        </div>
 +
    </script>
-
     <!--start igem header-->
+
     <script type="text/template" id="Bioheater">
-
        <section id="igem-top">
+
        <section class="purple-background">
-
    <!--start igem-desktop header-->
+
            <h1 class="header">BioHeater</h1>
-
            <section id="igem-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
-
                <h1 class="header">IGEM</h1>
+
-
                <p class="header">International Biology competition</p>
+
-
            </section>
+
-
    <!--start igem-mobile header-->
+
-
            <section id="igem-top-mobile" class="hidden-desktop">
+
-
                <h1 class="header">IGEM</h1>
+
-
                <p class="header">International Biology competition</p>
+
-
            </section>
+
         </section>
         </section>
-
    <!--start igem-->
+
         <div class="container divide essay">
-
         <section id="igem">
+
            <p>
-
            <div class="container">
+
                UCP1 can transport protons through two different hypothesized mechanisms. In the first model, UCP1 transfers protons from intermembrane space to mitochondria matrix. Fatty acids provide essential free carboxy groups catalyzing proton (H+) translocation. In this model, Coenzyme Q(CoQ) serves as a necessary cofactor of UCP1, activating the protein functions.
-
                <div class="row divide">
+
            </p><p>
-
                    <div class="span12">
+
                In the second model, free fatty acids (FFAs) combine with protons with carboxy groups, then flipping across inner mitochondria membrane. After FFAs flipping to the matrix side, UCP1 removes protons from carboxy groups, flipping the anion form FFAs back to the innermembrane space. (fig.??)The anion form FFAs bind to protons again, transferring more protons into the matrix.
-
                        <ul class="thumbnails">
+
            </p><p>
-
                            <li class="span">
+
                Through these two different mechanisms, proton gradient on either side of inner membrane are formed. Generally, the oxidative phosphorylation of ADP into ATP takes place within the mitochondrial inner membrane respiratory chain. However, the coupling of mitochondrial respiration and ATP synthesis is not complete (Nicholls, 1974; Brand, 1977). Thus in several tissues there is a proton leak through the inner mitochondrial membrane that is not associated with ATP synthesis. And in these tissues, UCPs produce heat.<i class="tipReveal">[*]</i><br/>
-
                                <div class="thumbnail">
+
           
-
                                    <i class="icon-asterisk icon-emphasize"></i>
+
                <u class='tip'>
-
                                    <h4>Introduction</h4>
+
                    [*]Thermoregulation: what role for UCPs in mammals and birds? Mozo J, Emre Y, Bouillaud F, Ricquier D, Criscuolo F. Biosci Rep. 2005 Jun-Aug;25(3-4):227-49.
-
                                    <span>synthetic biology competition</span>
+
                </u>
-
                                    <p>The International Genetically Engineered Machine (iGEM) competition is a worldwide synthetic biology competition that was initially aimed at undergraduate university students, but has since expanded to include divisions for high school students and entrepreneurs.
+
            </p>
 +
        </div>
 +
    </script>
-
                                    Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. Randy Rettberg, an engineer who has worked for technology companies including Apple, Sun and BBN, is the director of the iGEM competition.</p>
+
   
-
                                </div>
+
    <script type="text/template" id="Cooperation">
-
                            </li>
+
        <section class="red-background">
-
                            <li class="span">
+
            <h1 class="header">Cooperation</h1>
-
                                <div class="thumbnail">
+
        </section>
-
                                    <i class="icon-comment icon-emphasize"></i>
+
-
                                    <h4>Competition details</h4>
+
-
                                    <p>Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. Randy Rettberg, an engineer who has worked for technology companies including Apple, Sun and BBN,[1] is the director of the iGEM competition.</p>
+
-
                                </div>
+
-
                            </li>
+
-
                            <li class="span">
+
-
                                <div class="thumbnail">
+
-
                                    <i class="icon-location-arrow icon-emphasize"></i>
+
-
                                    <h4>Growth and recent years</h4>
+
-
                                    <p>iGEM developed out of student projects conducted during MIT's Independent Activities Periods in 2003 and 2004.[3][4] Later in 2004, a competition with five teams from various schools was held. In 2005, teams from outside the United States took part for the first time.[5] Since then iGEM has continued to grow, with 130 teams entering in 2010.[6]
+
-
                                    Because of this increasing size, in 2011 the competition was split into three regions: Europe, the Americas, and Asia (though teams from Africa and Australia also entered via "Europe" and "Asia" respectively).[7] Regional jamborees will occur during October; and some subset of teams attending those events will be selected to advance to the World Championship at MIT in November.[8]
+
        <div class="container divide essay">
 +
            <ul>
 +
                <li>
 +
                    Collaborate with Perdue iGEM team: <br/><br/>
 +
                    <p>We collaborated with Perdue iGEM team to design a better version of datasheet with them. We complete their questionnaire and provide some idea.</p>
 +
                    <p>Following is one of the beta-version of <b>Purdue iGEM team&#39;s</b> datasheet. </p>
 +
                    <embed src="https://static.igem.org/mediawiki/igem.org/c/c7/Datasheet_Composite_Part_Example.pdf" style="width: 100%; height: 500px"></embed>
 +
                </li>
 +
                <br/>
-
                                    In January 2012 the iGEM Foundation was spun out of MIT as an independent non-profit organization located in Cambridge, Massachusetts, USA. The iGEM Foundation supports scientific research and education through operating the iGEM competition.
+
                <li>Kyoto iGEM team: <br/><br/>
 +
                    <div class="row">
 +
                        <div class="col-md-7" style="margin-top: 40px">
 +
                        <p>We are helping <a href="https://2013.igem.org/Team:Kyoto/Cooperation">Kyoto iGEM team</a> to charaterise their parts. They sent 13 parts to us. First, we transformed their parts into <i>E.coli</i> and do sequence. Then We keep discussing how to design the construction and which gene should we use in the characterisation.</p>
 +
                        </div>
-
                                    For the 2012 competition iGEM expanded into having not only the Collegiate division, but also competitions for entrepreneurs and high school students.</p>
+
                        <div class="col-md-5">
-
                                </div>
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/igem.org/6/6d/HUMANPRACTICE_2.jpg" alt-src="./images/Human_practice/HUMANPRACTICE_2.jpg">
-
                             </li>
+
                         </div>
-
                         </ul>
+
                     </div>
                     </div>
 +
                </li>
 +
               
 +
                <li>NTU_Taida iGEM team: <br/><br/>
 +
                    <div class="row">
 +
                        <p>Because we are in the same university, we exchange a lot of information to each other. For expample, they shared the experience in iGEM compeitiotn to us and we help them conduct some experiment like preparing competent cells and transformation.</p>
 +
                        <p>In addition, we help each other to charaterise the parts. For example, they help us to check the expression of SrUCP protein(BBa_K1125000).</p>
 +
                        <p>We also help them in the part "BBa_K1157013". This part is very important, because this biosensor is constructed to sense C-4 AHL molecules through a method different from BBa_K1157012. This time when AHL molecules are sensed, it activates Rhl promoter, which initiates the production of CI. Therefore, CI inhibits pCI and the expression of reporter mCherry is stopped. When compared to control group, the results will be expected to express lower fluorescence level when there is existence of AHL molecules.</p>
 +
                        <div class="row text-center">
 +
                            <img class="img-responsive" src="https://static.igem.org/mediawiki/igem.org/6/66/Cooperation_taida.png" alt-src="./images/cooperation_taida.jpg">
 +
                        </div>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </script>
 +
 +
    <script type="text/template" id="App">
 +
        <section class="yellow-background">
 +
            <h1 class="header">App</h1>
 +
        </section>
 +
        <div class="container divide essay">
 +
            <div class="row text-center" style="margin-left: 20px; margin-right: 20px">
 +
                <h3>Let us introduce our App in this short film :)</h3><br/>
 +
                <iframe id="appMovie" style="width=75%;" src="http://www.youtube.com/embed/NjNNvrgOozA" frameborder="0" allowfullscreen></iframe><br/>
 +
            </div>
 +
        </div>
 +
        <div class="container divide essay">
 +
            <p>
 +
                As we known, for most of people who has never learned synthetic biology, it&lsquo;s a magical and crazy idea to take biological parts as the electronic parts. Moreover, someone might be scaried about this technique just like &quot;Witch Hunt&quot; in middle centry, because he don&lsquo;t know what is it.
 +
            </p>
 +
            <p>
 +
                When we talk about synthetic biology, most of our friends will connect this technique with &quot;Genome Modified Organism&quot; and &quot;Terrible Biological Weapon&quot;. They have antagonistic feeling in the first time because they don&lsquo;t know about it. However, beyond our expectation that they still feeling unbelieveble after our explaination......
 +
            </p>
 +
            <p>
 +
                In hence, we decide to make an App to teach them the basic biotech concept and let them know the synthetic biology is not so hazardous. The main idea of this game is let players know if they don&lsquo;t care about the biosafety, they will let environment endanger. But if they are cautious in their operation, most of the results will under their control.
 +
            </p>
 +
        </div>
 +
    </script>
 +
   
 +
    <script type="text/template" id="Conference">
 +
        <section class="blue-background">
 +
            <h1 class="header">Conference</h1>
 +
        </section>
 +
        <div class="divide">
 +
            <div class="row" style="margin-left: 20px; margin-right: 20px">
 +
                <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/7/7b/NTU_TAIWAN_UT_conference.jpg" alt-src="./images/UT_conference.jpg">
 +
                <div class="row text-center" style="margin-top: 90px">
 +
                    <b><h2>Conference with UT_Tokyo Team</h2></b><br/>
 +
                    On 4th May, We held a video conference with UT_Tokyo team. It's our first time to have video conference with foreign iGEM team! We gave a briefly project introduction and discussed about experimental problems to each other. By the discussion, we found out some bugs but some new ideas in our project. On the other hand, we also gave some advices to UT_Tokyo team. That's a great chance for us to practice how can we express our project entirely and clearly.
                 </div>
                 </div>
             </div>
             </div>
 +
       
 +
            <div class="row" style="margin-left: 20px; margin-right: 20px">
 +
                <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/2/27/NTU_TAIWAN_UT_conference_in_Tokyo.jpg" alt-src="./images/UT_conference in Tokyo.jpg">
 +
                <div class="row text-center" style="margin-top: 150px">
 +
                    <b><h2>Conference in Tokyo University</h2></b><br/>
 +
                    On 14th July, Yi-Yuan Lee met UT_Tokyo iGEM team in Tokyo University. UT_Tokyo team briefly performed their currently progress and started to discuss their project. For Yi-Yuan, he learned more experience about how to well organitze an iGEM team.
 +
                </div>
 +
            </div>
 +
       
 +
            <div class="row" style="margin-left: 20px; margin-right: 20px">
 +
                <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/8/80/NTU_TAIWAN_Purdue_conference.jpg" alt-src="./images/Purdue_conference.jpg">
 +
                <div class="row text-center" style="margin-top: 150px">
 +
                    <b><h2>Conference with Purdue iGEM Team</h2></b><br/>
 +
                    We had a video conference with Purdue iGEM team, Manchester iGEM team, TU Eindhoven iGEM team, and Kyoto iGEM team on July 8th. This is Purdue iGEM team&rsquo;s project. They want to build up a new standardized form for BioBricks register by cooperating and discussing with worldwide iGEM teams. We complete the questionnaire and gave them some advices.
 +
                </div>
 +
            </div>
 +
       
 +
            <div class="row" style="margin-left: 20px; margin-right: 20px">
 +
                <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/b/bc/NTU_TAIWAN_Berkeley_conference.jpg" alt-src="./images/Berkeley_conference.jpg">
 +
                <div class="row text-center" style="margin-top: 150px">
 +
                    <b><h2>Conference in UC Berkeley</h2></b><br/>
 +
                    YI-Yuan and Chi-Wei had a face to face conference with Berkeley iGEM team on July 10th. We presented project and experimental design to each other, and discussed about better methods to break through our problems.<br/>
 +
                    After the conference, we had a late lunch together in fornt of the UC Berkeley with Berkeley iGEMers. We talked from our major to where did we come from. That was a great meal with them.
 +
                </div>
 +
            </div>
 +
       
 +
            <div class="row" style="margin-left: 20px; margin-right: 20px">
 +
            <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/5/55/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2827%29.jpg" alt-src="./images/Chiao_Tung_Conference/(27).jpg" width=700>
 +
            <div class="row text-center" style="margin-top: 100px">
 +
                <b><h2>Conference in Chiao Tung University</h2></b><br/>
 +
                iGEM NTU_Taiwan team participated in the conference which was hold by Chiao Tung Univeristy. There were 7 teams joined this ceonference, the iGEM team from China, Hong Kong, and most of the iGEM teams in Taiwan. We followed the rule of iGEM which has 20 minute presentation and followed by Q & A time.<br/>
 +
                By this chance, we made friends with iGEMers from different teams and learned a lot of experience from them. After the conference, we had a short trip in Taipei. That was really a great time.
 +
            </div>
 +
        </div>
 +
        </div>
 +
    </script>
 +
       
 +
    <script type="text/template" id="Azalea_Festival">
 +
        <section class="purple-background">
 +
            <h1 class="header">NTU Azalea Festival</h1>
         </section>
         </section>
 +
        <div class="container divide essay">
 +
            <div class="row divide">
 +
                <div class="col-md-6">
 +
                    <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/7/7a/NTU_TAIWAN_AZALEA%281%29.jpg" alt-src="./images/AZALEA/(1).jpg">
 +
                </div>
 +
                <div class="col-md-6">
 +
                    <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/1/14/NTU_TAIWAN_AZALEA%2810%29.jpg" alt-src="./images/AZALEA/(10).jpg">
 +
                </div>
 +
            </div>
-
    <!--start works header-->
+
            <p class="row text-left">
-
        <section id="works-top">
+
                NTU Azalea Festival is a anneal event for introducing each department to senior high school students. By this chance, we wanted to spread the iGEM idea to high school students. We design a simple computer game which contain the concept of synthetic biology, molecular biology and bio-Technology. First, we asked them to choose a right enzyme to digest the glactose. And in second level, we asked them to make the enzyme they used in previous level by amino acids, right RNA, and right enzyme. In the last level, we asked them to build up a operon for galactase production.
-
    <!--start works-desktop header-->
+
            </p>
-
             <section id="works-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
             <a class="hover-shodow hover-no-underline" href="http://ntu-taiwan-azalea.herokuapp.com"><i class="icon-gamepad icon-2x">Here’s our Little Game</i></a>
-
                <h1 class="header">Works</h1>
+
        </div>
-
                <p class="header">How awesome it is?</p>
+
     </script>
-
            </section>
+
 
-
     <!--start works-mobile header-->
+
    <script type="text/template" id="Poster">
-
            <section id="works-top-mobile" class="hidden-desktop">
+
        <section class="green-background">
-
                <h1 class="header">Works</h1>
+
            <h1 class="header">Poster Presentation</h1>
-
                <p class="header">How awesome it is?</p>
+
-
            </section>
+
         </section>
         </section>
-
    <!--start works-->
+
        <div class="container divide essay">
-
         <section id="works">
+
            <div class="row" style="margin-left: 20px; margin-right: 20px">
-
             <div class="container">
+
                <div class="col-md-4">
-
                 <div class="row divide">
+
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/igem.org/1/13/Meeting-%2810%29.jpg" alt-src="./images/MEETING/Meeting-(10).jpg" width=400>
-
                     <div class="span12">
+
                </div>
-
                         <div id="carousel_fade" class="carousel slide carousel-fade">
+
 
-
                            <div class="carousel-inner" >
+
                <div class="col-md-8 text-left" style="margin-top: 150px">
-
                                <div class="active item lightboxImg" img="./img/Poster/Picture1.png" img-style='height: 280px'> </div>
+
                    <p>Every year, graduate students have poster presentation in the college of life science. In this year, NTU_Taiwan team also participated in the poster presentation and introduced what is iGEM competition to the students in our college.<br/></p>
-
                                <div class="inactive item lightboxImg" img="./img/Poster/Picture2.png" img-style='height: 280px'> </div>
+
                    <p>
-
                                <div class="inactive item lightboxImg" img="./img/Poster/Picture3.png" img-style='height: 280px'> </div>
+
                        In the activity, we discussed with many professors in our college. Most of them though that this project is quite novel and crazy.
 +
                    </p>
 +
                </div>
 +
            </div>
 +
         </div>
 +
    </script>
 +
 
 +
    <script type="text/template" id="teamMember">
 +
        <section class="purple-background" style="padding-bottom: 0;">
 +
             <h1 class="header" style="margin: 0;">Team Members</h1>
 +
            <p class="header" style="margin: 0;">We are the best</p>
 +
            <div id="failwhale">
 +
                 <div id="air">
 +
                    <div class="rope1crop">
 +
                        <div class="rope1"></div>
 +
                    </div>
 +
 
 +
                     <div class="rope2crop">
 +
                         <div class="rope2"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope3crop">
 +
                        <div class="rope3"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope4crop">
 +
                        <div class="rope4"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope5crop">
 +
                        <div class="rope5"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope5acrop">
 +
                        <div class="rope5a"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope6crop">
 +
                        <div class="rope6"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope6acrop">
 +
                        <div class="rope6a"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope7crop">
 +
                        <div class="rope7"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope7acrop">
 +
                        <div class="rope7a"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope8crop">
 +
                        <div class="rope8"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope9crop">
 +
                        <div class="rope9"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope10crop">
 +
                        <div class="rope10"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope11crop">
 +
                        <div class="rope11"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope12crop">
 +
                        <div class="rope12"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope13crop">
 +
                        <div class="rope13"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope14crop">
 +
                        <div class="rope14"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope15crop">
 +
                        <div class="rope15"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope16crop">
 +
                        <div class="rope16"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope17crop">
 +
                        <div class="rope17"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope18crop">
 +
                        <div class="rope18"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope19crop">
 +
                        <div class="rope19"></div>
 +
                    </div>
 +
 
 +
                    <div class="rope20crop">
 +
                        <div class="rope20"></div>
 +
                    </div>
 +
                    <div class="bird right" style="top: 5px; left: 112px;">
 +
                        <div class="body1"></div>
 +
                        <div class="body2"></div>
 +
                        <div class="body3"></div>
 +
                        <div class="body4"></div>
 +
                        <div class="body5"></div>
 +
 
 +
                        <div class="wing">
 +
                            <div class="wing1"></div>
 +
                            <div class="wing2"></div>
 +
                            <div class="wing3crop">
 +
                                <div class="wing3"></div>
                             </div>
                             </div>
-
                             <button class="carousel-control left m-btn icn-only" href="#carousel_fade" data-slide="prev"><i class="icon-chevron-left"></i></button>
+
                             <div class="wing4"></div>
-
                            <button class="carousel-control right m-btn icn-only" href="#carousel_fade" data-slide="next"><i class="icon-chevron-right"></i></button>
+
                         </div>
                         </div>
 +
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                     <div class="span12">
+
 
-
                         <h1>Article Review & Discussion</h1>
+
                     <div class="bird right" style="top: 31px; left: 72px;">
-
                         <h4>UCP in unicellular eukaryotes</h4>
+
                         <div class="body1"></div>
-
                         <p>When activated, UCP enhances cellular lipid metabolism in mitochondria. However in plants or unicellular eukaryotes, lipid metabolism is working mainly in glyoxysomes and peroxisomes; activation of UCP does not seem to accelerate lipid metabolism. In previous study, a higher activity of UCP of a non-fermentative yeast Yarrowia lipolytica was reached in stationary phase during which lipid droplets inside the cell is degraded and predominantly released as fatty acids.</p>
+
                         <div class="body2"></div>
-
                         <p>Even so, the main function of UCP in unicellular eukaryotes is not regarded to be heat production because their living environment generally consists of water which causes heat to dissipate very fast and makes them unable to maintain a temperature different from the environment.</p>
+
                         <div class="body3"></div>
 +
                         <div class="body4"></div>
 +
                        <div class="body5"></div>
 +
 
 +
                        <div class="wing">
 +
                            <div class="wing1"></div>
 +
                            <div class="wing2"></div>
 +
                            <div class="wing3crop">
 +
                                <div class="wing3"></div>
 +
                            </div>
 +
                            <div class="wing4"></div>
 +
                        </div>
 +
 
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                </div>
 
-
                <div class="divider"></div>
+
                    <div class="bird right" style="top: 66px; left: 176px;">
-
                <div class="row divide">
+
                        <div class="body1"></div>
-
                    <div class='span12'>
+
                        <div class="body2"></div>
-
                         <h1>Our Plans</h1>
+
                        <div class="body3"></div>
-
                         <p>Concerning the experimental procedure, we will start from testing the functionality of heterologously expressed UCP1 in yeasts by monitoring the temperature of culture medium. Besides analyzing the amount of UCP, cellular localization assay is also a method to identify the reason of transformants to be non-thermogenic. Next, since culture condition may affect the efficiency of heat production, this influence may be observed from finding the optimal growth temperature and then changing the culture temperature of transformants. Third, after functional expression of UCP and growth condition optimization, we will then proceed to large scale fermentation testing and precise measurement of the heating power, which provides us the parameters to simulate the situation of warming fish ponds against cold wave. Fourth, to give our yeast strain a better heat-buffering capacity, we seek to engineered a yeast strain producing UCP under certain temperature range. This part can be attained by introducing an cold shock promoter. However, biobricks submitted from previous iGEM teams are designed for prokaryotes like E. coli; besides, the range of thermo-sensitivity of those bricks might be so wide that not suitable for our purpose. So, we are planning to clone a cold shock promoter  known in S. cerevisiae, test its range of thermo-sensitivity and enhance its thermo-sensitivity by means of introducing a regulatory circuit. Eventually, we hope to construct a gene cassette with range of thermo-sensitivity between 10~20℃ or even gene cassettes with different ranges of thermo-sensitivity.</p>
+
                         <div class="body4"></div>
-
                         <p>After the assessment of heating power of yeast transformants, our next goal is to improve the heating ability of microbes furthermore. As it is proposed in previous studies that the uncoupling activity of UCP1 may be restricted by the efficiency of mitochondrial ETC, we will try to look into the possibility of increasing the uncoupling activity by stimulating the activity of ETC. While in previous studies, stimulating the activity of ETC with FCCP is not feasible, we are searching for ways to stimulate the activity of ETC on transcriptional or translational steps. It is possible to identify the regulation points of ETC activity by means of computational simulation. Eventually, experimental measurement of the heating power of transformants with altered ETC activity will be necessary to verify this idea.<br/>Ultimately, we are looking forward to developing an energy-saving efficient microbial thermogenic device.</p>
+
                         <div class="body5"></div>
 +
 
 +
                         <div class="wing">
 +
                            <div class="wing1"></div>
 +
                            <div class="wing2"></div>
 +
                            <div class="wing3crop">
 +
                                <div class="wing3"></div>
 +
                            </div>
 +
                            <div class="wing4"></div>
 +
                        </div>
 +
 
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                </div>
 
-
                <div class="divider"></div>
+
                    <div class="bird right" style="top: 35px; left: 262px;">
-
                <div class="row divide">
+
                        <div class="body1"></div>
-
                    <div class='span12'>
+
                        <div class="body2"></div>
-
                         <h1> Our Materials </h1>
+
                        <div class="body3"></div>
 +
                         <div class="body4"></div>
 +
                        <div class="body5"></div>
 +
 
 +
                        <div class="wing">
 +
                            <div class="wing1"></div>
 +
                            <div class="wing2"></div>
 +
                            <div class="wing3crop">
 +
                                <div class="wing3"></div>
 +
                            </div>
 +
                            <div class="wing4"></div>
 +
                        </div>
 +
 
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                     <div class="span12">
+
 
-
                         <div id="carousel_fade2" class="carousel slide carousel-fade">
+
                     <div class="bird left" style="top: 17px; left: 173px;">
-
                            <div class="carousel-inner" >
+
                         <div class="body1"></div>
-
                                <div class="active item lightboxImg" img="./img/Poster/Picture4.png" img-style='height: 280px'>
+
                        <div class="body2"></div>
-
                                    <h4> Saccharomyces cerevisiae (budding yeast) </h4>
+
                        <div class="body3"></div>
-
                                </div>
+
                        <div class="body4"></div>
-
                                <div class="inactive item lightboxImg" img="./img/Poster/Picture5.png" img-style='height: 280px'>  
+
                        <div class="body5"></div>
-
                                    <h4> Rhodotorula graminis (lipid production phenotype)</h4>
+
 
-
                                </div>
+
                        <div class="wing">
-
                                 <div class="inactive item lightboxImg" img="./img/Poster/Picture6.png" img-style='height: 280px'>
+
                            <div class="wing1"></div>
-
                                    <h4> Mrakia frigida (low optimal growth temperature ) </h4>
+
                            <div class="wing2"></div>
-
                                </div>
+
                            <div class="wing3crop">
 +
                                 <div class="wing3"></div>
                             </div>
                             </div>
-
                             <button class="carousel-control left m-btn icn-only" href="#carousel_fade2" data-slide="prev"><i class="icon-chevron-left"></i></button>
+
                             <div class="wing4"></div>
-
                            <button class="carousel-control right m-btn icn-only" href="#carousel_fade2" data-slide="next"><i class="icon-chevron-right"></i></button>
+
                         </div>
                         </div>
 +
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                </div>
 
-
                <div class="divider"></div>
+
                     <div class="bird left" style="top: 47px; left: 230px;">
-
                <div class="row divide">
+
                        <div class="body1"></div>
-
                     <div class="span12">
+
                        <div class="body2"></div>
-
                        <h1>Large-Scale Simulation Result</h1>
+
                        <div class="body3"></div>
-
                        <h4>Assumptions</h4>
+
                         <div class="body4"></div>
-
                        <p> <ul class="icons-ul">
+
                        <div class="body5"></div>
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> The biological devices (i.e. the yeast) is well distributed in the water.</li>
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> We do not consider the convection in the water.</li>
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> The thermogenic power of rat brown tissue quite equals to large amounts of our yeasts.</li>
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> The fish pond is surrounded by transmission media with infinite specific heat</li>
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> The amount of yeast and the thermogenic power do not change with time.</li>
+
-
                         </ul> </p>
+
-
                       
+
-
                        <h4>Initial condition</h4>
+
-
                        <p> <ul class="icons-ul">
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> Pond temperature: 15°C </li>
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> Environment temperature: 10°C </li>
+
-
                            <li> <i class="icon-li icon-ok" style="position: static"></i> Amount of Yeast: 0.1 fold of the number of yeast when O.D.660 = 1 </li>
+
-
                        </ul> </p>
+
-
                        <h4>Result</h4>
+
                         <div class="wing">
-
                         <div id="carousel_fade2" class="carousel slide carousel-fade">
+
                             <div class="wing1"></div>
-
                             <div class="carousel-inner" >
+
                            <div class="wing2"></div>
-
                                <div class='active item lightboxImg divide' img="./img/Poster/Picture8.png" img-style="height: 300px"> </div>
+
                            <div class="wing3crop">
-
                                <div class='active item lightboxImg' img="./img/Poster/Picture7.png" img-style="height: 400px"> </div>
+
                                <div class="wing3"></div>
                             </div>
                             </div>
 +
                            <div class="wing4"></div>
                         </div>
                         </div>
 +
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                </div>
 
 +
                    <div class="bird left" style="top: 94px; left: 250px;">
 +
                        <div class="body1"></div>
 +
                        <div class="body2"></div>
 +
                        <div class="body3"></div>
 +
                        <div class="body4" style="margin-top: 6px; height: 10px; left: 9px;"></div>
 +
                        <div class="body5"></div>
-
                <div class="divider"></div>
+
                        <div class="wing">
-
                <div class="row divide">
+
                            <div class="wing1"></div>
-
                    <div class="span5">
+
                             <div class="wing2"></div>
-
                        <h1>Machine Learning</h1>
+
                            <div class="wing3crop">
-
                        <h4>Artificial intelligence without knowing How</h4>
+
                                 <div class="wing3"></div>
-
                        <p>Machine learning, a branch of artificial intelligence, is about the construction and study of systems that can learn from data. For example, a machine learning system could be trained on email messages to learn to distinguish between spam and non-spam messages. After learning, it can then be used to classify new email messages into spam and non-spam folders.</p>
+
-
                        <p>Machine learning algorithms can be organized into a taxonomy based on the desired outcome of the algorithm.</p>
+
-
                        <a href="http://en.wikipedia.org/wiki/Machine_learning" class="m-btn red pull-right">View Wiki</a>
+
-
                    </p></div>
+
-
                    <div class="span7">
+
-
                        <div id="carousel_fade_3" class="carousel slide carousel-fade">
+
-
                             <div class="carousel-inner">
+
-
                                <div class="active item lightboxImg" img="./img/ML/1.jpg"></div>
+
-
                                <div class="inactive item lightboxImg" img="./img/ML/2.jpg"></div>
+
-
                                 <div class="inactive item lightboxImg" img="./img/ML/3.jpg"></div>
+
                             </div>
                             </div>
-
                             <button class="carousel-control left m-btn icn-only" href="#carousel_fade_3" data-slide="prev"><i class="icon-chevron-left"></i></button>
+
                             <div class="wing4"></div>
-
                            <button class="carousel-control right m-btn icn-only" href="#carousel_fade_3" data-slide="next"><i class="icon-chevron-right"></i></button>
+
                         </div>
                         </div>
 +
 +
                        <div class="eye"></div>
                     </div>
                     </div>
-
                </div>
+
 
-
                <div class="divider"></div>
+
                    <div class="bird left" style="top: 135px; left: 277px;">
-
                <div class="row divide">
+
                        <div class="body1"></div>
-
                    <div class="span7">
+
                        <div class="body2"></div>
-
                         <div id="carousel_fade_4" class="carousel slide carousel-fade">
+
                        <div class="body3"></div>
-
                            <div class="carousel-inner">
+
                         <div class="body4"></div>
-
                                <div class="active item lightboxImg" img="./img/HTML/web-design-sthelens.jpg"></div>
+
                        <div class="body5"></div>
-
                                <div class="inactive item lightboxImg" img="./img/HTML/twitter-bootstrap.jpg"></div>
+
 
-
                                <div class="inactive item lightboxImg" img="./img/HTML/jquery_logo.png"></div>
+
                        <div class="wing">
 +
                            <div class="wing1"></div>
 +
                            <div class="wing2"></div>
 +
                            <div class="wing3crop">
 +
                                <div class="wing3"></div>
                             </div>
                             </div>
-
                             <button class="carousel-control left m-btn icn-only" href="#carousel_fade_4" data-slide="prev"><i class="icon-chevron-left"></i></button>
+
                             <div class="wing4"></div>
-
                            <button class="carousel-control right m-btn icn-only" href="#carousel_fade_4" data-slide="next"><i class="icon-chevron-right"></i></button>
+
                         </div>
                         </div>
 +
 +
                        <div class="eye"></div>
 +
                    </div>
 +
 +
                    <div id="whale">
 +
                        <div id="whale1"></div>
 +
                        <div id="whale2"></div>
 +
                        <div id="whale3-crop">
 +
                            <div id="whale3"></div>
 +
                        </div>
 +
                        <div id="whale4"></div>
 +
                        <div id="whale5crop">
 +
                            <div id="whale5"></div>
 +
                        </div>
 +
                        <div id="whale6"></div>
 +
                        <div id="whale7"></div>
 +
 +
                        <div id="whaletail1"></div>
 +
                        <div id="whaletail2"></div>
 +
                        <div id="whaletail3"></div>
 +
                        <div id="whaletail4"></div>
 +
                        <div id="whaletail5"></div>
 +
                        <div id="whaletail6"></div>
 +
                        <div id="whaletail7"></div>
 +
                        <div id="whaletail8"></div>
 +
 +
                        <div id="eye1"></div>
 +
                        <div id="eye2"></div>
 +
                     </div>
                     </div>
-
                    <div class="span5">
 
-
                        <h1>Webpage</h1>
 
-
                        <h4>BootStrap & jQuery</h4>
 
-
                        <p>jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. We use jquery plugin as calendar, easing tool, nicescroll, stellar...</p>
 
-
                        <p>Bootstrap is Sleek, intuitive, and powerful front-end framework for faster and easier web development. It provides nice default theme and component like carousel to use.</p>
 
-
                        <p>We combine the two main library to build our webpage and the AZALEA APP</p>
 
-
                        <a href="http://twitter.github.io/bootstrap/" class="m-btn red pull-right">Bootstrap</a>
 
-
                        <a href="http://jquery.com/" class="m-btn red pull-right">jQuery</a>
 
-
                    </p></div>
 
-
                   
 
                 </div>
                 </div>
             </div>
             </div>
         </section>
         </section>
 +
        <div class="teamMember divide">
 +
            <section id="teamContainer" class="blue-background">
 +
                <h1 class="header">Team Members</h1>
 +
                <div class="row">
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/3/38/李易遠.jpg" alt-src="./images/people/李易遠.jpg"></div>
 +
                    <div class="col-md-8">
 +
                        <h2>李易遠 (Yi-Yuan Lee)</h2>
 +
                        <div class="row">
 +
                            <b><u>Team Leader & Lab Hero</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> Reading, Calligraphy, Ballroom dance, Swimming, Traveling </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Immunology, Bioinformatics, Programming, Asian history </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </section>
 +
            <div class="row red-background">
 +
                <ul class="img-gallery">
 +
                    <li class="active" data-toggle="tooltip" title="Team Leader"><img src="https://static.igem.org/mediawiki/2013/3/38/李易遠.jpg" alt-src="./images/people/李易遠.jpg" toggle="李易遠" ></li>
 +
                    <li data-toggle="tooltip" title="Chief of Lab Hero"><img src="https://static.igem.org/mediawiki/2013/6/67/呂宗諭.jpg" alt-src="./images/people/呂宗諭.jpg" toggle="呂宗諭"></li>
 +
                    <li data-toggle="tooltip" title="Lab Surfer"><img src="https://static.igem.org/mediawiki/2013/9/99/張宏宇.jpg" alt-src="./images/people/張宏宇.jpg" toggle="張宏宇"></li>
 +
                    <li data-toggle="tooltip" title="Lab Anego"><img src="https://static.igem.org/mediawiki/2013/0/0e/馬蓁華.jpg" alt-src="./images/people/馬蓁華.jpg" toggle="馬蓁華"></li>
 +
                    <li data-toggle="tooltip" title="Fake Secretary"><img src="https://static.igem.org/mediawiki/2013/5/5e/陳俋秀.jpg" alt-src="./images/people/陳俋秀.jpg" toggle="陳俋秀"></li>
 +
                    <li data-toggle="tooltip" title="LuLu"><img src="https://static.igem.org/mediawiki/2013/8/86/盧彥云.jpg" alt-src="./images/people/盧彥云.jpg" toggle="盧彥云"></li>
 +
                    <li data-toggle="tooltip" title="Lily LOL Fighter"><img src="https://static.igem.org/mediawiki/2013/a/a6/吳泰億.jpg" alt-src="./images/people/吳泰億.jpg" toggle="吳泰億"></li>
 +
                    <li data-toggle="tooltip" title="Lab Physician"><img src="https://static.igem.org/mediawiki/2013/4/46/王德緯.jpg" alt-src="./images/people/王德緯.jpg" toggle="王德緯"></li>
 +
                    <li data-toggle="tooltip" title="Web Hacker"><img src="https://static.igem.org/mediawiki/2013/6/68/王柏軒.jpg" alt-src="./images/people/王柏軒.jpg" toggle="王柏軒"></li>
 +
                    <li data-toggle="tooltip" title="Niwei"><img src="https://static.igem.org/mediawiki/2013/1/1b/李威.jpg" alt-src="./images/people/李威.jpg" toggle="李威"></li>
 +
                    <li data-toggle="tooltip" title="Y-way"><img src="https://static.igem.org/mediawiki/2013/3/33/李啟為.jpg" alt-src="./images/people/李啟為.jpg" toggle="李啟為"></li>
 +
                    <li data-toggle="tooltip" title="Secret staff"><img src="https://static.igem.org/mediawiki/2013/e/e4/王凡.jpg" alt-src="./images/people/王凡.jpg" toggle="王凡"></li>
 +
                    <li data-toggle="tooltip" title="Lynda"><img src="https://static.igem.org/mediawiki/2013/f/fa/林湧達.jpg" alt-src="./images/people/林湧達.jpg" toggle="林湧達"></li>
 +
                </ul>
 +
            </div>
 +
        </div>
-
         <section id="hint1"><a href="http://ntu-taiwan-azalea.herokuapp.com/" target="_blank">
+
         <div class='template'>
-
            <strong>HEADS UP!</strong> See what in our <strong>AZALEA APP</strong>
+
            <section id="李易遠" color="blue-background">
-
        </a></section>
+
                <div class="row">
-
    <!--start gallery header-->
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/3/38/李易遠.jpg" alt-src="./images/people/李易遠.jpg"></div>
-
        <section id="gallery-top">
+
                    <div class="col-md-8">
-
    <!--start gallery-desktop header-->
+
                        <h2>李易遠 (Yi-Yuan Lee)</h2>
-
            <section id="gallery-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
                        <div class="row">
-
                <h1 class="header">Gallery</h1>
+
                            <b><u>Team Leader & Lab Hero</u></b>
-
                <p class="header">Pictures So far</p>
+
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> Reading, Calligraphy, Ballroom dance, Swimming, Traveling </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Immunology, Bioinformatics, Programming, Asian history </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
             </section>
             </section>
-
    <!--start gallery-mobile header-->
+
 
-
            <section id="gallery-top-mobile" class="hidden-desktop">
+
            <section id="吳泰億" color="brown-background">
-
                <h1 class="header">Gallery</h1>
+
                <div class="row">
-
                <p class="header">Pictures So far</p>
+
                    <div class="col-md-8">
 +
                        <h2>吳泰億 (Tai-Yi Wu)</h2>
 +
                        <div class="row">
 +
                            <b><u>Lily LOL Fighter</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> swim, music, stage play </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Fermentology, Applied Microbiology  </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taoyuan, Taiwan </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/a/a6/吳泰億.jpg" alt-src="./images/people/吳泰億.jpg"></div>
 +
                </div>
             </section>
             </section>
-
        </section>
+
 
-
    <!--start gallery-->
+
            <section id="呂宗諭" color="yellow-background">
-
    <!--start thumbnails section-->
+
                <div class="row">
-
        <section id="gallery">
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/6/67/呂宗諭.jpg" alt-src="./images/people/呂宗諭.jpg"></div>
-
            <div class="container">
+
                    <div class="col-md-8">
-
                <div class="row divide" number="14" folder="AZALEA">
+
                        <h2>呂宗諭 (Tsung-Yu Lu)</h2>
-
                    <div class="span8 offset2">
+
                        <div class="row">
-
                         <h1>NTU AZALEA FESTIVAL</h1>
+
                            <b><u>Chief of Lab Hero</u></b>
-
                         <p class="center">We made a little app to illustrate the idea of iGem</p>
+
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Insititute of Biochemial Sciences </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Graduate student </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> swim, music, stage play </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> protein engineering, mathematical biology </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taichung, Taiwan </div>
 +
                        </div>
                     </div>
                     </div>
                 </div>
                 </div>
-
                 <div class='divider'></div>
+
            </section>
-
                <div class="row divide" number="28" folder="MEETING">
+
 
-
                    <div class="span8 offset2">
+
            <section id="張宏宇" color="lightblue-background">
-
                         <h1>Lab & Life</h1>
+
                 <div class="row">
-
                         <p class="center">Normal Life Time</p>
+
                    <div class="col-md-8">
 +
                        <h2>張宏宇 (Hung-Yu Chang)</h2>
 +
                        <div class="row">
 +
                            <b><u>Lab Surfer & Lab Hero</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> Debate, Tennis, Surfing </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Cell Biology, Tissue Engineering </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taoyuan, Taiwan</div>
 +
                        </div>
                     </div>
                     </div>
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/9/99/張宏宇.jpg" alt-src="./images/people/張宏宇.jpg"></div>
                 </div>
                 </div>
-
                 <div class='divider'></div>
+
            </section>
-
                <div class="row divide" number="46" folder="Conference">
+
 
-
                    <div class="span8 offset2">
+
            <section id="王德緯" color="green-background">
-
                         <h1>Conference</h1>
+
                 <div class="row">
-
                         <p class="center">Conference in Jiao Tong University</p>
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/4/46/王德緯.jpg" alt-src="./images/people/王德緯.jpg"></div>
 +
                    <div class="col-md-8">
 +
                        <h2>王德緯 (Te-Wei Wang)</h2>
 +
                        <div class="row">
 +
                            <b><u>Lab Physician</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Medicine </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> reading, movie, volleyball, Japanese </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> physiology, immunology, neurology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
                     </div>
                     </div>
 +
                   
                 </div>
                 </div>
-
                 <div class="row divide" number="3" folder="MISC">
+
            </section>
-
                    <div class="span8 offset2">
+
 
-
                         <h1>MISC</h1>
+
            <section id="馬蓁華" color="yellow-background">
-
                         <p class="center">Miscellaneous Photos</p>
+
                 <div class="row">
 +
                    <div class="col-md-8">
 +
                        <h2>馬蓁華 (Chen-Hwa Ma)</h2>
 +
                        <div class="row">
 +
                            <b><u>Lab Anego</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> traveling, reading </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> sociology, literature, biochemistry </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
                     </div>
                     </div>
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/0/0e/馬蓁華.jpg" alt-src="./images/people/馬蓁華.jpg"></div>
                 </div>
                 </div>
 +
            </section>
-
             </div>
+
             <section id="陳俋秀" color="pink-background">
-
        </section>
+
                <div class="row">
-
    <!--end thumbnails section-->
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/5/5e/陳俋秀.jpg" alt-src="./images/people/陳俋秀.jpg"></div>
-
    <!--start lightboxes-->
+
                    <div class="col-md-8">
-
        <div id="lightbox">
+
                        <h2>陳俋秀 (Yi-Hsiu Chen)</h2>
-
        </div>
+
                        <div class="row">
-
    <!--end lightbox section-->
+
                            <b><u>Fake Secretary</u></b>
-
    <!--start team header-->
+
                        </div>
-
        <section id="team-top">
+
                        <div class="row">
-
    <!--start team-desktop header-->
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
-
            <section id="team-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
                        </div>
-
                <h1 class="header">Team</h1>
+
                        <div class="row">
-
                <p class="header">The people!</p>
+
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> reading,playing,volleyball,movie </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Immunology, Nutritional </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taichung, Taiwan</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
             </section>
             </section>
-
    <!--start team-mobile header-->
+
 
-
            <section id="team-top-mobile" class="hidden-desktop">
+
            <section id="盧彥云" color="blue-background">
-
                <h1 class="header">Team</h1>
+
                <div class="row">
-
                <p class="header">The people!</p>
+
                    <div class="col-md-8">
 +
                        <h2>盧彥云 (Yen-Yun Lu)</h2>
 +
                        <div class="row">
 +
                            <b><u>LuLu</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> dance, cooking, traveling, reading </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Molecular biology, cell biology </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/8/86/盧彥云.jpg" alt-src="./images/people/盧彥云.jpg"></div>
 +
                </div>
             </section>
             </section>
-
        </section>
+
 
-
    <!--start team-->
+
            <section id="王柏軒" color="brown-background">
-
        <section id="team">
+
                <div class="row">
-
            <div class="container">
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/6/68/王柏軒.jpg" alt-src="./images/people/王柏軒.jpg"></div>
-
                <div class="row divide">
+
                    <div class="col-md-8">
-
                    <div class="span8 offset2">
+
                        <h2>王柏軒 (Po-Hsien Wang)</h2>
-
                         <h1>We are IGem-Taiwan</h1>
+
                        <div class="row">
-
                         <h4>Nice to meet you all <i class='icon-smile'></i></h4>
+
                            <b><u>Web Hacker</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> reading, movie </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> AI, Virtual Reality </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
                     </div>
                     </div>
-
                    <div class="span12">
+
                </div>
-
                        <ul class="thumbnails">
+
            </section>
-
                            <div class="row">
+
 
-
                                <li class="span6">
+
            <section id="李威" color="yellow-background">
-
                                    <div class="thumbnail">
+
                <div class="row">
-
                                        <div class="lightboxImg" img="./img/people/李易遠.jpg"></div>
+
                    <div class="col-md-8">
-
                                        <h4>李易遠(Yi-Yuan Lee)</h4>
+
                        <h2>李威 (Wei Lee)</h2>
-
                                        <span>Team Leader</span>
+
                        <div class="row">
-
                                        <p class="center">
+
                            <b><u>Niwei</u></b>
-
                                            Department: Biochemical Science and Technology<br/>
+
                        </div>
-
                                            Grade: Senior<br/>
+
                        <div class="row">
-
                                            Interests: Reading, Calligraphy, Ballroom dance, Swimming, Traveling<br/>
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Electrical Engineering </div>
-
                                            Interested fields: Immunology, Bioinformatics, Virology<br/>
+
                        </div>
-
                                            Born: Taipei, Taiwan<br/>
+
                        <div class="row">
-
                                        </p>
+
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
-
                                    </div>
+
                        </div>
-
                                </li>
+
                        <div class="row">
-
                                <li class="span3">
+
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> badminton, photography, reading </div>
-
                                    <div class="thumbnail">
+
                        </div>
-
                                        <div class="lightboxImg" img="./img/people/吳泰億.jpg"></div>
+
                        <div class="row">
-
                                        <h4>吳泰億(Tai-Yi Wu)</h4>
+
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Communication, AI, App & Web developing </div>
-
                                        <span>Lily LOL Fighter</span>
+
                        </div>
-
                                        <p class="center">
+
                        <div class="row">
-
                                            Department: Biochemical Science and Technology <br/>
+
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
-
                                            Grade: Senior <br/>
+
                        </div>
-
                                            Interests: badminton, music  <br/>
+
-
                                            Interested fields: Fermentology, Applied Microbiology <br/>
+
-
                                            Born: Taoyuan, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/李宗諭.jpg"></div>
+
-
                                        <h4>呂宗諭(Tsung-Yu Lu)</h4>
+
-
                                        <span>Chief of Lab Hero</span>
+
-
                                        <p class="center">
+
-
                                            Department: Biochemical Science and Technology<br/>
+
-
                                            Grade: Graduate student<br/>
+
-
                                            Interests: swim, music, stage play<br/>
+
-
                                            Interested fields: protein engineering, mathematical biology<br/>
+
-
                                            Born: Taichung, Taiwan<br/>
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/張宏宇.jpg"></div>
+
-
                                        <h4>張宏宇(Hung-Yu Chang)</h4>
+
-
                                        <span>Lab Surfer</span>
+
-
                                        <p class="center">
+
-
                                            Department: Biochemical Science and Technology<br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: Debate, Tennis, Surfing<br/>
+
-
                                            Interested fields: Cell Biology, Tissue Engineering<br/>
+
-
                                            Born: Taoyuan, Taiwan<br/>
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/王德緯.jpg"></div>
+
-
                                        <h4>王德緯(Te-Wei Wang)</h4>
+
-
                                        <span>Lab Physician</span>
+
-
                                        <p class="center">
+
-
                                            Department: Medicine <br/>
+
-
                                            Grade: Senior <br/>
+
-
                                            Interests: reading, movie, volleyball, Japanese <br/>
+
-
                                            Interested fields: physiology, immunology, neurology <br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                            </div>
+
-
                            <div class="row">
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/馬蓁華.jpg"></div>
+
-
                                        <h4>馬蓁華(Chen-Hwa Ma)</h4>
+
-
                                        <span>Lab Anego</span>
+
-
                                        <p class="center">
+
-
                                            Department: Biochemical Science and Technology<br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: traveling, reading<br/>
+
-
                                            Interested fields: sociology, literature, biochemistry<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/陳俋秀.jpg"></div>
+
-
                                        <h4>陳俋秀(Yi-Hsiu Chen)</h4>
+
-
                                        <span>Fake Secretary</span>
+
-
                                        <p class="center">
+
-
                                            Department: Biochemical Science and Technology <br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: reading,playing<br/>
+
-
                                            volleyball,movie<br/>
+
-
                                            Interested fields: Immunology, Nutritional<br/>
+
-
                                            Born: Taichung, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/盧彥云.jpg"></div>
+
-
                                        <h4>盧彥云(Yen-Yun Lu)</h4>
+
-
                                        <span>LuLu</span>
+
-
                                        <p class="center">
+
-
                                            Department: Biochemical Science and Technology<br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            interests: dance, cooking, traveling, reading<br/>
+
-
                                            Interested fields: Molecular biology, cell biology<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/王柏軒.jpg"></div>
+
-
                                        <h4>王柏軒(Po-Hsien Wang)</h4>
+
-
                                        <span>Web Hacker</span>
+
-
                                        <p class="center">
+
-
                                            Department: Computer Science and Information Engineering <br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: reading, movie<br/>
+
-
                                            Interested fields: AI, Virtual Reality<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                               
+
-
                            </div>
+
-
                            <div class="row">
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/李威.jpg"></div>
+
-
                                        <h4>李威(Wei Lee)</h4>
+
-
                                        <span>Niwei</span>
+
-
                                        <p class="center">
+
-
                                            Department: Electrical Engineering <br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: badminton, photography, reading<br/>
+
-
                                            Interested fields: Communication, AI, App & Web developing<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/李啟為.jpg"></div>
+
-
                                        <h4>李啟為(Chi-Wei Lee)</h4>
+
-
                                        <span>Y-way</span>
+
-
                                        <p class="center">
+
-
                                            Department: Computer Science and Information Engineering <br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: baseball, girl, post rock<br/>
+
-
                                            Interested fields: ML, AI, probability graphical model<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/王凡.jpg"></div>
+
-
                                        <h4>王凡(Fang Wang)</h4>
+
-
                                        <span>Secret staff</span>
+
-
                                        <p class="center">
+
-
                                            Department: Computer Science and Information Engineering <br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: fixed gear, table tennis, photography<br/>
+
-
                                            Interested fields: Computational photography, App<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                                <li class="span3">
+
-
                                    <div class="thumbnail">
+
-
                                        <div class="lightboxImg" img="./img/people/林湧達.jpg"></div>
+
-
                                        <h4>林湧達(Yung-Ta Lin)</h4>
+
-
                                        <span>Lynda</span>
+
-
                                        <p class="center">
+
-
                                            Department: Computer Science and Information Engineering <br/>
+
-
                                            Grade: Senior<br/>
+
-
                                            Interests: drawing, tennis, tap dance, Chinese comedy<br/>
+
-
                                            Interested fields: UI, HCI, VR<br/>
+
-
                                            Born: Taipei, Taiwan
+
-
                                        </p>
+
-
                                    </div>
+
-
                                </li>
+
-
                            </div>
+
-
                           
+
-
                        </ul>
+
                     </div>
                     </div>
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/1/1b/李威.jpg" alt-src="./images/people/李威.jpg"></div>
                 </div>
                 </div>
-
             </div>
+
             </section>
-
        </section>
+
-
    <!--start calendar header-->  
+
            <section id="李啟為" color="green-background">
-
        <section id="calendar-top">
+
                <div class="row">
-
    <!--start calendar-desktop header-->
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/3/33/李啟為.jpg" alt-src="./images/people/李啟為.jpg"></div>
-
            <section id="calendar-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
                    <div class="col-md-8">
-
                <h1 class="header"><i class="icon-calendar"></i>Calendar</h1>
+
                        <h2>李啟為 (Chi-Wei Lee)</h2>
-
                <p class="header">Things so far</p>
+
                        <div class="row">
 +
                            <b><u>Y-way</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> baseball, girl, post rock </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> ML, AI, probability graphical model </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
 +
                    </div>
 +
                </div>
             </section>
             </section>
-
    <!--start calendar-mobile header-->
+
 
-
            <section id="calendar-top-mobile" class="hidden-desktop">
+
            <section id="王凡" color="brown-background">
-
                <h1 class="header">Calendar</h1>
+
                <div class="row">
-
                <p class="header">Things so far</p>
+
                    <div class="col-md-8">
 +
                        <h2>王凡 (Fang Wang)</h2>
 +
                        <div class="row">
 +
                            <b><u>Secret staff</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> fixed gear, table tennis, photography </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> Computational photography, App </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/e/e4/王凡.jpg" alt-src="./images/people/王凡.jpg"></div>
 +
                </div>
             </section>
             </section>
-
        </section>
+
 
-
    <!--start calendar-->
+
            <section id="林湧達" color="lightblue-background">
-
        <section id="calendar">
+
                <div class="row">
-
            <div class="container">
+
                    <div class="col-md-4"><img class="img-responsive" src="https://static.igem.org/mediawiki/2013/f/fa/林湧達.jpg" alt-src="./images/people/林湧達.jpg"></div>
-
                <div class="row divide">
+
                    <div class="col-md-8">
-
                    <div class="span8 offset2">
+
                        <h2>林湧達 (Yung-Ta Lin)</h2>
-
                         <h1>So many things...</h1>
+
                        <div class="row">
-
                    </div>
+
                            <b><u>Lynda</u></b>
-
                    <div class="span12">
+
                        </div>
-
                         <ul class="thumbnails">
+
                        <div class="row">
-
                             <div id="calendar_content"></div>
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
-
                         </ul>
+
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Hobbies: </b> <div class="col-md-8"> drawing, tennis, tap dance, Chinese comedy </div>
 +
                         </div>
 +
                        <div class="row">
 +
                             <b class="col-md-4"> Interested fields: </b> <div class="col-md-8"> UI, HCI, VR </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
 +
                        </div>
                     </div>
                     </div>
                 </div>
                 </div>
 +
            </section>
 +
        </div>
 +
    </script>
 +
 +
    <script type="text/template" id="attribution">
 +
        <section class="yellow-background">
 +
            <h1 class="header">Attribution</h1>
 +
            <p class="header"><i class="icon-paper-clip"> our works tools </i></p>
 +
        </section>
 +
        <div class="divide essay container">
 +
            <div>
 +
                <legend><h2 style="border-bottom: 0">Website</h2></legend>
 +
                <ol>
 +
                    <li>
 +
                        <a href="http://jquery.com/">jQuery</a><br />
 +
                        a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://getbootstrap.com/">BootStrap</a><br />
 +
                        Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://underscorejs.org/">UnderScore</a><br />
 +
                        a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://backbonejs.org/">BackBone</a><br />
 +
                        BackBone gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://lokeshdhakar.com/projects/lightbox2/">Lightbox</a><br />
 +
                        Lightbox is small javascript library used to overlay images on top of the current page. It&#39;s a snap to setup and works on all modern browsers.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://fortawesome.github.io/Font-Awesome/">FontAwesome</a><br />
 +
                        Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://fittextjs.com/">FitText</a><br />
 +
                        FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
 +
                    </li>
 +
                    <li>
 +
                        <a href="http://www.dpereyra.com/scripts/dp_calendar/">SIMPLE EVENTS CALENDAR</a>
 +
                        jQuery Basic Event Calendar is a highly configurable plugin that adds calendar functionality to your pages.
 +
                    </li>
 +
                </ol>
             </div>
             </div>
 +
 +
            <div>
 +
                <legend><h2 style="border-bottom: 0">Wet Lab</h2></legend>
 +
                <p>All the work for this project was performed by the iGEM NTU_Taiwan 2013 team members, the lab work started from July 2013 onwards.</p>
 +
               
 +
                <p>The original SrUCP gene was provided by Dr.Ito from Iwate University in Japan. The pRS424 and pRS423 shuttle vectors was provided by Dr. Jing-Jer Lin from Institute of Biochemistry and Molecular Biology of NTU. The pGAPZA plasmid was provided from Dr. Ching-Tsan Huang from the Department of Biochemical Science and Technology of NTU.</p>
 +
               
 +
                <p>All of the following DNA were designed, cloned, or constructed by our wetlab team members:</p>
 +
                1. TAP protein tag was cloned from pRS424 shuttle vector.<br/>
 +
                2. Tir1 promoter sequence was amplified from genomic DNA of <i>Saccharomyces cerevisiae</i>.<br/>
 +
                3. 26s and 5.8s ITS rDNA was cloned from <i>Rhodotorula glutinis</i>.<br/>
 +
                4. All of the PCR primers of cloning were design by ourselves.<br/>
 +
                5. The construction of pRS424:GAL1:SrUCP:TAP, pGAPZA:26s, pGAPZA:5.8s ITS.<br/>
 +
               
 +
                The idea of controlling the expression of UCP by cold-shock signal was developed by the team before starting our lab works. All of the experiments, the modeling, team wiki design, Android app were planned and carried out by the team.
 +
 +
            </div>
 +
        </div>
 +
    </script>
 +
 +
    <script type="text/template" id="acknowledgement">
 +
        <section class="red-background">
 +
            <h1 class="header">Acknowledgement</h1>
         </section>
         </section>
 +
        <div class="divide essay container">
 +
        <p><b>National Taiwan University</b></p>
 +
        <img src="http://www.bst.ntu.edu.tw/faculty/ChenYR/ChenYR1.files/image009.png" width=300>
 +
        <p>Our supervisor Dr. Yen-rong Chen for making our adventure in iGEM possible.</p>
 +
                <img src="http://www.bst.ntu.edu.tw/faculty/HuangCT/HuangCT1.files/image010.png" width=300>
 +
        <p>Dr. Ching-Tsan Huang for providing us with the shuttle vectors pGAPZA plasmid.</p>
 +
                <img src="http://www.ym.edu.tw/bps/linjj.files/image001.jpg" width=300>
 +
        <p>Dr. Jing-Jer Lin for providing us with the shuttle vectors, pRS424 and pRS423.</p>
 +
                <img src="http://www.bst.ntu.edu.tw/faculty/LinCH/LinCH1.files/image010.jpg" width=300>
 +
                <img src="http://www.ac.ntu.edu.tw/images/people/Kaiyin%20Lo.jpg" width=300>
 +
        <p>Dr. Ching-Hsuan Lin, Dr. Kai-Yin Lo and Dr. Jing-Jer Lin for their advice with the yeast molecular techniques.</p>
 +
                <img src="http://www.chem.sinica.edu.tw/faculty/photo/B/cherri.jpg" width=300>
 +
        <p>Dr. Chao-Ping Hsu for her help with the modeling part of our project.</p>
 +
                <img src="http://www.bst.ntu.edu.tw/faculty/LeeKT/LeeKT1.files/image010.png" width=300>
 +
        <p>Dr. Kung-Ta Lee for his advice of how to measure the heat produce of YeasTherm.</p><br/>
 +
        <p><b>Institute of Molecular Biology, Academia Sinica</b></p>
 +
                <img src="http://www.cctmf.org.tw/campcurie/2011/images/speakers/1-2.jpg" width=300>
 +
                <img src="http://www.imb.sinica.edu.tw/ch/adm-photo/jeng.jpg" width=200>
 +
        <p>Lab N214 Dr. Michael M.C. Lai and Dr. King-Song Jeng for providing us with lab equipment and materials.</p><br/>
 +
        <p><b>Iwate University</b></p>
 +
                <img src="http://www.iwate-u.ac.jp/coe/en/images/kikuito.jpg" width=300>
 +
        <p>Dr. Kikukatsu Ito for providing us the important gene, SrUCP DNA, for our project.<p><br/>
 +
       
 +
        </div>
 +
    </script>
-
     <!--start contact header-->
+
     <script type="text/template" id="Calendar">
-
        <section id="contact-top">
+
        <section class="brown-background">
-
    <!--start contact-desktop header-->
+
            <h1 class="header">Calendar</h1>
-
            <section id="contact-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
            <p class="header container">
-
                <h1 class="header">Contact</h1>
+
                So many things...
-
                <p class="header">Fill up our inbox, we like that</p>
+
             </p>
-
            </section>
+
-
    <!--start contact-mobile header-->
+
-
             <section id="contact-top-mobile" class="hidden-desktop">
+
-
                <h1 class="header">Contact</h1>
+
-
                <p class="header">Fill up our inbox, we like that</p>
+
-
            </section>
+
         </section>
         </section>
-
     <!--start contact-->
+
 
-
         <section id="contact">
+
        <div class="container divide">
 +
            <div id="calendar_content"></div>
 +
        </div>
 +
     </script>
 +
 
 +
    <script type="text/template" id="Photos">
 +
         <section class="yellow-background">
 +
            <h1 class="header">Photos</h1>
             <div class="container">
             <div class="container">
-
                 <div class="row divide">
+
                 <p class="header container">
-
                    <div class="span8">
+
                    Look what we have done<br/>
 +
                    <img class="nohover" id="TaiwanLogo" src="https://static.igem.org/mediawiki/2013/f/f3/NTU_TAIWAN_TaiwanLogo.png" alt-src="images/TaiwanLogo.png">
 +
                </p>
 +
            </div>
 +
        </section>
 +
 
 +
        <div class="container divide" id="index-icons">
 +
            <div class="row text-center">
 +
                <div class="col-md-2 photo-item">
 +
                    <a class="pointer-cursor" scroll-to="Meeting">
                         <div class="row">
                         <div class="row">
-
                             <div id="contactForm" action="mailto:b99902006@gmail.com">
+
                             <span class="icon-stack icon-4x">
-
                                <div class="span8">
+
                              <i class="icon-stop icon-stack-base font-red"></i>
-
                                    <label>Name:</label>
+
                              <i class="icon-calendar icon-light"></i>
-
                                    <input type="text" name="name" value="" id="name" class="span8">
+
                             </span>
-
                                </div>
+
-
                                <div class="span8">
+
-
                                    <label>Message:</label>
+
-
                                    <textarea rows="6" name="message" class="span8" id="message"></textarea>
+
-
                                </div>
+
-
                                <div class="span8">
+
-
                                    <div class="message"><div class="alert"></div></div>
+
-
                                    <input type="submit" value="Send" class="m-btn blue">
+
-
                                </div>
+
-
                             </div>
+
                         </div>
                         </div>
-
                     </div>
+
                        <div> Meeting </div>
-
    <!--start sidebar-->
+
                     </a>
-
                     <div class="span4" id="address">
+
                </div>
-
                         No.1, Sec. 4, Roosevelt Rd., Da’an Dist.<br/>
+
                <div class="col-md-2 photo-item">
-
                        Taipei City 106, Taiwan (R.O.C.)
+
                    <a class="pointer-cursor" scroll-to="Meeting2">
-
                         Email: igemntubest@gmail.com<br>
+
                        <div class="row ">
-
                         <abbr title="Mobile">P:</abbr> +886-2-3366-3366
+
                            <span class="icon-stack icon-4x">
-
                     </div>
+
                              <i class="icon-stop icon-stack-base font-brown"></i>
 +
                              <i class="icon-lightbulb icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Meeting2 </div>
 +
                     </a>
 +
                </div>
 +
                <div class="col-md-2 photo-item">
 +
                    <a class="pointer-cursor" scroll-to="Azalea">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-stop icon-stack-base font-green"></i>
 +
                              <i class="icon-asterisk icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Azalea Festival </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 photo-item">
 +
                    <a class="pointer-cursor" scroll-to="Chiao_Tung_Conference">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-stop icon-stack-base font-blue"></i>
 +
                              <i class="icon-comments icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Chiao Tung University Conference </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 photo-item">
 +
                    <a class="pointer-cursor" scroll-to="LabTime">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-stop icon-stack-base font-purple"></i>
 +
                              <i class="icon-file-alt icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> LabTime </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 photo-item">
 +
                    <a class="pointer-cursor" scroll-to="App">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-stop icon-stack-base font-pink"></i>
 +
                              <i class="icon-gamepad icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> App </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
       
 +
 
 +
        <section class="red-background divide" id="Meeting">
 +
            <h1 class="header">Meeting Photos</h1>
 +
            <p class="header container">
 +
                Leisure time
 +
            </p>
 +
            <div class="divide">
 +
                <div class="row">
 +
                    <ul class="tilt-gallery img-2x" lightbox-id="meeting">
 +
                         <li><img src="https://static.igem.org/mediawiki/2013/8/8f/Meeting-%281%29.jpg" alt-src="./images/MEETING/Meeting-(1).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/7/70/Meeting-%282%29.jpg" alt-src="./images/MEETING/Meeting-(2).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/a/a7/Meeting-%283%29.jpg" alt-src="./images/MEETING/Meeting-(3).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/44/Meeting-%284%29.jpg" alt-src="./images/MEETING/Meeting-(4).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/66/Meeting-%285%29.jpg" alt-src="./images/MEETING/Meeting-(5).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/d/d4/Meeting-%286%29.jpg" alt-src="./images/MEETING/Meeting-(6).jpg"  ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/igem.org/a/a1/Meeting-%287%29.jpg" alt-src="./images/MEETING/Meeting-(7).jpg"  ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/igem.org/3/3c/Meeting-%288%29.jpg" alt-src="./images/MEETING/Meeting-(8).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/e/e5/Meeting-%289%29.jpg" alt-src="./images/MEETING/Meeting-(9).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/1/13/Meeting-%2810%29.jpg" alt-src="./images/MEETING/Meeting-(10).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/0/0e/Meeting-%2811%29.jpg" alt-src="./images/MEETING/Meeting-(11).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/6/67/Meeting-%2812%29.jpg" alt-src="./images/MEETING/Meeting-(12).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/1/1c/Meeting-%2813%29.jpg" alt-src="./images/MEETING/Meeting-(13).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/0/01/Meeting-%2814%29.jpg" alt-src="./images/MEETING/Meeting-(14).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/a/a8/Meeting-%2815%29.jpg" alt-src="./images/MEETING/Meeting-(15).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/f/fd/Meeting-%2816%29.jpg" alt-src="./images/MEETING/Meeting-(16).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/6/65/Meeting-%2817%29.jpg" alt-src="./images/MEETING/Meeting-(17).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/a/a2/Meeting-%2818%29.jpg" alt-src="./images/MEETING/Meeting-(18).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/e/e1/Meeting-%2819%29.jpg" alt-src="./images/MEETING/Meeting-(19).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/b/bd/Meeting-%2820%29.jpg" alt-src="./images/MEETING/Meeting-(20).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/e/e1/Meeting-%2821%29.jpg" alt-src="./images/MEETING/Meeting-(21).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/6/63/Meeting-%2822%29.jpg" alt-src="./images/MEETING/Meeting-(22).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/0/05/Meeting-%2823%29.jpg" alt-src="./images/MEETING/Meeting-(23).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/b/bb/Meeting-%2824%29.jpg" alt-src="./images/MEETING/Meeting-(24).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/0/09/Meeting-%2825%29.jpg" alt-src="./images/MEETING/Meeting-(25).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/a/a8/Meeting-%2826%29.jpg" alt-src="./images/MEETING/Meeting-(26).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/e/e2/Meeting-%2827%29.jpg" alt-src="./images/MEETING/Meeting-(27).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/1/1f/Meeting-%2828%29.jpg" alt-src="./images/MEETING/Meeting-(28).jpg" ></li>
 +
                     </ul>
                 </div>
                 </div>
             </div>
             </div>
         </section>
         </section>
-
    <!--start footer-->
+
        <section class="brown-background divide" id="Meeting2">
-
        <section id="footer">
+
            <h1 class="header">Meeting Photos - Serious</h1>
-
             <div class="container">
+
            <p class="header container">
-
                 <div class="row divide">
+
                Serious
-
    <!--logo and copyright-->
+
            </p>
-
                    <div class="span3">
+
             <div class="divide">
-
                         <a href="https://2013.igem.org/Main_Page" class="brand"><img src="http://ntu-best.herokuapp.com/img/igem_Logo.png" alt=""></a>
+
                 <div class="row">  
-
                         <p>2013 © IGem-Taiwan.</p><br>
+
                    <ul class="tilt-gallery img-2x" lightbox-id="meeting2">
-
                         <p>produced by <br> <a href="mailto:b99902006@ntu.edu.tw" target="_blank">PoHsien Wang</a></p><br>
+
                        <li><img src="https://static.igem.org/mediawiki/igem.org/3/3d/MEETING_1.jpg" alt-src="./images/MEETING_2/MEETING_1.jpg"  ></li>
-
                     </div>
+
                        <li><img src="https://static.igem.org/mediawiki/igem.org/c/c6/MEETING_2.jpg" alt-src="./images/MEETING_2/MEETING_2.jpg"  ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/igem.org/a/ad/MEETING_3.jpg" alt-src="./images/MEETING_2/MEETING_3.jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/7/75/MEETING_4.jpg" alt-src="./images/MEETING_2/MEETING_4.jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/8/82/MEETING_5.jpg" alt-src="./images/MEETING_2/MEETING_5.jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/7/7b/MEETING_6.jpg" alt-src="./images/MEETING_2/MEETING_6.jpg" ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/igem.org/3/3c/MEETING_7.jpg" alt-src="./images/MEETING_2/MEETING_7.jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/d/d1/LABTIME_1.jpg" alt-src="./images/LabTime_2/LABTIME_1.jpg"</li>
 +
                         <li><img src="https://static.igem.org/mediawiki/igem.org/b/b7/LABTIME_2.jpg" alt-src="./images/LabTime_2/LABTIME_2.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/7/7b/LABTIME_3.jpg" alt-src="./images/LabTime_2/LABTIME_3.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/e/e4/LABTIME_4.jpg" alt-src="./images/LabTime_2/LABTIME_4.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/6/62/LABTIME_5.jpg" alt-src="./images/LabTime_2/LABTIME_5.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/d/d8/LABTIME_6.jpg" alt-src="./images/LabTime_2/LABTIME_6.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/1/12/LABTIME_7.jpg" alt-src="./images/LabTime_2/LABTIME_7.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/f/f9/LABTIME_8.jpg" alt-src="./images/LabTime_2/LABTIME_8.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/d/d6/LABTIME_9.jpg" alt-src="./images/LabTime_2/LABTIME_9.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/d/d7/LABTIME_10.jpg" alt-src="./images/LabTime_2/LABTIME_10.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/9/91/LABTIME_11.jpg" alt-src="./images/LabTime_2/LABTIME_11.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/8/8b/LABTIME_12.jpg" alt-src="./images/LabTime_2/LABTIME_12.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/7/78/LABTIME_13.jpg" alt-src="./images/LabTime_2/LABTIME_13.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/6/63/LABTIME_14.jpg" alt-src="./images/LabTime_2/LABTIME_14.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/0/0c/LABTIME_15.jpg" alt-src="./images/LabTime_2/LABTIME_15.jpg"</li>
 +
                        <li><img src="https://static.igem.org/mediawiki/igem.org/e/ec/Sc_pic.jpg" alt-src="./images/LabTime_2/Sc_pic.jpg"</li>
 +
                     </ul>
 +
                </div>
 +
            </div>
 +
        </section>
-
                    <div class="span3 thanks">
+
        <section class="green-background divide" id="Azalea">
-
                         <p><h2> Special Thanks </h2></p>
+
            <h1 class="header">Azalea Festival</h1>
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/BST.png" alt="">
+
            <p class="header container">
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/CSIE.png" alt="">
+
            </p>
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/NTHU.png" alt="">
+
            <div class="divide">
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/NTU.png" alt="">
+
                <div class="row">
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/ntuee.png" alt="">
+
                    <ul class="tilt-gallery img-2x" lightbox-id="Azalea">
-
                     </div>
+
                         <li><img src="https://static.igem.org/mediawiki/2013/7/7a/NTU_TAIWAN_AZALEA%281%29.jpg" alt-src="./images/AZALEA/(1).jpg"  ></li>
-
    <!--footer menu-->
+
                        <li><img src="https://static.igem.org/mediawiki/2013/4/41/%282%29.jpg" alt-src="./images/AZALEA/(2).jpg"  ></li>
-
                     <div class="span2 offset1">
+
                        <li><img src="https://static.igem.org/mediawiki/2013/9/96/NTU_TAIWAN_AZALEA%283%29.jpg" alt-src="./images/AZALEA/(3).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/0/01/NTU_TAIWAN_AZALEA%284%29.jpg" alt-src="./images/AZALEA/(4).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/5/51/NTU_TAIWAN_AZALEA%285%29.jpg" alt-src="./images/AZALEA/(5).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/60/NTU_TAIWAN_AZALEA%286%29.jpg" alt-src="./images/AZALEA/(6).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/c/c5/NTU_TAIWAN_AZALEA%287%29.jpg" alt-src="./images/AZALEA/(7).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/0/05/NTU_TAIWAN_AZALEA%288%29.jpg" alt-src="./images/AZALEA/(8).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/60/NTU_TAIWAN_AZALEA%286%29.jpg" alt-src="./images/AZALEA/(9).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/1/14/NTU_TAIWAN_AZALEA%2810%29.jpg" alt-src="./images/AZALEA/(10).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/3/32/NTU_TAIWAN_AZALEA%2811%29.jpg" alt-src="./images/AZALEA/(11).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/4a/NTU_TAIWAN_AZALEA%2812%29.jpg" alt-src="./images/AZALEA/(12).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/c/ce/NTU_TAIWAN_AZALEA%2813%29.jpg" alt-src="./images/AZALEA/(13).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/44/NTU_TAIWAN_AZALEA%2814%29.jpg" alt-src="./images/AZALEA/(14).jpg" ></li>
 +
 
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </section>
 +
       
 +
        <section class="blue-background divide" id="Chiao_Tung_Conference">
 +
            <h1 class="header">Chiao Tung University Conference</h1>
 +
            <p class="header container">
 +
            </p>
 +
            <div class="divide">
 +
                <div class="row">
 +
                    <ul class="tilt-gallery img-2x" lightbox-id="Chiao_Tung_Conference">
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/0/03/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%281%29.jpg" alt-src="./images/Chiao_Tung_Conference/(1).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/62/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%282%29.jpg" alt-src="./images/Chiao_Tung_Conference/(2).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/c/c6/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%283%29.jpg" alt-src="./images/Chiao_Tung_Conference/(3).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/8/87/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%284%29.jpg" alt-src="./images/Chiao_Tung_Conference/(4).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/7/74/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%285%29.jpg" alt-src="./images/Chiao_Tung_Conference/(5).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/1/1b/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%286%29.jpg" alt-src="./images/Chiao_Tung_Conference/(6).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/1/1e/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%287%29.jpg" alt-src="./images/Chiao_Tung_Conference/(7).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/62/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%288%29.jpg" alt-src="./images/Chiao_Tung_Conference/(8).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/c/c0/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%289%29.jpg" alt-src="./images/Chiao_Tung_Conference/(9).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/f/ff/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2810%29.jpg" alt-src="./images/Chiao_Tung_Conference/(10).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/9/92/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2811%29.jpg" alt-src="./images/Chiao_Tung_Conference/(11).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/b/b6/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2812%29.jpg" alt-src="./images/Chiao_Tung_Conference/(12).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/63/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2813%29.jpg" alt-src="./images/Chiao_Tung_Conference/(13).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/1/13/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2814%29.jpg" alt-src="./images/Chiao_Tung_Conference/(14).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/f/f3/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2815%29.jpg" alt-src="./images/Chiao_Tung_Conference/(15).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/8/89/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2816%29.jpg" alt-src="./images/Chiao_Tung_Conference/(16).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/a/a0/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2817%29.jpg" alt-src="./images/Chiao_Tung_Conference/(17).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/0/0f/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2818%29.jpg" alt-src="./images/Chiao_Tung_Conference/(18).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/5/57/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2819%29.jpg" alt-src="./images/Chiao_Tung_Conference/(19).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/8/84/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2820%29.jpg" alt-src="./images/Chiao_Tung_Conference/(20).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/9/9e/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2821%29.jpg" alt-src="./images/Chiao_Tung_Conference/(21).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/49/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2822%29.jpg" alt-src="./images/Chiao_Tung_Conference/(22).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/d/d8/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2823%29.jpg" alt-src="./images/Chiao_Tung_Conference/(23).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/5/59/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2824%29.jpg" alt-src="./images/Chiao_Tung_Conference/(24).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/c/ca/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2825%29.jpg" alt-src="./images/Chiao_Tung_Conference/(25).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/49/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2826%29.jpg" alt-src="./images/Chiao_Tung_Conference/(26).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/5/55/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2827%29.jpg" alt-src="./images/Chiao_Tung_Conference/(27).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/2/22/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2828%29.jpg" alt-src="./images/Chiao_Tung_Conference/(28).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/e/e5/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2829%29.jpg" alt-src="./images/Chiao_Tung_Conference/(29).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/f/f8/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2830%29.jpg" alt-src="./images/Chiao_Tung_Conference/(30).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/48/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2831%29.jpg" alt-src="./images/Chiao_Tung_Conference/(31).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/66/NTU_TAIWAN_%E4%BA%A4%E5%A4%A7%2832%29.jpg" alt-src="./images/Chiao_Tung_Conference/(32).jpg" ></li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 
 +
        <section class="purple-background divide" id="LabTime">
 +
            <h1 class="header">Happy LabTime</h1>
 +
            <p class="header container">
 +
            </p>
 +
            <div class="divide">
 +
                <div class="row">
 +
                    <ul class="tilt-gallery img-2x" lightbox-id="LabTime">
 +
                         <li><img src="https://static.igem.org/mediawiki/2013/b/b3/NTU_TAIWAN_LABTIME_%281%29.JPG" alt-src="./images/LabTime/(1).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/6/6f/NTU_TAIWAN_LABTIME_%282%29.jpg" alt-src="./images/LabTime/(2).jpg" ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/2013/f/fc/NTU_TAIWAN_LABTIME_%283%29.JPG" alt-src="./images/LabTime/(3).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/b/b1/NTU_TAIWAN_LABTIME_%284%29.jpg" alt-src="./images/LabTime/(4).jpg" ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/2013/a/a2/NTU_TAIWAN_LABTIME_%285%29.jpg" alt-src="./images/LabTime/(5).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/4/41/NTU_TAIWAN_LABTIME_%286%29.jpg" alt-src="./images/LabTime/(6).jpg" ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/2013/9/97/NTU_TAIWAN_LABTIME_%287%29.jpg" alt-src="./images/LabTime/(7).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/2/29/NTU_TAIWAN_LABTIME_%288%29.jpg" alt-src="./images/LabTime/(8).jpg" ></li>
 +
                         <li><img src="https://static.igem.org/mediawiki/2013/0/0e/NTU_TAIWAN_LABTIME_%289%29.jpg" alt-src="./images/LabTime/(9).jpg"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/e/e7/NTU_TAIWAN_LABTIME_%2810%29.jpg" alt-src="./images/LabTime/(10).jpg" ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/b/b1/NTU_TAIWAN_LABTIME_%2811%29.jpg" alt-src="./images/LabTime/(11).jpg" ></li>
 +
                     </ul>
 +
                </div>
 +
            </div>
 +
        </section>
 +
 
 +
 
 +
        <section class="pink-background divide" id="App">
 +
            <h1 class="header">App</h1>
 +
            <p class="header container">
 +
                Fascinating Android App
 +
            </p>
 +
            <div class="divide">
 +
                <div class="row">
 +
                    <ul class="tilt-gallery img-2x" lightbox-id="meeting">
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/b/ba/NTU_TAIWAN_APP%281%29.png" alt-src="./images/App/(1).png"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/1/10/NTU_TAIWAN_APP%282%29.png" alt-src="./images/App/(2).png"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/a/ab/NTU_TAIWAN_APP%283%29.png" alt-src="./images/App/(3).png"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/b/b4/NTU_TAIWAN_APP%284%29.png" alt-src="./images/App/(4).png"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/3/39/NTU_TAIWAN_APP%285%29.png" alt-src="./images/App/(5).png"  ></li>
 +
                        <li><img src="https://static.igem.org/mediawiki/2013/e/e6/NTU_TAIWAN_APP%286%29.png" alt-src="./images/App/(6).png"  ></li>
 +
                     </ul>
 +
                </div>
 +
            </div>
 +
        </section>
 +
    </script>
 +
 
 +
    <script type="text/template" id="Safety">
 +
        <section class="red-background">
 +
        <h1 class="header">Safety</h1>
 +
        </section>
 +
       
 +
        <div class="container divide essay">
 +
            <ul>
 +
                <li>
 +
                    <b>Do the biological materials used in your lab work pose any risks to…</b><br/><br/>
 +
                    <ul>
 +
                        <li>
 +
                            <b> -the safety and health of team members or others working in the lab? <br/>
 +
                                -the safety and health of the general public, if released by design or by accident? </b>
 +
                        </li>
 +
           
                         <ul>
                         <ul>
-
                             <li><h5>Menu</h5></li>
+
                             <li> Here is a list of the chassis organisms that we use in our project : <i>Escherichia coli</i>, <i>Saccharomyces cerevisiae</i>, and <i>Rhodotorula glutinis</i>. These are all Biosafety Level 1 organisms and non-pathogenic, therefore pose no severe threat to the researchers or any healthy human. </li>
-
                            <li><a href="#intro">Home</a></li>
+
-
                            <li><a href="#basic_top">Intro</a></li>
+
-
                            <li><a href="#igem-top">IGEM</a></li>
+
-
                            <li><a href="#works-top">Works</a></li>
+
-
                            <li><a href="#gallery-top">Gallery</a></li>
+
-
                            <li><a href="#team-top">Team</a></li>
+
-
                            <li><a href="#calendar-top">Calendar</a></li>
+
                         </ul>
                         </ul>
-
                    </div>
+
                        <li> <b>-the environment, if released by design or by accident?</b></li>
-
    <!--link to social networks-->
+
-
                    <div class="span2 offset1">
+
                         <ul>
                         <ul>
-
                             <li><h5>Social</h5></li>
+
                             <li>For the same reasons above, there would be minimum chance of the organisms causing any great harm to the environment. Our <i>E. coli</i> transformants do carry an ampicillin resistant gene, so accidental release of the bacteria might result in a spread of the antibiotic resistant phenotype. However, all our experiments are conducted under safe procedures and the equipment used for bacteria cells and/or cultures are properly autoclaved. </li>
-
                            <li><a class="facebook" href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM" target="_blank">Facebook</a></li>
+
-
                            <li><a class="google" href="https://igem.org/Team.cgi" target="_blank">IGem Website</a></li>
+
                         </ul>
                         </ul>
-
                     </div>
+
                        <li> <b>-security through malicious misuse by individuals, groups, or countries? </b></li>
-
                 </div>
+
                        <ul>
 +
                            <li> Unless high density of cell culture is spread out, no potential risk is present. </li>
 +
                        </ul>
 +
               
 +
                     </ul>
 +
                </li>
 +
                <li>
 +
                    <b>If your project moved from a small-scale lab study to become widely used as a commercial/industrial product, what new risks might arise?</b><br/><br/>
 +
                    <p>Respecting our goals to prevent the damage caused by cold temperature in fish farming:</p>
 +
                    <ol>
 +
                        <li>Contact with high density of cells may cause harmful effects on people.</li>
 +
                        <li>Release of cell culture into the environment may cause fish infection and perturbation of the ecosystem.</li>
 +
                    </ol>
 +
                </li>
 +
                <li>
 +
                    <b>Does your project include any design features to address safety risks?</b><br/><br />
 +
                    <div class="row">
 +
                        <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/igem.org/5/50/Suicide.jpg" alt-src="./images/suicide.jpg" style="display: block; margin: 10px;" width="500px">
 +
                        <div class="pull-right">
 +
                            <h5>(fig.3 Overview of the HOG pathway in <i>S. cerevisiae</i>. Several transcriptional factors are regulated.)</h5>
 +
                        </div>
 +
                        <div class="margin-left: 20px;">
 +
                        <p>In case of an accidental release of the thermogenic yeasts from our device to the environment, we have designed a kill switch that would ideologically lead the yeasts to death under such circumstance.<p/>
 +
                        <p>When faced with an increasing osmolarity of the environment, the HOG pathway is activated in yeasts and the final result is the accumulation of glycerol in yeast cells to balance the exterior osmotic pressure. Sensors of the ambient osmolarity rise activates a MAPK cascade and eventually leads to the phosphorylation and activation of the Hog1 protein. Activated Hog1 then translocates into the nucleus and activates a number of transcriptional factors via protein-protein interactions or phosphorylation.(fig.3) These transcriptional factors (mostly activators) then mediate the expression of hundreds of genes related to cell integrity and adaptation to osmostress. Among these, the GPD1 gene and the STL1 gene are the most significant targets of the HOG pathway. GPD1 encodes the sequences for NAD-dependent glycerol-3-phosphate dehydrogenase, which is the key enzyme of glycerol synthesis. Following activation of the HOG pathway, activated Hog1 binds to the transcriptional activator Hot1 and upregulates the expression of GPD1. On the other hand, STL1 codes for a glycerol/proton symporter in the plasma membrane of S. cerevisiae. Upon sensing a rise in osmolarity, STL1 is strongly and transiently induced by transcriptional activators Hot1 and Smp1, both members of the HOG pathway. Hot1 activation is as mentioned above, and Smp1 is phosphorylated and activated by the active Hog1 protein. We thus utilize, the sensing of osmolarity and the induction of GPD1 and STL1 expression in yeasts to make up the first part of our kill switch.<p/>
 +
                        <p>In order to complete our kill switch so that increasing osmolarity not only activates the HOG pathway, but also leads to cell death, we further integrate a kill gene following the promoter sequence of GPD1 or STL1. The most suitable genes would be those encoding proteins that have nuclease activity. A couple of chosen examples are NUC1 (encoding endonuclease G) and YBL055C (encoding Tat-D nuclease). Endonuclease G is the major mitochondrial nuclease in S. cerevisiae, and it induces apoptosis in yeast independently of metacaspase or of apoptosis inducing factors. Tat-D is an endo-/exo-nuclease that incises the double stranded DNA without obvious specificity via its endonuclease activity and excises the DNA from 3' to 5' end by its exonuclease activity. These proteins are intrinsically expressed during apoptosis. By placing the genes downstream of the GDP1 or STL1 promoter, their expression will be induced under increasing osmolarity and cause irreversible harm to the yeasts, in the end killing them.</p>
 +
                        <p>According to data from current milkfish farms in Taiwan, which are saltwater farms, water osmolarity is way higher than yeast culturing environments. Therefore the HOG pathway would surely be activated once the yeasts escape from the thermogenic device, and with our design of kill switch, cell death follows. If the device is to be used in a fish farm with fresh water, the osmolarity would very likely be lower than the yeast culture. In light of this possibility, we are also looking into another mechanism of S. cerevisiae that is used when it is subjected to low osmolarity stress. It is called the cell integrity pathway, and is activated upon decreasing osmolarity of the environment. We hope to find similar functioning effectors downstream of the pathway like we did in the HOG pathway, and integrate the activated promoters with kill genes. If succeeded, our safety design will not be restricted to saltwater fish farms.</p>
 +
                        </p>
 +
                        </div>
 +
                    </div>
 +
                    <p style="margin-left: 40 px">
 +
                        <h5>Resource: <br/>
 +
                        Overview of HOG pathway<br/>
 +
                        Microbiol Mol Biol Rev. 2002 Jun;66(2):300-72.<br/>
 +
                        Osmotic stress signaling and osmoadaptation in yeasts. by Hohmann S.</h5>
 +
                    </p>
 +
                </li>
 +
                <li>
 +
                    <b>What safety training have you received?</b><br/><br/>
 +
                    <p>Every student who worked in the lab have had to receive a 12-hour training. The training includes lectures on the topics &#34;Principal of Biosafety&#34; and &#34;Management of Biosafety in Laboratories&#34;.</p><br/>
 +
                </li>
 +
                <li>
 +
                    <b>Does your institution have an Institutional Biosafety Committee, or an equivalent group? If yes, have you discussed your project with them? Describe any concerns they raised with your project, and any changes you made to your project plan based on their review.</b><br/><br/>
 +
                    <p>We had an discussion with the National Taiwan University Environment Protection and Occupational Safety and Health Center. The assessment result was that we don&#39;t need to send the &#34;Recombinant gene experiment&#34; form to the Center, due to our materials all belonging to RG1.</p><br/>
 +
                </li>
 +
                <li>
 +
                    <b>Does your country have national biosafety regulations or guidelines? If so, please provide a link to these regulations or guidelines if possible.</b><br/><br/>
 +
                </li>
 +
                <p>&#34; http://esh.ntu.edu.tw/epc/e-home.php &#34;<br/>
 +
                    This is also the biosafety guidelines that our institution follows.<br/>
 +
                </p>
 +
            </ul>
 +
        </div>
 +
    </script>
 +
 
 +
    <script type="text/template" id="BasicResearch">
 +
        <section class="pink-background">
 +
            <h1 class="header" style="margin: 0">Basic Research</h1>
 +
            <div class="container">
 +
                <p class="header" style="margin: 0"> Our final goal is to express SrUCP in <i>Rhodotorula glutinis</i>. However, hampering by its difficulties in molecular cloning, we take <i>Saccharomyces cerevisiae</i> as our first-hand research material. </p>
 +
                <div id="beaker">
 +
                    <span class="bubble"><span class="glow">&nbsp;</span></span>
 +
                    <span class="bubble2"><span class="glow">&nbsp;</span></span>
 +
                    <span class="bubble3"><span class="glow">&nbsp;</span></span>
 +
                    <span class="bubble4"><span class="glow">&nbsp;</span></span>
 +
                    <img class="nohover" id="redBeaker" alt-src="images/beaker.png" src="/wiki/images/6/6f/NTU_TAIWAN_Beaker.png">
 +
                 </div>
             </div>
             </div>
         </section>
         </section>
-
         <script src="./javascript/jquery-latest.js?action=raw"></script>
+
         <div class="container divide" id="index-icons">
-
        <script src="./javascript/sprintf.min.js?action=raw"></script>
+
            <div class="row text-center">
-
        <script src="./javascript/bootstrap.min.js?action=raw"></script>
+
                <div class="col-md-2 index-item">
-
        <script src="./javascript/custom.js?action=raw"></script>
+
                    <a class="pointer-cursor" scroll-to="Chassis">
-
        <script>
+
                        <div class="row">
-
            $(window).load(function() {
+
                            <span class="icon-stack icon-4x">
-
                 $("#status").fadeOut();
+
                              <i class="icon-cloud icon-stack-base font-red"></i>
-
                $("#preloader").delay(300).fadeOut("slow");
+
                              <i class="icon-cogs icon-light"></i>
-
            })
+
                            </span>
-
        </script>
+
                        </div>
-
        <script src="./javascript/retina.js?action=raw"></script>
+
                        <div> Chassis </div>
-
        <script src="./javascript/jquery.easing-1.3.pack.js?action=raw"></script>
+
                    </a>
-
        <script src="./javascript/jquery.nicescroll.min.js?action=raw"></script>
+
                 </div>
-
        <script src="./javascript/jquery.stellar.js?action=raw"></script>
+
                <div class="col-md-2 index-item">
-
        <script src="./javascript/date.js?action=raw"></script>
+
                    <a class="pointer-cursor" scroll-to="Expression">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-cloud icon-stack-base font-blue"></i>
 +
                              <i class="icon-barcode icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Expression </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Bioheater">
 +
                        <div class="row ">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-cloud icon-stack-base font-yellow"></i>
 +
                              <i class="icon-beaker icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Bioheater </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Sensor">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-cloud icon-stack-base font-green"></i>
 +
                              <i class="icon-retweet icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Sensor </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Circuit">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-cloud icon-stack-base font-purple"></i>
 +
                              <i class="icon-sitemap icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Circuit </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Suicide">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-cloud icon-stack-base font-red"></i>
 +
                              <i class="icon-bug icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Suicide </div>
 +
                    </a>
 +
                </div>
-
         <script src="./javascript/jquery.ui.datepicker.min.js?action=raw"></script>
+
            </div>
 +
         </div>
 +
 
 +
 
 +
        <div id="Chassis">
 +
            <section class="yellow-background">
 +
                <h1 class="header">Chassis</h1>
 +
                <p class="header"><i>Saccharomyces cerevisiae</i></p>
 +
            </section>
 +
            <div class="container essay divide">
 +
                <div class="pull-right col-md-5">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/igem.org/e/ec/Sc_pic.jpg" width=500 alt-src="./images/LabTime_2/Sc_pic.jpg">
 +
                    <h5>"Budding Yeast and Friend Fan Page <a href="https://www.facebook.com/yeastandfriends"> Link</a>"</h5>
 +
                </div>
 +
 
 +
                <div class="row text-letf" style="margin-top: 20px">
 +
                <b>What is Saccharomyces cerevisiae?</b>
 +
                    <p>
 +
                        <i><b>Saccharomyces cerevisiae</b></i> is a species of yeast. It is perhaps the most useful yeast, having been instrumental to winemaking, baking and brewing since ancient times. It is believed that it was originally isolated from the skin of grapes (one can see the yeast as a component of the thin white film on the skins of some dark-colored fruits such as plums; it exists among the waxes of the cuticle). It is one of the most intensively studied eukaryotic model organisms in molecular and cell biology, much like Escherichia coli as the model bacterium. It is the microorganism behind the most common type of fermentation. S. cerevisiae cells are round to ovoid, 5–10 micrometres in diameter. It reproduces by a division process known as budding.
 +
                    </p>
 +
                    <p>Many proteins important in human biology were first discovered by studying their homologs in yeast; these proteins include cell cycle proteins, signaling proteins, and protein-processing enzymes.</p>
 +
                    <p><h5>Reference: Wikipedia</h5></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="Expression">
 +
            <section class="blue-background">
 +
                <h1 class="header">Expression system</h1>
 +
                <p class="header">two micron</p>
 +
            </section>
 +
 
 +
            <div class="container divide">
 +
                <img src="https://static.igem.org/mediawiki/2013/1/1e/NTU_TAIWAN_E_coli.jpg" alt-src="images/e_coli.jpg" class="pull-right img-responsive">
 +
                <div style="margin-top: 75px"><p>The yeast <b>Saccharomyces cerevisiae</b> has several properties which have established it as an important tool in the expression of foreign protein for research, industrial or medical use. As a food organism, it is highly acceptable for the production of pharmaceutical proteins. In contrast,<b>Escherichia coli</b> have toxic cell wall pyroxenes and mammalian cells may contain oncogenic or viral DNA, so that products from these organisms must be tested hmore extensively.</p>
 +
                <p>Yeast can be grown rapidly on simple media and to high cell density and its genetics are more advanced than any other eukaryote, so that it can be manipulated almost as readily as E.coli. As a eukaryote, yeast is a suitable host organism for the High-level production of secreted as well as soluble cytosolic proteins.</p>
 +
                <hr>
 +
                <p>Most yeast expression vectors have been based on the multi-copy 2p plasmid and contain sequences for propagation in E.coli and in yeast, as well as a yeast promoter and terminator for efficient transcription of the foreign gene. The recent rapid expansion in yeast molecular genetics has led to a great increase in our understanding of these components, and as a result there is now a bewildering choice of promoter systems and methods for propagating foreign DNA in yeast. In many cases ingenious new approaches have been employed, for example in increasing the strength of native promoters or the stability of expression vectors.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
        <div id="Bioheater">
 +
            <section class="lightblue-background">
 +
                <h1 class="header">Bioheater</h1>
 +
            </section>
 +
 
 +
            <div class="container essay divide">
 +
                <p>UCP1 can transport protons through two different hypothesized mechanisms. In the first model, UCP1 transfers protons from intermembrane space to mitochondria matrix. Fatty acids provide essential free carboxy groups catalyzing proton (H+) translocation. In this model, Coenzyme Q(CoQ) serves as a necessary cofactor of UCP1, activating the protein functions.</p>
 +
                <p>In the second model, free fatty acids (FFAs) combine with protons with carboxy groups, then flipping across inner mitochondria membrane. After FFAs flipping to the matrix side, UCP1 removes protons from carboxy groups, flipping the anion form FFAs back to the innermembrane space. (fig.2)The anion form FFAs bind to protons again, transferring more protons into the matrix. </p>
 +
                <img class="tipReveal img-responsive" src="https://static.igem.org/mediawiki/2013/8/8f/NTU_TAIWAN_Image002.png" alt-src="images/image002.png"></img>
 +
                <div class="tip">(fig.2)</div>
 +
                <p>Through these two div mechanisms, proton gradient on either side of inner membrane are formed. Generally, the oxidative phosphorylation of ADP into ATP takes place within the mitochondrial inner membrane respiratory chain. However, the coupling of mitochondrial respiration and ATP synthesis is not complete (Nicholls, 1974; Brand, 1977). Thus in several tissues there is a proton leak through the inner mitochondrial membrane that is not associated with ATP synthesis. And in these tissues, UCPs produce heat.
 +
                    <span class="tipReveal">[*]</span><br/>
 +
                    <span class="tip">[*]Thermoregulation: what role for UCPs in mammals and birds?Mozo J, Emre Y, Bouillaud F, Ricquier D, Criscuolo F. Biosci Rep. 2005 Jun-Aug;25(3-4):227-49.</span>
 +
                </p>
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="Sensor">
 +
            <section class="green-background">
 +
                <h1 class="header">Sensor</h1>
 +
            </section>
 +
 
 +
            <div class="essay container divide">
 +
            <P><b>Cold shock promoter</b></p>
 +
                <p>Cold shock promoter can overexpression protein during dramatically temperature decrease, for exsample, cspA promotor in <i>E. coli</i>, the most well-known cold shock promoter. But cold shock promotor have not been find in yeast, we choose sequence prior to one of the cold-shock protein, TIR1, as potential cold shock promoter.</p>
 +
            <p><b>What is <i>TIR1</i> gene ?</b></p>
 +
                <p>S. cerevisiae has rigid cell wall that protects the cells from mechanical injury, hypotonic lysis, and damaging extracellular enzymes. The cell well is mainly composed of P-glucan and mannoproteins. When the cell faces severe environment stresses, such as cold shock and anaerobiosis, it will express TIR gene family, producing cell wall mannoproteins.[1] Among the TIR family, TPS1, TPS2, HSP12, HSP26, HSP42, HSP104, YRO2, SSE2, Tip1, Tir1, and Tir2 genes are supposed to express after exposure to low temperature.[2] Tir1 and TPS1 are most studied gene fragments as yet.</i>
 +
                <p><b>Potential Cold Shock Promoter</b></p>
 +
                <p>Since <i>TPS1</i> is observed in cold-shock studies under near-freezing conditions, which is much lower than the low temperature ( 10℃) designed in our experiment, we choose <i>Tir1</i> promoter as our cold shock promoter.[3] <i>Tir1</i> promoter is induced by temperature decrease from 30℃to 10℃.[4] When exposing to low temperature environment (about 10~20℃), our plasmids start transcription, producing SrUCP. Once SrUCP is formed, they will generate heat to enhance environment temperature.</p>
 +
                <p>The most important thing is, owing to no certain cold shock promoter have been find in yeast, whether this sequence can be induce by low temperature, it have significance in yeast genetic engineering.</p>
 +
               
 +
                Reference:<br/>
 +
                [1] Identification and analysis of a static culture-specific cell wall protein,Tirlp/Srplp in <i>Saccharomyces cerevisiae</i>. Hiroshi KITAGAKI, Hitoshi SHIMOI and Kiyoshi ITOH. Eur. J. Biochem. 249, 343-349 (1997).<br/>
 +
                [2] Acclimation of <i>Saccharomyces cerevisiae</i> to Low Temperature: A Chemostat-based Transcriptome Analysis. Siew Leng Tai, Pascale Daran-Lapujade, Michael C. Walsh,Jack T. Pronk,and Jean-Marc Daran. Molecular Biology of the Cell. Vol. 18, 5100–5112, December 2007<br/>
 +
                [3] Characterization and Regulation of the Trehalose Synthesis Pathway and Its Importance in the Pathogenicity of Cryptococcus neoformans. Elizabeth Wills Petzold, Uwe Himmelreich, Eleftherios Mylonakis, Thomas Rude, Dena Toffaletti, Gary M. Cox, Jackie L. Miller, and John R. Perfect. Infect Immun. 2006 October; 74(10): 5877–5887.<br/>
 +
                [4] Cold-shock induction of a family of TIP1-related proteins associated with the membrane in <i>Saccharomyces cerevisiae</i>. Leslie R. Z. Kowalski, Keiji Kondo^ and Masayori. Molecular Microbiology (1995) 15(2),341-353.<br/>
 +
            </div>
 +
        </div>
 +
 
 +
 +
 
 +
        <div id="Suicide">
 +
            <section class="red-background">
 +
                <h1 class="header">Suicide</h1>
 +
            </section>
 +
            <div class="essay container divide">
 +
                <div class="pull-right col-md-6">
 +
                    <img class="tipReveal img-responsive" src="https://static.igem.org/mediawiki/igem.org/5/50/Suicide.jpg" alt-src="./images/suicide.jpg" style="display: block; margin: 10px;" width=500>
 +
                    <div class="tip">
 +
                        (fig.3 Overview of the HOG pathway in S. cerevisiae. Several transcriptional factors are regulated.)
 +
                    </div>
 +
                </div>
 +
           
 +
                <p>In case of an accidental release of the thermogenic yeasts from our device to the environment, we have designed a kill switch that would ideologically lead the yeasts to death under such circumstance.<p/>
 +
                <b>The HOG pathway</b>
 +
                <p>When faced with an increasing osmolarity of the environment, the HOG pathway is activated in yeasts and the final result is the accumulation of glycerol in yeast cells to balance the exterior osmotic pressure. Sensors of the ambient osmolarity rise activates a MAPK cascade and eventually leads to the phosphorylation and activation of the Hog1 protein. Activated Hog1 then translocates into the nucleus and activates a number of transcriptional factors via protein-protein interactions or phosphorylation.(fig.3) These transcriptional factors (mostly activators) then mediate the expression of hundreds of genes related to cell integrity and adaptation to osmostress.</p>
 +
                <b>The GPD1 gene and the STL1 gene</b>
 +
                <p>Among these, the GPD1 gene and the STL1 gene are the most significant targets of the HOG pathway. GPD1 encodes the sequences for NAD-dependent glycerol-3-phosphate dehydrogenase, which is the key enzyme of glycerol synthesis. Following activation of the HOG pathway, activated Hog1 binds to the transcriptional activator Hot1 and upregulates the expression of GPD1. On the other hand, STL1 codes for a glycerol/proton symporter in the plasma membrane of S. cerevisiae. Upon sensing a rise in osmolarity, STL1 is strongly and transiently induced by transcriptional activators Hot1 and Smp1, both members of the HOG pathway. Hot1 activation is as mentioned above, and Smp1 is phosphorylated and activated by the active Hog1 protein. We thus utilize, the sensing of osmolarity and the induction of GPD1 and STL1 expression in yeasts to make up the first part of our kill switch.<p/>
 +
                <b>Suicide mechanism</b>
 +
                <p>In order to complete our kill switch so that increasing osmolarity not only activates the HOG pathway, but also leads to cell death, we further integrate a kill gene following the promoter sequence of GPD1 or STL1. The most suitable genes would be those encoding proteins that have nuclease activity. A couple of chosen examples are NUC1 (encoding endonuclease G) and YBL055C (encoding Tat-D nuclease). Endonuclease G is the major mitochondrial nuclease in S. cerevisiae, and it induces apoptosis in yeast independently of metacaspase or of apoptosis inducing factors. Tat-D is an endo-/exo-nuclease that incises the double stranded DNA without obvious specificity via its endonuclease activity and excises the DNA from 3' to 5' end by its exonuclease activity. These proteins are intrinsically expressed during apoptosis. By placing the genes downstream of the GDP1 or STL1 promoter, their expression will be induced under increasing osmolarity and cause irreversible harm to the yeasts, in the end killing them.</p>
 +
                <b>Use in milkfish farms</b>
 +
                <p>According to data from current milkfish farms in Taiwan, which are saltwater farms, water osmolarity is way higher than yeast culturing environments. Therefore the HOG pathway would surely be activated once the yeasts escape from the thermogenic device, and with our design of kill switch, cell death follows. If the device is to be used in a fish farm with fresh water, the osmolarity would very likely be lower than the yeast culture. In light of this possibility, we are also looking into another mechanism of S. cerevisiae that is used when it is subjected to low osmolarity stress. It is called the cell integrity pathway, and is activated upon decreasing osmolarity of the environment. We hope to find similar functioning effectors downstream of the pathway like we did in the HOG pathway, and integrate the activated promoters with kill genes. If succeeded, our safety design will not be restricted to saltwater fish farms.</p>
 +
           
 +
                <h5>Resource: <br/>
 +
                Overview of HOG pathway<br/>
 +
                Microbiol Mol Biol Rev. 2002 Jun;66(2):300-72.<br/>
 +
                Osmotic stress signaling and osmoadaptation in yeasts. by Hohmann S.</p></h5>
 +
            </div>
 +
        </div>
 +
 
 +
    </script>
 +
 
 +
    <script type="text/template" id="Application">
 +
        <section class="grey-background">
 +
            <h1 class="header">Applications</h1>
 +
            <div class="container">
 +
              <p class="header" style="margin: 0"> Being an special lipid productive yeast, <i>Rhodotorula glutinis</i> has strong potentiality to become an extraordinary bio-heating device. Let's find out! </p>
 +
                <div id="beaker">
 +
                    <span class="bubble"><span class="glow">&nbsp;</span></span>
 +
                    <span class="bubble2"><span class="glow">&nbsp;</span></span>
 +
                    <span class="bubble3"><span class="glow">&nbsp;</span></span>
 +
                    <span class="bubble4"><span class="glow">&nbsp;</span></span>
 +
                    <img class="nohover" id="redBeaker" src="https://static.igem.org/mediawiki/2013/6/6f/NTU_TAIWAN_Beaker.png" alt-src="images/beaker.png" alt="the beaker" >
 +
                </div>
 +
            </div>
 +
        </section>
 +
 
 +
        <div id="Chassis" class="divide">
 +
            <section class="brown-background">
 +
                <h1 class="header">Chassis</h1>
 +
                <p class="header"><i> Rhodotorula glutinis</i></p>
 +
            </section>
 +
            <div class="container divide essay">
 +
                <img class="pull-right" src="https://static.igem.org/mediawiki/igem.org/e/e2/Meeting-%2827%29.jpg" alt-src="./images/MEETING/Meeting-(27).jpg" width=500>
 +
                <p><b>What is <i>Rhodotorula glutinis</i> ?</b></p>
 +
                    <p><i><u>Rhodotorula</u></i> is an oleaginous yeast which is able to activate non-esterified fatty acids for the synthesis of triacylglycerol. <i>Rhodotorula</i> also a common environmental inhabitant. It can be cultured from soil, water, and air samples. It is able to scavenge nitrogenous compounds from its environment remarkably well, growing even in air which has been carefully cleaned of any fixed nitrogen contaminants. In such conditions, the nitrogen content of the dry weight of <i>Rhodotorula</i> can drop as low as 1%, compared to around 14% for most bacteria growing in normal conditions.</p>
 +
                <p><b>The oleaginous yeast</b></p>
 +
                <p>
 +
                    The increasing cost of vegetable oils is turning the use of microbial lipids into a competitive alternative for the production of biodiesel fuel. The oleaginous yeast <i>R. glutinis</i> is able to use a broad range of carbon sources for lipid production, and is able to resist some of the inhibitors commonly released during hydrolysis of lignocellulose materials.</p>
 +
                <p><b>Why <i>Rhodotorula glutinis</i> ?</b></p>
 +
                <p>
 +
                Thermogenic yeast relies on cultural media to grow and to generate heat. This way, the Yeastherm is kind of like burning media as fuel, which is expensive compared with other heating methods such as gas, coal, or electricity. To make our project a more competitive choice when considering large-scale heat production such as heating up a pound in the winter, it is necessary to reduce the cost of culturing yeast. Thanks to previous study in the field of biofuel, we have several solutions of cheaper substitutions of cultural medium contents.</p>
 +
                <p>According to Jie Tao and his colleague’s study, agricultural and forestry residues can be used as an alternative of carbon source, taking advantage of <i>R. glutinis</i>’s ability to assimilate xylose.[1] Agricultural residues such as rice straw and corn stalk are usually burned after harvest. Using these materials not only lower the expense but also benefits the environment. Raw materials like rice or wheat straw are first cut into pieces of appropriate size. They are then hydrolyzed using sulfuric acid with boiling water bath, turninig into hemicellulosic hydrolyzate. Saccharides can be obtained in supernatant after centrifugation and washings of the residue with hot water.</p>
 +
               
 +
                <p><b>Conclusion</b></p>
 +
                <p>
 +
                    Because of the ability of <i>R. glutinis</i> to synthesis  triacylglycerol, we choose <i>R. glutinis</i> as one ofour expression system. After expressing SrUCP in <i>R. glutinis</i>, we will test for appropriate concentration for Agricultural residue extraction considering growth condition and heating power. The optimized heat power will then be used in large scale simulation as well as calculation of cost reduced. If time permitted, we will dig further into the component of the hemicellulosic hydrolyzate, as it is reviewed that there might be inhibiting compound.[2][3]
 +
                </p>
 +
                    Reference:<br/>
 +
                    [1]Biodiesel generation from oleaginous yeast Rhodotorula glutinis with xylose assimilating capacity
 +
                    African Journal of Biotechnology Vol. 6 (18), pp. 2130-2134, 19 September 2007<br/>
 +
                    [2]Oil production by oleaginous yeasts using the hydrolysate from pretreatment of wheat straw with dilute sulfuric acid<br/>
 +
                    Bioresource Technology Volume 102, Issue 10, May 2011, Pages 6134–6140<br/>
 +
            </div>
 +
        </div>
 +
    </script>
 +
 
 +
 
 +
    <script type="text/template" id="Modeling">
 +
        <section class="red-background">
 +
            <h1 class="header">Modeling</h1>
 +
        </section>
 +
        <div class="container divide">
 +
            <legend>
 +
                <h2 style="border-bottom: 0"><b>Mathematical Model-「Tuning the sensitivity of cold shock promoter」</b></h2>
 +
            </legend>
 +
            <p>
 +
                In hope of putting more values in our biological heating device, we strive to improving the sensitivity of our sensor - the cold shock promoter. This final goal can be break down on two parts: 1. tuning the temperature-responsive range of cold shock promoter 2. amplifying its signal under low temperature. In order to understand what kind of structure of a genetic circuit and what kinds of characteristics of activator and repressor are needed for our purpose, we create several mathematical models to explore the problem. In the end, we expect to get some useful information as a guidance to screen possible biological parts when we actually start to construct the genetic circuit.
 +
            </p>
 +
        </div>
 +
 
 +
        <div class="container divide">
 +
            <legend>
 +
                <h2 style="border-bottom: 0"><b>Model A、Heat shock promoter or Constitutive promoter?</b></h2>
 +
            </legend>
 +
            <ul class="essay">
 +
                <li><b>Purpose</b>
 +
                    <ul class="nav">
 +
                        <li><p>Investigate on whether heat shock promoter (abbreviated as Hsp) or Constitutive promoter suit our genetic circuit as a controller of regulator.</p></li>
 +
                    </ul>
 +
                </li>
 +
                <li><b>Circuit structure</b>
 +
                    <ul class="nav">
 +
                        <li><p>In this model, we use GFP to report the activity of cold shock promoter (abbreviated as Csp) under different temperatures. The reporter itself is in turn regulated by an activator and a repressor through activator binding site and repressor binding site. While activators are regulated by Csp, repressors are regulated by Hsp or Constitutive promoter (Fig. 4)</p></li>
 +
                    </ul>
 +
                    <img class="tipReveal img-responsive" src="https://static.igem.org/mediawiki/2013/e/ee/NTU_TAIWAN_Model_Image001.jpg" alt-src="images/modeling/image001.jpg">
 +
                    <div class="tip">Fig. 4: Representative diagram of our genetic circuit</div>
 +
                </li>
 +
                <li><b>Mathematical expression</b>
 +
                    <div class="container">
 +
                        <p>Gene expression can be described with certain mathematical language, with deterministic expression one of the most commonly used. Deterministic expression represent the production rate of a gene product as the difference between a fraction, determining by the promoter occupancy by activator or repressor, of maximal production rate and the removal rate. Here, we will show the mathematical expression of the model with Hsp or constitutive promoter as their circuit part, respectively.</p>
 +
                        <div class="container">
 +
                            <div><b>model with Hsp as a part</b></div>
 +
                            <ul>
 +
                                <li>
 +
                                    <img style="display:inline" class="img-responsive"  src="https://static.igem.org/mediawiki/2013/2/20/NTU_TAIWAN_Model_Image002.gif" alt-src="images/modeling/image002.gif">
 +
                                </li>
 +
                                <li>
 +
                                    <img style="display:inline" class="img-responsive"  src="https://static.igem.org/mediawiki/2013/1/1f/NTU_TAIWAN_Model_Image003.gif" alt-src="images/modeling/image003.gif">
 +
                                </li>
 +
                                <li>
 +
                                    <img style="display:inline" class="img-responsive"  src="https://static.igem.org/mediawiki/2013/1/15/NTU_TAIWAN_Model_Image004.gif" alt-src="images/modeling/image004.gif">
 +
                                </li>
 +
                            </ul>
 +
                            <div><b>model with constitutive promoter as a part:</b></div>
 +
                            <ul>
 +
                                <li>
 +
                                    <img style="display:inline" class="img-responsive" src="https://static.igem.org/mediawiki/2013/2/20/NTU_TAIWAN_Model_Image002.gif" alt-src="images/modeling/image002.gif">
 +
                                </li>
 +
                                <li>
 +
                                    <img style="display:inline" class="img-responsive" src="https://static.igem.org/mediawiki/2013/a/ad/NTU_TAIWAN_Model_Image005.gif" alt-src="images/modeling/image005.gif">
 +
                                </li>
 +
                                <li>
 +
                                    <img style="display:inline" class="img-responsive" src="https://static.igem.org/mediawiki/2013/1/15/NTU_TAIWAN_Model_Image004.gif" alt-src="images/modeling/image004.gif">
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <p>Meanings of parameters will be explained in detail in the next paragraph. To make it clearer, the difference between two models are highlighted. Another things to be careful is that some <b>assumptions</b> are made, as listed below, when formulating these mathematical equations
 +
                        </p>
 +
                        <ol>
 +
                            <li>a.  All parameters except for βCsp(T) and βHsp(T) are not treated as functions of temperature.</li>
 +
                            <li>b.  Production of GFP occurs only when the repressor is not binding to the promoter region. At the same time, production of GFP is contributed from two factors: the basal expression from Csp and the transcription activation by an activator.</li>
 +
                            <li>c.  The repressor has the same effect on basal expression and transcription activation. That is to say, it knock down their activities by an equal ratio.</li>
 +
                            <li>d.  Binding of activators to the DNA results in a certain fold of increase in protein expression relative to the basal expression.</li>
 +
                        </ol>
 +
                </li>
 +
                <li><b>Parameters</b>
 +
                    <p class="container">
 +
                        Parameters in our model are separated into two groups: fixed parameters and adjustable parameters. Fixed parameters are assigned values that are reasonable in biological context after considering related parameters in references. Adjustable parameters are parameters whose ranges of values with application potentiality are to be determined by simulation where we will scan all the possible values in biological contexts (Table 1).
 +
                    </p>
 +
                    <table class="row tipReveal">
 +
                        <tr class="row pink-background">
 +
                            <td class="col-md-2">Parameters</td>
 +
                            <td class="col-md-5">Discription</td>
 +
                            <td class="col-md-3">Value</td>
 +
                            <td class="col-md-2">Unit</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">n</td>
 +
                            <td class="col-md-5">Hill’s coefficient</td>
 +
                            <td class="col-md-3">2</td>
 +
                            <td class="col-md-2">-</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">β<sub>Csp</sub>(T)</td>
 +
                            <td class="col-md-5">Maximal production rate of Csp, a function of temperature</td>
 +
                            <td class="col-md-3">Sigmoidal curve <br/>(set 10℃=1e-6, 20℃=0)) </td>
 +
                            <td class="col-md-2">M/s</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">β<sub>hsp</sub>(T)<sup>a</sup></td>
 +
                            <td class="col-md-5">Maximal production rate of Hsp, a function of temperature</td>
 +
                            <td class="col-md-3">Sigmoidal curve <br/>(set 37℃=1e-6, 30℃=0) </td>
 +
                            <td class="col-md-2">M/s</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">β<sub>cons</sub><sup>a</sup></td>
 +
                            <td class="col-md-5">Maximal production rate of constitutive promoter</td>
 +
                            <td class="col-md-3">1e-6</td>
 +
                            <td class="col-md-2">-</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">γ<sub>A</sub><sup>b</sup></td>
 +
                            <td class="col-md-5">Removal rate of activator</td>
 +
                            <td class="col-md-3">1e-2</td>
 +
                            <td class="col-md-2">s<sup>-1</sup></td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">γ<sub>R</sub><sup>b</sup></td>
 +
                            <td class="col-md-5">Removal rate of repressor</td>
 +
                            <td class="col-md-3">1e-2</td>
 +
                            <td class="col-md-2">s<sup>-1</sup></td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">γ<sub>G</sub><sup>P</sup> c</td>
 +
                            <td class="col-md-5">Removal rate of GFP</td>
 +
                            <td class="col-md-3">8.2e-3</td>
 +
                            <td class="col-md-2">s<sup>-1</sup></td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">β<sub>A</sub></td>
 +
                            <td class="col-md-5">Fold of activation by activator</td>
 +
                            <td class="col-md-3">2~200</td>
 +
                            <td class="col-md-2">M/s</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">α<sub>A</sub><sup>d</sup></td>
 +
                            <td class="col-md-5">Kd value of activator from DNA</td>
 +
                            <td class="col-md-3">1e+3 ~ 1e-6</td>
 +
                            <td class="col-md-2">M</td>
 +
                        </tr>
 +
                        <tr class="row">
 +
                            <td class="col-md-2">α<sub>R</sub><sup>d</sup></td>
 +
                            <td class="col-md-5">Kd value of repressor from DNA</td>
 +
                            <td class="col-md-3">1e+3 ~ 1e-6</td>
 +
                            <td class="col-md-2">M</td>
 +
                        </tr>
 +
                    </table>
 +
                    <div class="tip">
 +
                    <ul>
 +
                        <li>Assume their maximal activity the same as Csp</li>
 +
                        <li>Assume only slightly higher than γGFP</li>
 +
                        <li>Consider the action of generation time of yeast and degradation rate in E. coli</li>
 +
                    </ul>
 +
                    </div>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
 
 +
        <section class="brown-background">
 +
            <h1 class="header">Result & Discussion</h1>
 +
        </section>
 +
        <div class="container essay divide">
 +
            <legend><b>Fitting results of βCsp(T) and βHsp(T) show no overlapping range of promoter activity.</b></legend>
 +
            <p>
 +
                βCsp(T) was obtained by fitting previous studies on related cold shock promoter in human. The curve of βCsp(T) reaches a maximum at 10℃ and a minimum at 20℃ (Fig. 2). In other words, its temperature-responsive range is between 10℃ and 20℃. The value of βHsp(T) is defined by us, reaching a maximum at 37℃ and a minimum at 30℃ (Fig. 3). This setting of parameter is based on certain physiological considerations where the optimal growth temperature of Saccharomyces cerevisiae is 30℃ and where heat shock response is observed at temperatures higher than 37℃. Next, comparing Fig. 2and Fig. 3, it is obvious that the activity range of these two promoters are not overlapping, which is an critical problem to our genetic circuit. We believed that this phenomenon is going to be the flaw of our genetic circuit because two signals produced by two promoters are not able to crosstalk. Hence, the expression profile of GFP along these temperatures might not be changed. This suspect will be proved by simulation in the next paragraph.
 +
            </p>
 +
            <img class="tipReveal row" src="https://static.igem.org/mediawiki/2013/8/81/Fittingresult1.jpg" alt-src="images/modeling/fittingresult1.jpg">
 +
            <div class="tip"> Fig. 2: Fitting result of βCsp(T). </div>
 +
            <img class="tipReveal row" src="https://static.igem.org/mediawiki/2013/a/a5/Fittingresult2.jpg" alt-src="images/modeling/fittingresult2.jpg">
 +
            <div class="tip"> Fig. 3: Fitting result of βHsp(T) </div>
 +
            <legend><b>Neither Hsp nor constitutive promoter suits our purpose under this circuit structure.</b></legend>
 +
            <p>
 +
                To better understand the role of Hsp and constitutive promoter in our circuit, we analyze the expression pattern difference between repressor-regulated-Csp and Csp alone. By an steady state approach, we may validate if our genetic circuit is in effect changing the sensitivity of Csp. In order to define "markers" that help us discriminate between "bad" results and "good" results, "GFP maximal concentration" (abbreviated as <b>GFP<sub>max</sub></b>) and "temperature corresponding to half of the maximal concentration of GFP" (abbreviated as T1/2) as taken into consideration (Fig. 4). As the value of GFPmax goes up, we are more able to observe the signal under low temperatures; as T1/2 goes down, the temperature-responsive range of Csp narrows down which implies more <b>sensitive</b>. However, in our constitutive promoter model, the two markers do not become "better". The repressor suppresses the activity of Csp significantly when αR becomes small (Fig. 5). Likewise, the markers of Hsp model are "bad" too. Since the active ranges of Csp and Hsp are not overlapping, expression of GFP cannot be suppressed at all as predicted in the last paragraph (Fig. 6). We are going to solve this problem using another genetic circuit!
 +
            </p>
 +
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2013/a/af/Modeling3.JPG" alt-src="images/modeling/modeling3.jpg">
 +
            <img class="tipReveal img-responsive" src="https://static.igem.org/mediawiki/2013/4/42/Modelresult1.jpg" alt-src="images/modeling/modelresult1.jpg">
 +
            <div class="tip"> Fig. 4: Expression pattern of GFP under various αA and αR- a constitutive promoter integrated model. The X, Y axis are values of αA and αR scanned. The Z axis is the maximal GFP concentration. The color bar represents the temperature corresponding to half of the maximal GFP concentration</div>
 +
            <img class="tipReveal img-responsive" src="https://static.igem.org/mediawiki/2013/b/bf/Modelresult2.jpg" alt-src="images/modeling/modelresult2.jpg">
 +
            <div class="tip"> Fig. 5: Expression pattern of GFP under various αA and αR- an Hsp integrated model. The X, Y axis are values of αA and αR scanned. The Z axis is the maximal GFP concentration. The color bar represents the temperature corresponding to half of the maximal GFP concentration</div>
 +
        </div> 
 +
 
 +
        <section class="brown-background">
 +
            <h1 class="header">Code</h1>
 +
        </section>
 +
        <div class="container essay divide">
 +
            <legend><b>consModel</b></legend>
 +
            <pre>slopeHsp = 1.75;
 +
slopeCsp = 1.25;
 +
n = 2;
 +
gamma_A = 1e-2;
 +
gamma_GFP = 8.2e-3;
 +
gamma_R = 1e-2;
 +
ten = 10;
 +
beta_A = 200*1e-6;
 +
 
 +
[lnalpha_A, lnalpha_R, temperature] = meshgrid((-12:0.2:-3), (-12:0.2:-3), (0:0.01:40));
 +
beta_Csp = 1e-6 ./ (1.0+exp(slopeCsp*(temperature-15)));
 +
beta_Cons = 1e-6;
 +
Ass = beta_Csp./gamma_A;
 +
Rss = beta_Cons./gamma_R;
 +
GFP = (beta_Csp.*(1 + beta_A*(Ass.^n./(Ass.^n+(ten.^lnalpha_A).^n)))) .* ((ten.^lnalpha_R).^n./((ten.^lnalpha_R).^n+Rss.^n)) ./ gamma_GFP;
 +
maxGFP = max(GFP, [], 3);
 +
lnGFP_MAX = log10(maxGFP);
 +
GFP_half_temp = zeros(46, 46);
 +
for i = 1:46
 +
    for j = 1:46
 +
        value = 0;
 +
        temp = 0;
 +
        for t = 2:4000
 +
            if (GFP(i, j, t)-GFP(i, j, t-1)) < value
 +
                value = GFP(i, j, t)-GFP(i, j, t-1);
 +
                temp = t-1;
 +
            end
 +
        end
 +
        GFP_half_temp(i,j) = temp;
 +
    end
 +
end
 +
GFP_half_temp = GFP_half_temp./100;
 +
[x, y] = meshgrid([-12:0.2:-3]);
 +
surf(x,y,lnGFP_MAX,GFP_half_temp);
 +
h = colorbar;
 +
ylabel(h, 'degree Celsius');
 +
xlabel('alphaA (power of 10)');
 +
ylabel('alphaR (power of 10)');
 +
zlabel('GFP [] (power of 10)');
 +
axis([-Inf Inf -Inf Inf -20 -2 10 20]);
 +
saveas(h, 'cons', 'jpg');</pre>
 +
            <legend><b>hspModel</b></legend>
 +
            <pre>
 +
slopeHsp = 1.75;
 +
slopeCsp = 1.25;
 +
n = 2;
 +
gamma_A = 1e-2;
 +
gamma_GFP = 8.2e-3;
 +
gamma_R = 1e-2;
 +
ten = 10;
 +
beta_A = 200*1e-6;
 +
 
 +
[lnalpha_A, lnalpha_R, temperature] = meshgrid((-12:0.2:-3), (-12:0.2:-3), (0:0.01:40));
 +
beta_Csp = 1e-6 ./ (1.0+exp(slopeCsp*(temperature-15)));
 +
beta_Hsp = 1e-6 ./ (1.0+exp(-slopeHsp*(temperature-33.5)));
 +
Ass = beta_Csp./gamma_A;
 +
Rss = beta_Hsp./gamma_R;
 +
GFP = (beta_Csp.*(1 + beta_A*(Ass.^n./(Ass.^n+(ten.^lnalpha_A).^n)))) .* ((ten.^lnalpha_R).^n./((ten.^lnalpha_R).^n+Rss.^n)) ./ gamma_GFP;
 +
maxGFP = max(GFP, [], 3);
 +
lnGFP_MAX = log10(maxGFP);
 +
GFP_half_temp = zeros(46, 46);
 +
for i = 1:46
 +
    for j = 1:46
 +
        value = 0;
 +
        temp = 0;
 +
        for t = 2:4000
 +
            if (GFP(i, j, t)-GFP(i, j, t-1)) < value
 +
                value = GFP(i, j, t)-GFP(i, j, t-1);
 +
                temp = t-1;
 +
            end
 +
        end
 +
        GFP_half_temp(i,j) = temp;
 +
    end
 +
end
 +
GFP_half_temp = GFP_half_temp./100;
 +
[x, y] = meshgrid([-12:0.2:-3]);
 +
surf(x,y,lnGFP_MAX,GFP_half_temp);
 +
h = colorbar;
 +
ylabel(h, 'degree Celsius');
 +
xlabel('alphaA (power of 10)');
 +
ylabel('alphaR (power of 10)');
 +
zlabel('GFP [] (power of 10)');
 +
axis([-Inf Inf -Inf Inf -20 -2 10 20]);
 +
saveas(h, 'latest', 'jpg');</pre>
 +
        </div> 
 +
    </script>
 +
 
 +
    <script type="text/template" id="Protocol">
 +
        <section class="lightblue-background">
 +
            <h1 class="header">Protocol</h1>
 +
        </section>
 +
        <div class="container">
          
          
-
         <script src="./javascript/dp_calendar.js?action=raw"></script>
+
         <br/><p><b>PCR</b></p>
-
         <script src="./javascript/bootstrap-lightbox.min.js?action=raw"></script>
+
1: Design of appropriate forward and reverse primers<br/>
-
         <script src="./javascript/jquery.videoBG.js?action=raw"></script>
+
2: Prepare our template<br/>
-
         <script src="./javascript/index.js?action=raw"></script>
+
3: Prepare the PCR mix. (Kapa Hifi PCR kit.)<br/>
-
</body></html>
+
4: Run PCR<br/>
 +
5: Examine the results by electrophoresis<br/>
 +
        Note: If the template is genomic DNA, we would adjust the annealing temperature at 45°C. It is because the copy number of target gene may be low. We use this annealing temp when perform PCR of Tir1, 26s, 5.8s ITS<br/><br/>
 +
 
 +
 
 +
<br/><p><b>Construction of our parts</b></p><p>
 +
1: We design primers for parts with prefix and suffix.<br/>
 +
2: Perform PCR and cleanup the PCR product<br/>
 +
3: Before insert our parts into standard backbone, pSB1C3, we perform RE digestion to make sticky ends of both inserts and backbones.<br/>
 +
4: Ligation of inserts and backbones<br/>
 +
5: Transform our ligation products into DH5α and streak the transformed DH5α on LB agar plate with chloramphenicol.<br/>
 +
6: Inoculate single colony into broth with chloramphenicol.<br/>
 +
7: Miniprep the plasmid DNA from the overnight broth culture.<br/>
 +
8: Confirm the products by both RE digestion and PCR sequencing<br/></p>
 +
 
 +
        <p><b>Point mutation protocol</b></p>
 +
        <p>For a standard 100 @L reaction:<br/>
 +
        1, 10 pL of 10X reaction buffer, prepared as follows:<br/>
 +
        For 10 mL of 10 X PCR reaction buffer:<br/>
 +
        &nbsp&nbsp&nbsp&nbsp&nbspa. 0.5 mL of 1M KCl, final concentration of 50 mM.<br/>
 +
        &nbsp&nbsp&nbsp&nbsp&nbspb. 0.1 mL of 1M Tris-HCI, pH 8.4, final concentration of 10 mM.<br/>
 +
        &nbsp&nbsp&nbsp&nbsp&nbspc. 15 pL of 1M MgCl,, final concentration of 1.5 mM.<br/>
 +
        &nbsp&nbsp&nbsp&nbsp&nbspd. 100 pL of a 1% solution of gelatin (heated and dissolved in water), final concentratton 100 clg/mL.<br/>
 +
        2. 100-500 ng of each primer (0.2-l .O pL of a 500 pg/rnL stock).<br/><br/>
 +
       
 +
       
 +
        1. Whenever possible, design primers such that the G + C composition IS 50-60%. If the target DNA sequence is A + T rich, choose a primer with one or more G or C nucleotldes at or near the 3’ termim. This will stabilize the primer-template annealing at the end of the primer that will be extended.<br/>
 +
        2. Primer pairs should have approximately the same temperature of denaturation. The approximate temperature of denaturation (TJ for a primer may be calculated as follows: Td = 2[A + T] + 4[G + C] (20).<br/>
 +
3. Primers 17-30 nucleotldes in length work well. Since shorter primers cost less to synthesize, start with pnmers m the range of 18-22 nucleotldes.<br/>
 +
4. Determine that there is not extensive complementarity at the 3’ ends of a prrmer pair. Complementarrty ~111 cause the generatton of prtmerdrmer artifacts that ~111 reduce the yield of the desired product.<br/>
 +
5. An annealing temperature of 5 degrees below the Td will generally work well. Higher temperatures produce more strmgent annealing conditions and will decrease primer bmdmg to mismatched sequences.<br/>
 +
6. For most reactions the standard magnesium ion concentration of 1.5 mM works well. The magnesium concentration can affect both the product yield and the specificity of the reaction; the optimum will generally be in the range of 1.0-3.5 mM.<br/>
 +
7. Primer design is still an imperfect science. If after optrmizing the reaction conditions the product yield or reaction speclftcity remams poor, try a different primer pair.<br/>
 +
 
 +
        <p><b>Western blot analysis of SrUCP</b></p>
 +
        <p>Mutiple colonies of <i>Saccharomyces cerevisiae</i> strain BJ2168 carrying either pRS424-GAL1-SrUCP-TAP or pRS424-GAL1∆ were suspended in 2 mL SD+DO(Trp-) medium supplemented with 2% raffinose until O.D.600 = 3~5. Transfer 1 mL of suspended colonies into 50 mL SD+DO(Trp-) medium supplemented with 2% raffinose and incubate at 30℃ overnight. Dilute the overnight culture to O.D.600 = 0.3~0.8 with fresh SD+DO(Trp-) medium supplemented with 2% raffinose and grow for an additional 2 hr if O.D.600 is higher than 0.8. Before adding galactose and adjusting to 2% for induction, collect 2.5 O.D.600 of yeast cells. After induction, also collect 2.5 O.D.600 of yeast cells at certain time point. After all samples collected, total protein extraction was performed using post-alkaline extraction (Kushnirov, V.V., 2000). Treated samples were run on 10% SDS-PAGE. Transfer and Western blot were performed with normal procedures. SrUCP-TAP fusion protein was detected with primary anti-TAP antibody (Thermo #CAB1001) and secondary anti-rabbit IgG antibody.</p>
 +
       
 +
        <p><b>Functional analysis of SrUCP - Thermometry method</b></p>
 +
        <p>Single colony of Saccharomyces cerevisiae strain BJ2168 carrying either pRS424-GAL1-SrUCP-TAP or pRS424-GAL1∆ was inoculated into 2 mL SD+DO(Trp-) medium supplemented with 2% glucose and grown at 30℃ overnight. Overnight yeast culture was then inoculate into 10 mL same fresh medium and grown at 30℃ overnight. O.D.600 of overnight yeast culture was measured and calculated the cell amount needed for inoculation into 10 mL fresh SD+DO(Trp-) medium to O.D.600 = 2. The yeast cells needed is then collected, washed twice with 1mL distilled H2O, inoculated into medium and subject to 2% galactose induction. Meanwhile, a calibrated thermometer was placed into the yeast culture to collect its temperature profile along fermentation process until 24 hr.</p>
 +
       
 +
        <p><b>Functional analysis of SrUCP - Isothermal Titration Calorimetry method</b></p>
 +
        <p>Yeast culture was obtained as described in Western blot analysis of SrUCP. 2 mL of yeast culture was collected at each time point after induction. Yeast culture was then immediately analyzed by isothermal titration calorimetry (ITC), where yeast culture was placed in injection tube and sterile medium in the two cells. Heating power (mcal/s/O.D.600 of yeasts) of the yeast transformant is calculated from integration of the titration curve and normalized by time and O.D.600. SrUCP-responsible heat production was calculated from subtracting the heating power of the control group from that of the experimental group. Baseline of the titration curve was obtained from another control group where supernatant of yeast culture was injected into the same cell.</p><br/>
 +
       
 +
        Reference:<br/>
 +
        Kushnirov, V.V. Rapid and reliable protein extraction from yeast. Yeast 16, 857–860 (2000).
 +
 
 +
        </div>
 +
    </script>
 +
 
 +
    <script type="text/template" id="ProjectResult">
 +
        <section class="yellow-background">
 +
            <h1 class="header">Project Result</h1>
 +
        </section>
 +
 
 +
        <div class="red-background row">
 +
            <h1 class="header"> Plasmid Construction</h1>
 +
            <p class="header">For characterization </h1>
 +
            <div class="container essay">
 +
                <div class="container essay">
 +
                    <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/9/91/Ucp.png" alt-src="./images/result/ucp_1.png" width=400>
 +
                    <div class="col-md-4" style="margin-top: 100px"><p>After we got the SrUCP cDNA fro Dr.Ito, we did restrict enzyme analysis and sequencing to make sure the sequence is right.</p></div>
 +
                </div>
 +
           
 +
                <div class="container">
 +
                    <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/9/99/Backbone.png" alt-src="./images/result/backbone.png" width=400>
 +
                    <p class="col-md-4 pull-right" style="margin-top: 40px">  We also check the shuttle vector before the experiment and find out some problem on it. Because we had to insert our SrUCP gene into pRS424 by NcoI and SpeI, we use these two enzymes to check the restrict enzyme sites on it. However we found out there was only one NcoI site on pRS424, it was different to the map.</p>
 +
                </div>
 +
 
 +
                <div class="container">
 +
                    <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/d/d4/Prs424.png" alt-src="./images/result/prs424.png" width=700>
 +
                    <div class="col-md-4" style="margin-top: 140px"><p>Because the size of shuttle vector is too large to transform by heat shock method. We got only one successful construction in 22 samples. But it’s great enough!</p></div>
 +
                </div>
 +
           
 +
           
 +
                <div class="container">
 +
                    <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/d/d4/Tir1-1-1.png" alt-src="./images/result/tir1-1.png" style="margin-top: 50px"width=600>
 +
                    <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/b/b1/Tir1-2.png" alt-src="./images/result/tir1-2.png" width= 500>
 +
                    <div class="col-md-11" style="margin-top: 10px"><p>We predicted the Tir-1 promoter should be at about 1000 base pairs upstream, so we tried to amplified the Tir-1 promoter sequence from Saccharomyces cerevisiae by PCR. We design the primer with expanded restriction enzyme sites and about 30 base pairs complementary to the S.c. genome sequence, preventing from non-specific product. However, it’s harder to PCR a sequence from genomic DNA than plasmid. In hence, we tried different annealing temperature to make sure we have target product and decrease non-specific band.</p></div>
 +
                </div>
 +
          
 +
                <div class="container" style="margin-top: 20px">
 +
                    <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/d/d4/Prs424.png" alt-src="./images/result/prs424.png" width=700>
 +
                    <div class="col-md-4" style="margin-top: 140px"><p>Because the size of shuttle vector is too large to transform by heat shock method. We got only one successful construction in 22 samples. But it’s great enough!</p></div>
 +
                </div>
 +
          
 +
               
 +
       
 +
                <div class="container" style="margin-top: 20px">
 +
                    <img class="pull-right img-responsive" src="https://static.igem.org/mediawiki/2013/1/1d/Pgapza.png" alt-src="./images/result/pgapza.png" width=550>
 +
                    <div class="col-md-4" style="margin-top: 140px"><p> This is the pGAPZa which had been digested by <i>Bgi</i>II.</p></div>
 +
                </div>
 +
            </div>
 +
         </div>
 +
        <div class="yellow-background row">
 +
            <h1 class="header"> Characterize the biological part  </h1>
 +
            <p class="header">Test the expression of SrUCP by Western blotting.</p>
 +
            <div class="container" style="margin-top: 20px">
 +
                <img class="pull-left img-responsive" src="https://static.igem.org/mediawiki/2013/9/95/Western.png" alt-src="./images/result/western.png" width=700>
 +
                <div class="col-md-4" style="margin-top: 190px"><p>  Based on the sequence analysis, we predict the protein size of SrUCP(with TAP tag) is about 53 kDa. We did the Western blotting and confirmed our SrUCP gene have expressed in Saccharomyces cerevisiae.</p>
 +
                </div>
 +
            </div>
 +
 
 +
            <p class="header"> Analyze the heat-production ability of transformant</p>
 +
            <div class="container essay">
 +
                <p>For estimate the heat-production ability of the SrUCP in yeast. We built up a straight way to analyze it. </p>
 +
                <p>After both experimental group (pRS424-GAL1-SrUCP-TAP) and negative control group (pRS424-GAL1∆) induced by 2% galactose for 21 hours, we couldn’t find out statistical difference between control and experimental group by our first experimental method. Most of the heat production is come from the fermentation and shaking of the incubator.</p>
 +
                <p>However, we didn’t analyze the quantity of yeasts during the experiment. We consider that the experimental group (which had been transformed SrUCP) might grow slower than the control group and then cause the result t I show below:<br/>
 +
                    Experimental: Heat(E) = Fermentation(1) + SrUCP<br/>
 +
                    Control: Heat(C) = Fermentation(2)<br/>
 +
                    Because the heat of fermentation(1) is lower than fermentation(2), even if SrUCP produce heat, the total Heat(E) equal to Heat(C).
 +
                    In hence, the better method to test heat production is incubate in isothermal environment or use the isothermal titration calorimetry. We will try these more precise method.
 +
                </p>
 +
                <img src="https://static.igem.org/mediawiki/2013/3/37/NTU_TAIWAN_Capture.JPG" alt-src="images/Capture.jpg">
 +
               
 +
            </div>
 +
            <p class="header"> Rhodotorula glutinis Growth curve</p>
 +
 
 +
            <div class="container essay">
 +
                <img src="https://static.igem.org/mediawiki/2013/2/2f/NTU_TAIWAN_Capture2.JPG" alt-src="images/Capture2.jpg">
 +
                <img src="https://static.igem.org/mediawiki/2013/5/52/NTU_TAIWAN_Capture3.JPG" alt-src="images/Capture3.jpg">
 +
                <p>To realize our ultimate goal, that is, to express SrUCP in Rhodotorula glutinis, we analyze this organism’s growth property. This information is useful for use to prepare the competent cell of Rhodotorula glutinis. This is the fundamental and important step to express exogenous gene in this species.</p>
 +
                Results: <br/>
 +
                <p>At 25℃, R.glutinis has the optimal growth curve, it’s lower than the S. cerevisiae. Also, no matter under 25 or 15℃, the growth rates are both slower than S. cerevisiae. However, the lag phase of these two curves are close to each other.(fig2, fig3). Interestingly, this strain has a faster growth rate at 4℃ relatively. This phenomenon is easily to be observed when inoculating on agar plate.(The result is not shown) Therefore, R. glutinis maybe a better chassis than S. cerevisiae to produce heat in low temperature.</p>
 +
                <p>According to the growth curve, we suppose that between 6 to 8 hours (at early log phase) would be the best time for making competent cell of R.glutinis, but we still need more experiments for further characterization.</p>
 +
            </div>
 +
 
 +
        </div>
 +
 
 +
       
 +
   
 +
    </script>
 +
 
 +
 
 +
 
 +
    <script type="text/template" id="undefined">
 +
        <section class="red-background">
 +
            <h1 class="header">Under Construction</h1>
 +
        </section>
 +
 
 +
        <div class="container">
 +
            <img class="img-responsive" src="https://static.igem.org/mediawiki/2013/e/e2/NTU_TAIWAN_Website_Under_Construction.gif" alt-src="images/Website_Under_Construction.gif">
 +
        </div>
 +
    </script>
 +
</body>
 +
</html>

Latest revision as of 04:22, 28 September 2013

iGEM-NTU-Taiwan