Team:NTU Taiwan/index.html

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<!DOCTYPE html>
<!DOCTYPE html>
-
<html style="overflow: hidden;">
+
<html lang="en">
-
    <head>
+
<head>
-
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
    <title> Igem-Taiwan </title>
-
        <meta name="viewport" content="width=device-width"/>
+
    <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 rel="stylesheet" type="text/css" href="stylesheet/other.css?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="stylesheet/index.css?action=raw&ctype=text/css">
-
        <!-- <link href="./stylesheets/igem.css?action=raw&ctype=text/css" rel="stylesheet"> -->
+
    <style type="text/css">
-
         <link href="./stylesheets/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
        #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
-
        <link href="./stylesheets/bootstrap-responsive.css?action=raw&ctype=text/css" rel="stylesheet">
+
            display:none;
-
        <link href="./stylesheets/bootstrap-lightbox.css?action=raw&ctype=text/css" rel="stylesheet">
+
        }
-
        <link href="./stylesheets/style.css?action=raw&ctype=text/css" rel="stylesheet">
+
        #top-section {
-
        <link href="./stylesheets/m-styles.css?action=raw&ctype=text/css" rel="stylesheet">
+
            border: none;
-
        <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
+
            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>
 +
    <div id="wrapper">
 +
        <div class="container">
 +
            <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
 +
                <div class="container">
 +
                    <!-- Brand and toggle get grouped for better mobile display -->
 +
                    <div class="navbar-header">
 +
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
                            <span class="icon-bar"></span>
 +
                            <span class="icon-bar"></span>
 +
                            <span class="icon-bar"></span>
 +
                        </button>
 +
                        <!-- <a class="navbar-brand" href="#">IGem-Taiwan</a> -->
 +
                    </div>
-
        <link href="./stylesheets/dp_calendar.css?action=raw&ctype=text/css" rel="stylesheet">
+
                    <!-- Collect the nav links, forms, and other content for toggling -->
-
        <link href="./stylesheets/font.css?action=raw&ctype=text/css" rel="stylesheet">
+
                    <div class="collapse navbar-collapse navbar-ex1-collapse">
-
       
+
                         <ul class="nav navbar-nav" id="navbar">
-
        <script>
+
                             <li> <a href="#" style="font-size: 18px"> NTU-Taiwan </a> </li>
-
            (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');
+
-
            ga('send', 'pageview');
+
-
        </script>
+
-
 
+
-
        <style type="text/css">
+
-
            #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
-
                display:none;
+
-
            }
+
-
            #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="">
+
-
        <div id="preloader">
+
-
            <div id="status">&nbsp;</div>
+
-
        </div>
+
-
    <!--start navigation-->
+
-
        <div class="navbar navbar-fixed-top" id="navigation">
+
-
            <div class="navbar-inner">
+
-
                <div class="container">
+
-
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
                         <span class="icon-bar"></span>
+
-
                        <span class="icon-bar"></span>
+
-
                        <span class="icon-bar"></span>
+
-
                    </a>
+
-
                    <a href="#intro" class="brand">
+
-
                        <img src="http://ntu-best.herokuapp.com/img/TaiwanLogo.png" alt="">
+
-
                    </a>
+
-
                    <div class="nav-collapse collapse">
+
-
                        <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">
+
                             <li> <a href="#Background"> Background </a> </li>
-
                                 <a tabindex="-1" href="#works-top">Works</a>
+
                            <li class="dropdown">
 +
                                 <a class="dropdown-toggle pointer-cursor" data-toggle="dropdown">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="#Protocol">Protocol</a> </li>
 +
                                    <li> <a href="#ProjectResult">Result</a></li>
                                 </ul>
                                 </ul>
-
                             </li> -->
+
                             </li>
-
                              
+
                             <li><a href="#Modeling">Modeling</a></li>
-
                             <li><a href="#gallery-top">Gallery</a></li>
+
                             <li><a href="#Safety">Safety</a></li>
-
                             <li><a href="#team-top">Team</a></li>
+
                             <li><a href="#humanpractice">Human practice</a></li>
-
                             <li><a href="#calendar-top">Calendar</a></li>
+
                             <li><a href="#teamCalendar"> Team_Calendar </a> </li>
-
                             <li><a href="#contact-top">Contact</a></li>
+
                             <li><a href="#Photos"> Photos </a> </li>
 +
                        </ul>
 +
                        <ul class="nav navbar-nav navbar-right">
 +
                            <li><a href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM">
 +
                                <i class="icon-facebook" 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>
 +
        <div class="next-content" style="margin-left: -10000px">
 +
        </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="http://ntu-best.herokuapp.com/img/igem_Logo.png" alt="">
-
                                <div class="inactive item active">
+
                        </a>
-
                                    <h2><b>iGem 2013-NTU Taiwan</b></h2>
+
                        <p>2013 © NTU-Taiwan.</p><br>
-
                                </div>
+
                        <p>Please contact us<br/> If we violate any copywright</p>
-
                                <div class="inactive item">
+
                        <p>Produced by <br> <a href="mailto:b99902006@ntu.edu.tw" target="_blank">PoHsien Wang</a></p><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="http://ntu-best.herokuapp.com/img/thanks/BST.png" alt="">
 +
                        <img src="http://ntu-best.herokuapp.com/img/thanks/CSIE.png" alt="">
 +
                        <img src="http://ntu-best.herokuapp.com/img/thanks/NTHU.png" alt="">
 +
                        <img src="http://ntu-best.herokuapp.com/img/thanks/NTU.png" alt="">
 +
                        <img src="http://ntu-best.herokuapp.com/img/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-Taiwan Yeastherm</h1>
 +
            <p class="header container">
 +
                <img class="spin image-responsive" src="images/LaboratoryLevels.png"><br/>
 +
                National Taiwan University<br/>
 +
                Working with Thermogenic Yeast<br/>
 +
                Apps with knowledge 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-3 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-3 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-3 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 class="col-md-3 index-item">
 +
                    <a class="pointer-cursor" scroll-to="Result">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-circle icon-stack-base" style="color: #83B13A"></i>
 +
                              <i class="icon-beaker icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Result </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="Product">
 +
            <section class="red-background">
 +
                <h1 class="header">Product</h1>
 +
            </section>
 +
            <div class="container divide">
 +
                <p>
 +
                </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>
-
                <h1 class="header">IGEM</h1>
+
                <img class="img-responsive pull-right" src="images/temp.jpg">
-
                 <p class="header">Our goal</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>
 +
        </div>
 +
 
 +
        <div id="Motivation">
 +
            <section class="yellow-background">
 +
                 <h1 class="header">Motivation </h1>
             </section>
             </section>
-
        </section>
+
             <div class="container divide">
-
    <!--start basic-->
+
                 <p>
-
        <section id="basic">
+
                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. 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. 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.
-
             <div class="container">
+
                </p>  
-
                 <div class="row divide">
+
-
                    <div class="span12">
+
-
                        <ul class="thumbnails">
+
-
                            <li class="span">
+
-
                                <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>
-
         </section>
+
         </div>
-
    <!--start igem header-->
+
         <div id="Result">
-
         <section id="igem-top">
+
             <section class="green-background">
-
    <!--start igem-desktop header-->
+
                 <h1 class="header">Result</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>
 +
            <div class="container divide">
 +
                <p>
 +
                </p>   
 +
            </div>
 +
        </div>
 +
    </script>
 +
 +
    <script type="text/template" id="Background">
 +
        <section class="blue-background">
 +
            <h1 class="header">UCP</h1>
         </section>
         </section>
-
    <!--start igem-->
+
         <div class="container divide essay">
-
         <section id="igem">
+
            <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.?).The functional UCP is believed to be dimer.
-
                <div class="row divide">
+
            </p>
-
                    <div class="span12">
+
            <img class="tipReveal img-responsive" src="images/image001.png">
-
                        <ul class="thumbnails">
+
            <div class="tip">
-
                            <li class="span">
+
                (fig.? The protein (33kDa,306 amino acids) contains six transmembrane alpha-helices, proposed to constitute three symmetric repeats.)
-
                                <div class="thumbnail">
+
            </div>
-
                                    <i class="icon-asterisk icon-emphasize"></i>
+
            <p>
-
                                    <h4>Introduction</h4>
+
                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. UCPs separate oxidative phosphorylation from ATP synthesis with energy dissipated as heat, also referred to as the mitochondrial proton leak.
-
                                    <span>synthetic biology competition</span>
+
            </p><p>
-
                                    <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.
+
                UCP has been found in several species, including mammals and plants. Skunk cabbage(Symplocarpus foetidus)is a thermogenic plant, resisting in dramatic temperature decreases in the environment.誰知道ucp是skunk cabbage裏頭用來發熱的? In 1999, the cDNA belonging to a UCP gene family from skunk cabbage was isolated by Dr.Kikukatsu Ito(1).We use this to construct our plasmid.
 +
            </p>
 +
        </div>
-
                                    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>
+
        <section class="lightblue-background">
-
                                </div>
+
            <h1 class="header">Shuttle Vector</h1>
-
                            </li>
+
        </section>
-
                            <li class="span">
+
        <div class="container divide essay">
-
                                <div class="thumbnail">
+
        <p>
-
                                    <i class="icon-comment icon-emphasize"></i>
+
            Shuttle vector is a vector that can propagate in different species, used to make gene amplifications quickly in E. coli, mutagenesis, and PCR. Generally, these plasmid vectors contain genetic material derived from the E.coli, origin of replication which enable them to be propagated in E.coli cells prior to transformation into yeast cells, and a selectable marker (mainly the ß-lactamase gene, amp) for the bacterial host.
-
                                    <h4>Competition details</h4>
+
        </p><p>
-
                                    <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>
+
            The most common shuttle vector is yeast shuttle which can be propagated in yeast and E.coli.There are four types of shuttle vectors. The first one is Integrative plasmids (YIp). Foreign DNAs integrate into the host genome(YIp) by homologous recombination, then resulting in one copy of transformed DNA. The second type is Episomal plasmids (YEp). This type of vectors 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. The next one is Autonomously replicating plasmids (YRp) which carry a yeast origin of replication (ARS sequence) that allows the transformed plasmids to be propagated several hundredfold. The last one is Cen plasmids (YCp). This type of shuttle vectors 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. Here, we choose Episomal plasmids (YEp) as our vectors.
-
                                </div>
+
            </p>
-
                            </li>
+
        </div>
-
                            <li class="span">
+
    </script>
-
                                <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]
+
    <script type="text/template" id="Bioheater">
 +
        <section class="purple-background">
 +
            <h1 class="header">BioHeater</h1>
 +
        </section>
 +
        <div class="container divide essay">
 +
            <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.??)The anion form FFAs bind to protons again, transferring more protons into the matrix.
 +
            </p><p>
 +
                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/>
 +
           
 +
                <u 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.
 +
                </u>
 +
            </p>
 +
        </div>
 +
    </script>
-
                                    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.
+
    <script type="text/template" id="Sensor">
 +
        <section class="red-background">
 +
            <h1 class="header">Sensor</h1>
 +
        </section>
 +
        <div class="container divide essay">
 +
            <p>
 +
                We use temperature changes as the main sensors. With a cold shock promoter prior to UCP genes, our constructed plasmid will produces heat when temperature decreasing dramatically.
 +
            </p>
 +
        </div>
 +
    </script>
-
                                    For the 2012 competition iGEM expanded into having not only the Collegiate division, but also competitions for entrepreneurs and high school students.</p>
+
    <script type="text/template" id="humanpractice">
-
                                </div>
+
        <section class="blue-background">
-
                            </li>
+
            <h1 class="header">Conference</h1>
-
                        </ul>
+
        </section>
-
                    </div>
+
        <div class="row" style="margin-left: 20px; margin-right: 20px">
-
                </div>
+
        <img class="pull-right img-responsive" 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 class="row" style="margin-left: 20px; margin-right: 20px">
 +
        <img class="pull-left img-responsive" 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="./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="./images/Berkeley_conference.jpg">
 +
        <div class="row text-center" style="margin-top: 150px">
 +
        <b><h2>Conference in Tokyo University</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>
 +
       
 +
       
 +
        <section class="purple-background">
 +
        <h1 class="header">NTU Azalea Festival</h1>
         </section>
         </section>
-
 
+
        <div class="container divide essay">
-
    <!--start works header-->
+
         <div class="row" style="margin-left: 20px; margin-right: 20px">
-
         <section id="works-top">
+
        <img class="pull-left img-responsive" src="xxxx">
-
    <!--start works-desktop header-->
+
            <div class"row text-center" style="margin-top: 100px">
-
            <section id="works-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
            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 web 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 last level by amino acids, right RNA, and right enzyme. In the last level, we asked them to build up a
-
                <h1 class="header">Works</h1>
+
        </div>
-
                <p class="header">How awesome it is?</p>
+
       
-
            </section>
+
        <section class="green-background">
-
    <!--start works-mobile header-->
+
        <h1 class="header">Poster Presentation</h1>
-
            <section id="works-top-mobile" class="hidden-desktop">
+
-
                <h1 class="header">Works</h1>
+
-
                <p class="header">How awesome it is?</p>
+
-
            </section>
+
         </section>
         </section>
-
    <!--start works-->
+
        <div class="container divide essay">
-
         <section id="works">
+
        <p>
-
             <div class="container">
+
        </p>
-
                 <div class="row divide">
+
        </div>
-
                     <div class="span12">
+
       
-
                         <div id="carousel_fade" class="carousel slide carousel-fade">
+
        <section class="yellow-background">
-
                            <div class="carousel-inner" >
+
        <h1 class="header">App</h1>
-
                                <div class="active item lightboxImg" img="./img/Poster/Picture1.png" img-style='height: 280px'> </div>
+
        </section>
-
                                <div class="inactive item lightboxImg" img="./img/Poster/Picture2.png" img-style='height: 280px'> </div>
+
        <div class="container divide essay">
-
                                <div class="inactive item lightboxImg" img="./img/Poster/Picture3.png" img-style='height: 280px'> </div>
+
        <p>
 +
        </div>
 +
       
 +
        <section class="red-background">
 +
         <h1 class="header">Cooperation</h1>
 +
        </section>
 +
        <div class="container divide essay">
 +
        <p>
 +
        Perdue, Kyoto, NTU University
 +
        </p>
 +
       
 +
        </div>
 +
        </script>
 +
 
 +
    <script type="text/template" id="teamCalendar">
 +
        <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>
-
         <section id="hint1"><a href="http://ntu-taiwan-azalea.herokuapp.com/" target="_blank">
+
         <div class="teamMember divide">
-
            <strong>HEADS UP!</strong> See what in our <strong>AZALEA APP</strong>
+
            <section id="teamContainer" class="blue-background" cur-color="blue-background">
-
        </a></section>
+
                <div class="row">
-
    <!--start gallery header-->
+
                    <div class="col-md-5"><img class="img-responsive" src="./images/people/李易遠.jpg"></div>
-
        <section id="gallery-top">
+
                    <div class="col-md-7">
-
    <!--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</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"> Interests: </b> <div class="col-md-8"> Reading, Calligraphy, Ballroom dance, Swimming, Traveling </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </b> <div class="col-md-8"> Immunology, Bioinformatics, Virology </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-->
+
            <div class="row red-background">
-
             <section id="gallery-top-mobile" class="hidden-desktop">
+
                <ul class="img-gallery">
-
                <h1 class="header">Gallery</h1>
+
                    <li class="active" data-toggle="tooltip" title="Team Leader"><img src="./images/people/李易遠.jpg" toggle="李易遠" ></li>
-
                <p class="header">Pictures So far</p>
+
                    <li data-toggle="tooltip" title="Chief of Lab Hero"><img src="./images/people/呂宗諭.jpg" toggle="呂宗諭"></li>
 +
                    <li data-toggle="tooltip" title="Lab Surfer"><img src="./images/people/張宏宇.jpg" toggle="張宏宇"></li>
 +
                    <li data-toggle="tooltip" title="Lab Anego"><img src="./images/people/馬蓁華.jpg" toggle="馬蓁華"></li>
 +
                    <li data-toggle="tooltip" title="Fake Secretary"><img src="./images/people/陳俋秀.jpg" toggle="陳俋秀"></li>
 +
                    <li data-toggle="tooltip" title="LuLu"><img src="./images/people/盧彥云.jpg" toggle="盧彥云"></li>
 +
                    <li data-toggle="tooltip" title="Lily LOL Fighter"><img src="./images/people/吳泰億.jpg" toggle="吳泰億"></li>
 +
                    <li data-toggle="tooltip" title="Lab Physician"><img src="./images/people/王德緯.jpg" toggle="王德緯"></li>
 +
                    <li data-toggle="tooltip" title="Web Hacker"><img src="./images/people/王柏軒.jpg" toggle="王柏軒"></li>
 +
                    <li data-toggle="tooltip" title="Niwei"><img src="./images/people/李威.jpg" toggle="李威"></li>
 +
                    <li data-toggle="tooltip" title="Y-way"><img src="./images/people/李啟為.jpg" toggle="李啟為"></li>
 +
                    <li data-toggle="tooltip" title="Secret staff"><img src="./images/people/王凡.jpg" toggle="王凡"></li>
 +
                    <li data-toggle="tooltip" title="Lynda"><img src="./images/people/林湧達.jpg" toggle="林湧達"></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
 
 +
        <div class='template'>
 +
             <section id="李易遠" color="blue-background">
 +
                <div class="row">
 +
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/李易遠.jpg"></div>
 +
                    <div class="col-md-8">
 +
                        <h2>李易遠(Yi-Yuan Lee)</h2>
 +
                        <div class="row">
 +
                            <b><u>Team Leader</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"> Interests: </b> <div class="col-md-8"> Reading, Calligraphy, Ballroom dance, Swimming, Traveling </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </b> <div class="col-md-8"> Immunology, Bioinformatics, Virology </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>
-
        </section>
+
 
-
    <!--start gallery-->
+
            <section id="吳泰億" color="brown-background">
-
    <!--start thumbnails section-->
+
                <div class="row">
-
        <section id="gallery">
+
                    <div class="col-md-8">
-
            <div class="container">
+
                        <h2>吳泰億(Tai-Yi Wu)</h2>
-
                <div class="row divide" number="14" folder="AZALEA">
+
                        <div class="row">
-
                    <div class="span8 offset2">
+
                            <b><u>Lily LOL Fighter</u></b>
-
                        <h1>NTU AZALEA FESTIVAL</h1>
+
                        </div>
-
                         <p class="center">We made a little app to illustrate the idea of iGem</p>
+
                        <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"> Interests: </b> <div class="col-md-8"> swim, music, stage play </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
 +
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/吳泰億.jpg"></div>
                 </div>
                 </div>
-
                 <div class='divider'></div>
+
            </section>
-
                <div class="row divide" number="28" folder="MEETING">
+
 
-
                    <div class="span8 offset2">
+
            <section id="呂宗諭" color="yellow-background">
-
                         <h1>Lab & Life</h1>
+
                 <div class="row">
-
                         <p class="center">Normal Life Time</p>
+
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/呂宗諭.jpg"></div>
 +
                    <div class="col-md-8">
 +
                        <h2>呂宗諭(Tsung-Yu Lu)</h2>
 +
                        <div class="row">
 +
                            <b><u>Chief of 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"> Graduate student </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interests: </b> <div class="col-md-8"> swim, music, stage play </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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="46" folder="Conference">
+
 
-
                    <div class="span8 offset2">
+
            <section id="張宏宇" color="lightblue-background">
-
                         <h1>Conference</h1>
+
                 <div class="row">
-
                         <p class="center">Conference in Jiao Tong University</p>
+
                    <div class="col-md-8">
 +
                        <h2>張宏宇(Hung-Yu Chang)</h2>
 +
                        <div class="row">
 +
                            <b><u>Lab Surfer</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"> Interests: </b> <div class="col-md-8"> Debate, Tennis, Surfing </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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="./images/people/張宏宇.jpg"></div>
                 </div>
                 </div>
-
                 <div class="row divide" number="3" folder="MISC">
+
            </section>
-
                     <div class="span8 offset2">
+
 
-
                         <h1>MISC</h1>
+
            <section id="王德緯" color="green-background">
-
                         <p class="center">Miscellaneous Photos</p>
+
                 <div class="row">
 +
                    <div class="col-md-4"><img class="img-responsive" 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"> Interests: </b> <div class="col-md-8"> reading, movie, volleyball, Japanese </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
 +
            </section>
-
             </div>
+
             <section id="馬蓁華" color="yellow-background">
-
        </section>
+
                <div class="row">
-
    <!--end thumbnails section-->
+
                    <div class="col-md-8">
-
    <!--start lightboxes-->
+
                        <h2>馬蓁華(Chen-Hwa Ma)</h2>
-
        <div id="lightbox">
+
                        <div class="row">
-
        </div>
+
                            <b><u>Lab Anego</u></b>
-
    <!--end lightbox section-->
+
                        </div>
-
    <!--start team header-->
+
                        <div class="row">
-
        <section id="team-top">
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div>
-
    <!--start team-desktop header-->
+
                        </div>
-
            <section id="team-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
                        <div class="row">
-
                <h1 class="header">Team</h1>
+
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
-
                <p class="header">The people!</p>
+
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interests: </b> <div class="col-md-8"> traveling, reading </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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 class="col-md-4"><img class="img-responsive" src="./images/people/馬蓁華.jpg"></div>
 +
                </div>
             </section>
             </section>
-
    <!--start team-mobile header-->
+
 
-
            <section id="team-top-mobile" class="hidden-desktop">
+
            <section id="陳俋秀" color="pink-background">
-
                <h1 class="header">Team</h1>
+
                <div class="row">
-
                <p class="header">The people!</p>
+
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/陳俋秀.jpg"></div>
 +
                    <div class="col-md-8">
 +
                        <h2>陳俋秀(Yi-Hsiu Chen)</h2>
 +
                        <div class="row">
 +
                            <b><u>Fake Secretary</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"> Interests: </b> <div class="col-md-8"> reading,playing,volleyball,movie </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
-
        </section>
+
 
-
    <!--start team-->
+
            <section id="盧彥云" color="blue-background">
-
        <section id="team">
+
                <div class="row">
-
            <div class="container">
+
                    <div class="col-md-8">
-
                <div class="row divide">
+
                        <h2>盧彥云(Yen-Yun Lu)</h2>
-
                    <div class="span8 offset2">
+
                        <div class="row">
-
                         <h1>We are IGem-Taiwan</h1>
+
                            <b><u>LuLu</u></b>
-
                         <h4>Nice to meet you all <i class='icon-smile'></i></h4>
+
                        </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"> Interests: </b> <div class="col-md-8"> dance, cooking, traveling, reading </div>
 +
                         </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
-
                     <div class="span12">
+
                     <div class="col-md-4"><img class="img-responsive" src="./images/people/盧彥云.jpg"></div>
-
                        <ul class="thumbnails">
+
                </div>
-
                            <div class="row">
+
            </section>
-
                                <li class="span6">
+
 
-
                                    <div class="thumbnail">
+
            <section id="王柏軒" color="brown-background">
-
                                        <div class="lightboxImg" img="./img/people/李易遠.jpg"></div>
+
                <div class="row">
-
                                        <h4>李易遠(Yi-Yuan Lee)</h4>
+
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/王柏軒.jpg"></div>
-
                                        <span>Team Leader</span>
+
                    <div class="col-md-8">
-
                                        <p class="center">
+
                        <h2>王柏軒(Po-Hsien Wang)</h2>
-
                                            Department: Biochemical Science and Technology<br/>
+
                        <div class="row">
-
                                            Grade: Senior<br/>
+
                            <b><u>Web Hacker</u></b>
-
                                            Interests: Reading, Calligraphy, Ballroom dance, Swimming, Traveling<br/>
+
                        </div>
-
                                            Interested fields: Immunology, Bioinformatics, Virology<br/>
+
                        <div class="row">
-
                                            Born: Taipei, Taiwan<br/>
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
-
                                        </p>
+
                        </div>
-
                                    </div>
+
                        <div class="row">
-
                                </li>
+
                            <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div>
-
                                <li class="span3">
+
                        </div>
-
                                    <div class="thumbnail">
+
                        <div class="row">
-
                                        <div class="lightboxImg" img="./img/people/吳泰億.jpg"></div>
+
                            <b class="col-md-4"> Interests: </b> <div class="col-md-8"> reading, movie </div>
-
                                        <h4>吳泰億(Tai-Yi Wu)</h4>
+
                        </div>
-
                                        <span>Lily LOL Fighter</span>
+
                        <div class="row">
-
                                        <p class="center">
+
                            <b class="col-md-4"> Interested: </b> <div class="col-md-8"> AI, Virtual Reality </div>
-
                                            Department: Biochemical Science and Technology <br/>
+
                        </div>
-
                                            Grade: Senior <br/>
+
                        <div class="row">
-
                                            Interests: badminton, music  <br/>
+
                            <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div>
-
                                            Interested fields: Fermentology, Applied Microbiology <br/>
+
                        </div>
-
                                            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>
                 </div>
-
             </div>
+
             </section>
-
        </section>
+
-
    <!--start calendar header-->  
+
            <section id="李威" color="yellow-background">
-
        <section id="calendar-top">
+
                <div class="row">
-
    <!--start calendar-desktop header-->
+
                    <div class="col-md-8">
-
            <section id="calendar-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
                        <h2>李威(Wei Lee)</h2>
-
                <h1 class="header"><i class="icon-calendar"></i>Calendar</h1>
+
                        <div class="row">
-
                <p class="header">Things so far</p>
+
                            <b><u>Niwei</u></b>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Electrical 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"> Interests: </b> <div class="col-md-8"> badminton, photography, reading </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </b> <div class="col-md-8"> Communication, AI, App & Web developing </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="./images/people/李威.jpg"></div>
 +
                </div>
             </section>
             </section>
-
    <!--start calendar-mobile header-->
+
 
-
            <section id="calendar-top-mobile" class="hidden-desktop">
+
            <section id="李啟為" color="green-background">
-
                <h1 class="header">Calendar</h1>
+
                <div class="row">
-
                <p class="header">Things so far</p>
+
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/李啟為.jpg"></div>
 +
                    <div class="col-md-8">
 +
                        <h2>李啟為(Chi-Wei Lee)</h2>
 +
                        <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"> Interests: </b> <div class="col-md-8"> baseball, girl, post rock </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
-
        </section>
+
 
-
    <!--start calendar-->
+
            <section id="王凡" color="brown-background">
-
        <section id="calendar">
+
                <div class="row">
-
            <div class="container">
+
                    <div class="col-md-8">
-
                <div class="row divide">
+
                        <h2>王凡(Fang Wang)</h2>
-
                    <div class="span8 offset2">
+
                        <div class="row">
-
                         <h1>So many things...</h1>
+
                            <b><u>Secret staff</u></b>
-
                    </div>
+
                        </div>
-
                    <div class="span12">
+
                        <div class="row">
-
                         <ul class="thumbnails">
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
-
                             <div id="calendar_content"></div>
+
                        </div>
-
                         </ul>
+
                        <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"> Interests: </b> <div class="col-md-8"> fixed gear, table tennis, photography </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
 +
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/王凡.jpg"></div>
                 </div>
                 </div>
-
             </div>
+
             </section>
-
        </section>
+
-
    <!--start contact header-->
+
            <section id="林湧達" color="lightblue-background">
-
        <section id="contact-top">
+
                <div class="row">
-
    <!--start contact-desktop header-->
+
                    <div class="col-md-4"><img class="img-responsive" src="./images/people/林湧達.jpg"></div>
-
            <section id="contact-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
+
                    <div class="col-md-8">
-
                <h1 class="header">Contact</h1>
+
                        <h2>林湧達(Yung-Ta Lin)</h2>
-
                <p class="header">Fill up our inbox, we like that</p>
+
                        <div class="row">
-
            </section>
+
                            <b><u>Lynda</u></b>
-
    <!--start contact-mobile header-->
+
                        </div>
-
            <section id="contact-top-mobile" class="hidden-desktop">
+
                        <div class="row">
-
                <h1 class="header">Contact</h1>
+
                            <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div>
-
                <p class="header">Fill up our inbox, we like that</p>
+
                        </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"> Interests: </b> <div class="col-md-8"> drawing, tennis, tap dance, Chinese comedy </div>
 +
                        </div>
 +
                        <div class="row">
 +
                            <b class="col-md-4"> Interested: </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>
             </section>
             </section>
 +
        </div>
 +
 +
        <section class="brown-background">
 +
            <h1 class="header">Calendar</h1>
 +
            <p class="header container">
 +
                So many things...
 +
            </p>
         </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="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="Azalea">
-
                         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-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="Motivation">
 +
                        <div class="row ">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-stop icon-stack-base font-purple"></i>
 +
                              <i class="icon-lightbulb icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Motivation </div>
 +
                    </a>
 +
                </div>
 +
                <div class="col-md-2 photo-item">
 +
                    <a class="pointer-cursor" scroll-to="Result">
 +
                        <div class="row">
 +
                            <span class="icon-stack icon-4x">
 +
                              <i class="icon-stop icon-stack-base font-pink"></i>
 +
                              <i class="icon-beaker icon-light"></i>
 +
                            </span>
 +
                        </div>
 +
                        <div> Result </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
        <section class="red-background divide" id="Meeting">
 +
            <h1 class="header">Meeting Photos</h1>
 +
            <p class="header container">
 +
            </p>
 +
            <div class="divide">
 +
                <div class="row">
 +
                    <ul class="tilt-gallery img-2x" lightbox-id="meeting">
 +
                         <li><img src="./images/MEETING/(1).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(2).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(3).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(4).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(5).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(6).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(7).jpg"  ></li>
 +
                        <li><img src="./images/MEETING/(8).jpg"  ></li>
 +
                         <li><img src="./images/MEETING/(9).jpg"  ></li>
 +
                         <li><img src="./images/MEETING/(10).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(11).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(12).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(13).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(14).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(15).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(16).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(17).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(18).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(19).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(20).jpg" ></li>
 +
                        <li><img src="./images/MEETING/(21).jpg" ></li>
 +
                     </ul>
                 </div>
                 </div>
             </div>
             </div>
         </section>
         </section>
-
     <!--start footer-->
+
        <section class="green-background divide" id="Azalea">
-
         <section id="footer">
+
            <h1 class="header">Azalea Festival</h1>
 +
            <p class="header container">
 +
            </p>
 +
            <div class="divide">
 +
                <div class="row">
 +
                    <ul class="tilt-gallery img-2x" lightbox-id="Azalea">
 +
                        <li><img src="./images/AZALEA/(1).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(2).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(3).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(4).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(5).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(6).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(7).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(8).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(9).jpg"  ></li>
 +
                        <li><img src="./images/AZALEA/(10).jpg" ></li>
 +
                        <li><img src="./images/AZALEA/(11).jpg" ></li>
 +
                        <li><img src="./images/AZALEA/(12).jpg" ></li>
 +
                        <li><img src="./images/AZALEA/(13).jpg" ></li>
 +
                        <li><img 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="./images/Chiao_Tung_Conference/(1).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(2).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(3).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(4).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(5).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(6).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(7).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(8).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(9).jpg"  ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(10).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(11).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(12).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(13).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(14).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(15).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(16).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(17).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(18).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(19).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(20).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(21).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(22).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(23).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(24).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(25).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(26).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(27).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(28).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(29).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(30).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(31).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(32).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(33).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(34).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(35).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(36).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(37).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(38).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(39).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(40).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(41).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(42).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(43).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(44).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(45).jpg" ></li>
 +
                        <li><img src="./images/Chiao_Tung_Conference/(46).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="./images/LabTime/(1).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(2).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(3).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(4).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(5).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(6).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(7).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(8).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(9).jpg"  ></li>
 +
                        <li><img src="./images/LabTime/(10).jpg" ></li>
 +
                        <li><img src="./images/LabTime/(11).jpg" ></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">
 +
        <b>
 +
            Do the biological materials used in your lab work pose any risks to…</b><br/><br/>
 +
            <ul style="list-style:style"><b>
 +
                <li> -the safety and health of team members or others working in the lab?</li>
 +
                <li> -the safety and health of the general public, if released by design or by accident?</li>
 +
                <ul></b>
 +
                    <li> Here is a list of the chassis organisms that we use in our project : Escherichia coli, Saccharomyces cerevisiae, and Rhodotorula glutinis. These are all Biosafety Level 1 organisms and non-pathogenic, therefore pose no severe threat to the researchers or any healthy human. </li>
 +
                </ul><b>
 +
                <li> -the environment, if released by design or by accident?</li>
 +
                <ul></b>
 +
                    <li>For the same reasons above, there would be minimum chance of the organisms causing any great harm to the environment. Our E. coli 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 equipments used for bacteria cells and/or cultures are properly autoclaved. </li>
 +
                </ul><b>
 +
                <li> -security through malicious misuse by individuals, groups, or countries? </li>
 +
                <ul></b>
 +
                    <li> Unless high density of cell culture is spread out, no potential risk is present. </li>
 +
                </ul>
 +
            </b></ul>
 +
       
 +
        <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 style="margin-left: 40px">Respecting our goals to prevent the damage caused by cold temperature in fish farming:</p>
 +
        <p style="margin-left: 80px">
 +
        1.  Contact with high density of cells may cause harmful effects on people.<br/>
 +
        2.  Release of cell culture into the environment may cause fish infection and perturbation of the ecosystem.<br/></p>
 +
       
 +
        <b>Does your project include any design features to address safety risks?</b><br/>
 +
        <br/>
 +
        <p style="margin-left: 40 px">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.<br/>
 +
        When faced with an increasing osmaolarity 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. 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 sythesis. Following activation of the HOG pathway, activated Hog1 binds to the transcriptional acitvator 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. Smp1 is phosphorylated and activated by the active Hog1 protein. Thus, the sensing of osmolarity and the induction of GPD1 and STL1 expression will make up mainly the fist part of our kill switch.<br/>
 +
        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 and 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, and their induction via osmosensitive promoters would cause irreversible harm to the yeasts and in the end kill them.<br/>
 +
        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, with following cell death. 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.<br/></p>
 +
       
 +
        <b>What safety training have you received?</b><br/><br/>
 +
        <p style="margin-left: 40px">Every student who worked in the lab have had to received 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/>
 +
       
 +
        <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 style="margin-left: 40px">We had an discussion with the National Taiwan University Enviroment 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/>
 +
       
 +
        <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/>
 +
        <p style="margin-left: 40px">&#34; http://esh.ntu.edu.tw/epc/e-home.php &#34;<br/>
 +
        <!-- help!! -->
 +
         This is also the biosafety guidelines that our institution follows.<br/>
 +
        </p>
 +
        </div>
 +
    </script>
 +
 
 +
    <script type="text/template" id="BasicResearch">
 +
        <section class="pink-background">
 +
            <h1 class="header" style="margin: 0">Basic Research</h1>
             <div class="container">
             <div class="container">
-
                 <div class="row divide">
+
                 <p class="header" style="margin: 0"> our works </p>
-
    <!--logo and copyright-->
+
                <div id="beaker">
-
                     <div class="span3">
+
                     <span class="bubble"><span class="glow">&nbsp;</span></span>
-
                        <a href="https://2013.igem.org/Main_Page" class="brand"><img src="http://ntu-best.herokuapp.com/img/igem_Logo.png" alt=""></a>
+
                    <span class="bubble2"><span class="glow">&nbsp;</span></span>
-
                        <p>2013 © IGem-Taiwan.</p><br>
+
                    <span class="bubble3"><span class="glow">&nbsp;</span></span>
-
                        <p>produced by <br> <a href="mailto:b99902006@ntu.edu.tw" target="_blank">PoHsien Wang</a></p><br>
+
                    <span class="bubble4"><span class="glow">&nbsp;</span></span>
-
                    </div>
+
                    <img class="nohover" id="redBeaker" src="images/beaker.png" alt="the beaker" >
 +
                </div>
 +
            </div>
 +
        </section>
-
                    <div class="span3 thanks">
+
 
-
                         <p><h2> Special Thanks </h2></p>
+
        <div class="container divide" id="index-icons">
-
                        <img src="http://ntu-best.herokuapp.com/img/thanks/BST.png" alt="">
+
            <div class="row text-center">
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/CSIE.png" alt="">
+
                <div class="col-md-2 index-item">
-
                         <img src="http://ntu-best.herokuapp.com/img/thanks/NTHU.png" alt="">
+
                    <a class="pointer-cursor" scroll-to="Chassis">
-
                         <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="">
+
                            <span class="icon-stack icon-4x">
-
                     </div>
+
                              <i class="icon-cloud icon-stack-base font-red"></i>
-
    <!--footer menu-->
+
                              <i class="icon-cogs icon-light"></i>
-
                     <div class="span2 offset1">
+
                            </span>
-
                         <ul>
+
                        </div>
-
                             <li><h5>Menu</h5></li>
+
                        <div> Chassis </div>
-
                             <li><a href="#intro">Home</a></li>
+
                    </a>
-
                            <li><a href="#basic_top">Intro</a></li>
+
                </div>
-
                            <li><a href="#igem-top">IGEM</a></li>
+
                <div class="col-md-2 index-item">
-
                            <li><a href="#works-top">Works</a></li>
+
                    <a class="pointer-cursor" scroll-to="Expression">
-
                            <li><a href="#gallery-top">Gallery</a></li>
+
                         <div class="row">
-
                            <li><a href="#team-top">Team</a></li>
+
                            <span class="icon-stack icon-4x">
-
                            <li><a href="#calendar-top">Calendar</a></li>
+
                              <i class="icon-cloud icon-stack-base font-blue"></i>
-
                        </ul>
+
                              <i class="icon-barcode icon-light"></i>
-
                     </div>
+
                            </span>
-
    <!--link to social networks-->
+
                        </div>
-
                    <div class="span2 offset1">
+
                        <div> Expression </div>
-
                        <ul>
+
                    </a>
-
                            <li><h5>Social</h5></li>
+
                </div>
-
                            <li><a class="facebook" href="https://www.facebook.com/NationalTaiwanUniversityBSTiGEM" target="_blank">Facebook</a></li>
+
                <div class="col-md-2 index-item">
-
                            <li><a class="google" href="https://igem.org/Team.cgi" target="_blank">IGem Website</a></li>
+
                    <a class="pointer-cursor" scroll-to="Bioheater">
-
                        </ul>
+
                         <div class="row ">
-
                     </div>
+
                            <span class="icon-stack icon-4x">
-
                 </div>
+
                              <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>
 +
 
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
        <div id="Chassis">
 +
            <section class="yellow-background">
 +
                <h1 class="header">Chassis</h1>
 +
                <p class="header">S.C.</p>
 +
            </section>
 +
            <div class="container divide essay">
 +
            </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="images/e_coli.jpg" class="pull-right img-responsive">
 +
                <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 <b>E.coli</b>. 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 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.??)The anion form FFAs bind to protons again, transferring more protons into the matrix. </p>
 +
                <img class="tipReveal img-responsive" src="images/image002.png"></img>
 +
                <div class="tip">(fig.??)</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>We use temperature changes as the main sensors. With a cold shock promoter prior to UCP genes, our constructed plasmid will produces heat when temperature decreasing dramatically.</p>
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="Circuit">
 +
            <section class="purple-background">
 +
                <h1 class="header">Circuit</h1>
 +
            </section>
 +
 
 +
            <div class="essay container divide">
 +
               
 +
            </div>
 +
        </div>
 +
 
 +
        <div id="Suicide">
 +
            <section class="red-background">
 +
                <h1 class="header">Suicide</h1>
 +
            </section>
 +
            <div class="essay container divide">
 +
               
 +
            </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"></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="images/beaker.png" alt="the beaker" >
 +
                 </div>
             </div>
             </div>
         </section>
         </section>
 +
        <div id="Chassis" class="divide">
 +
            <section class="brown-background">
 +
                <h1 class="header">Chassis</h1>
 +
                <p class="header">R.g.</p>
 +
            </section>
 +
            <div class="container divide essay">
 +
                <p><i><u>Rhodotorula</u></i> is pigment produce yeast quite easily identifiable by distinctive orange/red colonies when grown on SDA. This distinctive color is the result of pigments that the yeast creates to block out certain wavelengths of light that would otherwise be damaging to the cell. Colony color can vary from being cream colored to orange/red/pink or yellow.<br/>
 +
                    <i><u>Rhodotorula</u></i> is 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><u>Rhodotorula</u></i> can drop as low as 1%, compared to around 14% for most bacteria growing in normal conditions. <br/>
 +
                    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><u>Rhodotorula graminis</u></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. <br/>
 +
                    So we choose R.g. for the Expression vector.<br/>
 +
                    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.<br/>
 +
                    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><u>Rhodotorula glutinis’s</u></i> ability to assimilate xylose.  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. <br/>
 +
                    After expressing SrUCP in <i><u>Rhodotorula glutinis</u></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.<br/>
 +
            </div>
 +
        </div>
 +
    </script>
-
        <script src="./javascript/jquery-latest.js?action=raw"></script>
+
    <script type="text/template" id="undefined">
-
        <script src="./javascript/sprintf.min.js?action=raw"></script>
+
         <section class="red-background">
-
         <script src="./javascript/bootstrap.min.js?action=raw"></script>
+
             <h1 class="header">Under Construction</h1>
-
        <script src="./javascript/custom.js?action=raw"></script>
+
         </section>
-
        <script>
+
-
             $(window).load(function() {
+
-
                $("#status").fadeOut();
+
-
                $("#preloader").delay(300).fadeOut("slow");
+
-
            })
+
-
        </script>
+
-
        <script src="./javascript/retina.js?action=raw"></script>
+
-
         <script src="./javascript/jquery.easing-1.3.pack.js?action=raw"></script>
+
-
        <script src="./javascript/jquery.nicescroll.min.js?action=raw"></script>
+
-
        <script src="./javascript/jquery.stellar.js?action=raw"></script>
+
-
        <script src="./javascript/date.js?action=raw"></script>
+
-
         <script src="./javascript/jquery.ui.datepicker.min.js?action=raw"></script>
+
         <div class="container">
-
       
+
            <img class="img-responsive" src="images/Website_Under_Construction.gif">
-
        <script src="./javascript/dp_calendar.js?action=raw"></script>
+
         </div>
-
        <script src="./javascript/bootstrap-lightbox.min.js?action=raw"></script>
+
    </script>
-
         <script src="./javascript/jquery.videoBG.js?action=raw"></script>
+
 
-
        <script src="./javascript/index.js?action=raw"></script>
+
</body>
-
</body></html>
+
</html>

Revision as of 04:28, 26 September 2013

<!DOCTYPE html> Igem-Taiwan