Team:NTU Taiwan/index.html
From 2013.igem.org
(Difference between revisions)
Ddmail2009 (Talk | contribs) |
Ddmail2009 (Talk | contribs) |
||
Line 1: | Line 1: | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
- | <html | + | <html lang="en"> |
- | + | <head> | |
- | + | <title> Igem-Taiwan </title> | |
- | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
- | + | <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"> | ||
- | + | <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> | ||
+ | <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> | ||
- | + | <!-- Collect the nav links, forms, and other content for toggling --> | |
- | + | <div class="collapse navbar-collapse navbar-ex1-collapse"> | |
- | + | <ul class="nav navbar-nav" id="navbar"> | |
- | + | <li> <a href="#" style="font-size: 18px"> NTU-Taiwan </a> </li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li><a href="# | + | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | <li> <a href="#Background"> Background </a> </li> |
- | <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="# | + | <li> <a href="#BasicResearch">Basic Research</a> </li> |
- | <li><a href="# | + | <li> <a href="#Application">Application</a> </li> |
- | <li><a href="# | + | <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="# | + | <li><a href="#Safety">Safety</a></li> |
- | <li><a href="# | + | <li><a href="#humanpractice">Human practice</a></li> |
- | <li><a href="# | + | <li><a href="#teamCalendar"> Team_Calendar </a> </li> |
- | <li><a href="# | + | <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> | ||
- | </ | + | </nav> |
</div> | </div> | ||
- | <section id=" | + | <div class="content"> |
- | <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=" | + | <div class="col-md-3"> |
- | < | + | <a href="https://2013.igem.org/Main_Page" class="brand"> |
- | < | + | <img src="http://ntu-best.herokuapp.com/img/igem_Logo.png" alt=""> |
- | + | </a> | |
- | + | <p>2013 © NTU-Taiwan.</p><br> | |
- | + | <p>Please contact us<br/> If we violate any copywright</p> | |
- | + | <p>Produced by <br> <a href="mailto:b99902006@ntu.edu.tw" target="_blank">PoHsien Wang</a></p><br> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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> | ||
- | + | </footer> | |
- | + | </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> | ||
- | + | <div id="Abstract"> | |
- | < | + | <section class="blue-background"> |
- | + | <h1 class="header">Abstract </h1> | |
- | <section | + | |
- | <h1 class="header"> | + | |
- | + | ||
</section> | </section> | ||
- | + | <div class="container divide"> | |
- | < | + | <p> |
- | + | <img class="img-responsive pull-right" src="images/temp.jpg"> | |
- | < | + | 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> | ||
- | + | <div class="container divide"> | |
- | + | <p> | |
- | + | There are 4 farming fishing among top 15 fishing output in Taiwan. The output value of farming fish is second only to deep sea fishing. Unfortunately, in winter, we see news about large amount of fish died due to low temperature. In winter, cold current which comes from the Mongolia dramatically decreases the temperature and causes fish to die. As you know that fish is cold-blood animal, they can’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. | |
- | <div class="container"> | + | </p> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | </ | + | </div> |
- | + | <div id="Result"> | |
- | < | + | <section class="green-background"> |
- | + | <h1 class="header">Result</h1> | |
- | <section | + | |
- | <h1 class="header"> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</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> | ||
- | + | <div class="container divide essay"> | |
- | + | <p> | |
- | + | 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 “Us”, each comprising about 100 amino acids(fig.?).The functional UCP is believed to be dimer. | |
- | + | </p> | |
- | + | <img class="tipReveal img-responsive" src="images/image001.png"> | |
- | + | <div class="tip"> | |
- | + | (fig.? The protein (33kDa,306 amino acids) contains six transmembrane alpha-helices, proposed to constitute three symmetric repeats.) | |
- | + | </div> | |
- | + | <p> | |
- | + | Mitochondria uncoupling proteins 1(UCP1) are members of the family of mitochondrial anion carrier proteins (MACP). It facilitates the transfer of anions from the inner to the outer mitochondrial membrane and the return transfer of protons from the outer to the inner mitochondrial membrane. UCPs separate oxidative phosphorylation from ATP synthesis with energy dissipated as heat, also referred to as the mitochondrial proton leak. | |
- | + | </p><p> | |
- | + | UCP has been found in several species, including mammals and plants. Skunk cabbage(Symplocarpus foetidus)is a thermogenic plant, 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> | ||
- | + | <section class="lightblue-background"> | |
- | + | <h1 class="header">Shuttle Vector</h1> | |
- | + | </section> | |
- | + | <div class="container divide essay"> | |
- | + | <p> | |
- | + | Shuttle vector is a vector that can propagate in different species, used to make gene amplifications quickly in 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. | |
- | + | </p><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. | |
- | + | </p> | |
- | + | </div> | |
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <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> | ||
- | + | <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> | ||
- | + | <script type="text/template" id="humanpractice"> | |
- | + | <section class="blue-background"> | |
- | + | <h1 class="header">Conference</h1> | |
- | + | </section> | |
- | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
- | + | <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’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"> | |
- | + | <div class="row" style="margin-left: 20px; margin-right: 20px"> | |
- | < | + | <img class="pull-left img-responsive" src="xxxx"> |
- | + | <div class"row text-center" style="margin-top: 100px"> | |
- | + | 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 | |
- | + | </div> | |
- | + | ||
- | + | <section class="green-background"> | |
- | + | <h1 class="header">Poster Presentation</h1> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</section> | </section> | ||
- | + | <div class="container divide essay"> | |
- | <section id=" | + | <p> |
- | < | + | </p> |
- | <div class=" | + | </div> |
- | <div class=" | + | |
- | <div | + | <section class="yellow-background"> |
- | + | <h1 class="header">App</h1> | |
- | + | </section> | |
- | + | <div class="container divide essay"> | |
- | + | <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> | ||
- | < | + | <div class="wing4"></div> |
- | + | ||
</div> | </div> | ||
+ | |||
+ | <div class="eye"></div> | ||
</div> | </div> | ||
- | <div class=" | + | |
- | < | + | <div class="bird right" style="top: 31px; left: 72px;"> |
- | < | + | <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 class="wing4"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="eye"></div> | ||
</div> | </div> | ||
- | |||
- | + | <div class="bird right" style="top: 66px; left: 176px;"> | |
- | + | <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 class="wing4"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="eye"></div> | ||
</div> | </div> | ||
- | |||
- | + | <div class="bird right" style="top: 35px; left: 262px;"> | |
- | + | <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 class="wing4"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="eye"></div> | ||
</div> | </div> | ||
- | <div class=" | + | |
- | <div | + | <div class="bird left" style="top: 17px; left: 173px;"> |
- | + | <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=" | + | <div class="wing1"></div> |
- | + | <div class="wing2"></div> | |
- | + | <div class="wing3crop"> | |
+ | <div class="wing3"></div> | ||
</div> | </div> | ||
- | < | + | <div class="wing4"></div> |
- | + | ||
</div> | </div> | ||
+ | |||
+ | <div class="eye"></div> | ||
</div> | </div> | ||
- | |||
- | + | <div class="bird left" style="top: 47px; left: 230px;"> | |
- | + | <div class="body1"></div> | |
- | <div class=" | + | <div class="body2"></div> |
- | + | <div class="body3"></div> | |
- | + | <div class="body4"></div> | |
- | + | <div class="body5"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <div class="wing"> | |
- | <div | + | <div class="wing1"></div> |
- | <div class=" | + | <div class="wing2"></div> |
- | + | <div class="wing3crop"> | |
- | + | <div class="wing3"></div> | |
</div> | </div> | ||
+ | <div class="wing4"></div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="eye"></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="wing"> | |
- | + | <div class="wing1"></div> | |
- | + | <div class="wing2"></div> | |
- | + | <div class="wing3crop"> | |
- | + | <div class="wing3"></div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div class=" | + | |
- | + | ||
- | + | ||
- | <div class=" | + | |
</div> | </div> | ||
- | < | + | <div class="wing4"></div> |
- | + | ||
</div> | </div> | ||
+ | |||
+ | <div class="eye"></div> | ||
</div> | </div> | ||
- | + | ||
- | + | <div class="bird left" style="top: 135px; left: 277px;"> | |
- | + | <div class="body1"></div> | |
- | + | <div class="body2"></div> | |
- | <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> | ||
- | < | + | <div class="wing4"></div> |
- | + | ||
</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> | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
- | <section id=" | + | <div class="teamMember divide"> |
- | + | <section id="teamContainer" class="blue-background" cur-color="blue-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-5"><img class="img-responsive" src="./images/people/李易遠.jpg"></div> | |
- | + | <div class="col-md-7"> | |
- | + | <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> | ||
- | + | <div class="row red-background"> | |
- | <section id=" | + | <ul class="img-gallery"> |
- | + | <li class="active" data-toggle="tooltip" title="Team Leader"><img src="./images/people/李易遠.jpg" toggle="李易遠" ></li> | |
- | + | <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 id="吳泰億" color="brown-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>吳泰億(Tai-Yi Wu)</h2> | |
- | + | <div class="row"> | |
- | + | <b><u>Lily LOL Fighter</u></b> | |
- | + | </div> | |
- | < | + | <div class="row"> |
+ | <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <b class="col-md-4"> 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= | + | </section> |
- | + | ||
- | + | <section id="呂宗諭" color="yellow-background"> | |
- | < | + | <div class="row"> |
- | < | + | <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= | + | </section> |
- | + | ||
- | + | <section id="張宏宇" color="lightblue-background"> | |
- | < | + | <div class="row"> |
- | < | + | <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 | + | </section> |
- | <div class=" | + | |
- | < | + | <section id="王德緯" color="green-background"> |
- | < | + | <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> | ||
- | < | + | <section id="馬蓁華" color="yellow-background"> |
- | + | <div class="row"> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>馬蓁華(Chen-Hwa Ma)</h2> | |
- | + | <div class="row"> | |
- | + | <b><u>Lab Anego</u></b> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div> | |
- | + | </div> | |
+ | <div class="row"> | ||
+ | <b class="col-md-4"> 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> | ||
- | + | ||
- | + | <section id="陳俋秀" color="pink-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-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 id="盧彥云" color="blue-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>盧彥云(Yen-Yun Lu)</h2> | |
- | + | <div class="row"> | |
- | < | + | <b><u>LuLu</u></b> |
- | < | + | </div> |
+ | <div class="row"> | ||
+ | <b class="col-md-4"> Department: </b> <div class="col-md-8"> Biochemical Science and Technology </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <b class="col-md-4"> 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=" | + | <div class="col-md-4"><img class="img-responsive" src="./images/people/盧彥云.jpg"></div> |
- | + | </div> | |
- | + | </section> | |
- | + | ||
- | + | <section id="王柏軒" color="brown-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-4"><img class="img-responsive" src="./images/people/王柏軒.jpg"></div> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>王柏軒(Po-Hsien Wang)</h2> | |
- | + | <div class="row"> | |
- | + | <b><u>Web Hacker</u></b> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Grade: </b> <div class="col-md-8"> Senior </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Interests: </b> <div class="col-md-8"> reading, movie </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Interested: </b> <div class="col-md-8"> AI, Virtual Reality </div> | |
- | + | </div> | |
- | + | <div class="row"> | |
- | + | <b class="col-md-4"> Born: </b> <div class="col-md-8"> Taipei, Taiwan</div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | </section> | |
- | + | ||
- | + | <section id="李威" color="yellow-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>李威(Wei Lee)</h2> | |
- | + | <div class="row"> | |
- | + | <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> | ||
- | + | ||
- | + | <section id="李啟為" color="green-background"> | |
- | + | <div class="row"> | |
- | + | <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 id="王凡" color="brown-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>王凡(Fang Wang)</h2> | |
- | + | <div class="row"> | |
- | < | + | <b><u>Secret staff</u></b> |
- | + | </div> | |
- | + | <div class="row"> | |
- | < | + | <b class="col-md-4"> Department: </b> <div class="col-md-8"> Computer Science and Information Engineering </div> |
- | <div | + | </div> |
- | </ | + | <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> | ||
- | + | </section> | |
- | + | ||
- | + | <section id="林湧達" color="lightblue-background"> | |
- | + | <div class="row"> | |
- | + | <div class="col-md-4"><img class="img-responsive" src="./images/people/林湧達.jpg"></div> | |
- | + | <div class="col-md-8"> | |
- | + | <h2>林湧達(Yung-Ta Lin)</h2> | |
- | + | <div class="row"> | |
- | + | <b><u>Lynda</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"> 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> | ||
- | < | + | |
- | <section | + | <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=" | + | <p class="header container"> |
- | + | 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"> | ||
- | < | + | <span class="icon-stack icon-4x"> |
- | + | <i class="icon-stop icon-stack-base font-red"></i> | |
- | + | <i class="icon-calendar icon-light"></i> | |
- | + | </span> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
</div> | </div> | ||
- | </div> | + | <div> Meeting </div> |
- | + | </a> | |
- | <div class=" | + | </div> |
- | + | <div class="col-md-2 photo-item"> | |
- | + | <a class="pointer-cursor" scroll-to="Azalea"> | |
- | + | <div class="row"> | |
- | < | + | <span class="icon-stack icon-4x"> |
- | </ | + | <i class="icon-stop icon-stack-base font-green"></i> |
+ | <i class="icon-asterisk icon-light"></i> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div> Azalea Festival </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-2 photo-item"> | ||
+ | <a class="pointer-cursor" scroll-to="Chiao_Tung_Conference"> | ||
+ | <div class="row"> | ||
+ | <span class="icon-stack icon-4x"> | ||
+ | <i class="icon-stop icon-stack-base font-blue"></i> | ||
+ | <i class="icon-comments icon-light"></i> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div> Chiao Tung University Conference </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-2 photo-item"> | ||
+ | <a class="pointer-cursor" scroll-to="LabTime"> | ||
+ | <div class="row"> | ||
+ | <span class="icon-stack icon-4x"> | ||
+ | <i class="icon-stop icon-stack-base font-purple"></i> | ||
+ | <i class="icon-file-alt icon-light"></i> | ||
+ | </span> | ||
+ | </div> | ||
+ | <div> LabTime </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-2 photo-item"> | ||
+ | <a class="pointer-cursor" scroll-to="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> | ||
- | <!-- | + | <section class="green-background divide" id="Azalea"> |
- | < | + | <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 "Principal of Biosafety" and "Management of Biosafety in Laboratories".</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't need to send the "Recombinant gene experiment" 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">" http://esh.ntu.edu.tw/epc/e-home.php "<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"> | ||
- | < | + | <p class="header" style="margin: 0"> our works </p> |
- | + | <div id="beaker"> | |
- | < | + | <span class="bubble"><span class="glow"> </span></span> |
- | + | <span class="bubble2"><span class="glow"> </span></span> | |
- | + | <span class="bubble3"><span class="glow"> </span></span> | |
- | + | <span class="bubble4"><span class="glow"> </span></span> | |
- | + | <img class="nohover" id="redBeaker" src="images/beaker.png" alt="the beaker" > | |
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
- | + | ||
- | < | + | <div class="container divide" id="index-icons"> |
- | + | <div class="row text-center"> | |
- | < | + | <div class="col-md-2 index-item"> |
- | < | + | <a class="pointer-cursor" scroll-to="Chassis"> |
- | < | + | <div class="row"> |
- | < | + | <span class="icon-stack icon-4x"> |
- | </div> | + | <i class="icon-cloud icon-stack-base font-red"></i> |
- | + | <i class="icon-cogs icon-light"></i> | |
- | < | + | </span> |
- | < | + | </div> |
- | < | + | <div> Chassis </div> |
- | < | + | </a> |
- | + | </div> | |
- | + | <div class="col-md-2 index-item"> | |
- | + | <a class="pointer-cursor" scroll-to="Expression"> | |
- | + | <div class="row"> | |
- | + | <span class="icon-stack icon-4x"> | |
- | + | <i class="icon-cloud icon-stack-base font-blue"></i> | |
- | + | <i class="icon-barcode icon-light"></i> | |
- | </ | + | </span> |
- | + | </div> | |
- | + | <div> Expression </div> | |
- | + | </a> | |
- | + | </div> | |
- | + | <div class="col-md-2 index-item"> | |
- | + | <a class="pointer-cursor" scroll-to="Bioheater"> | |
- | + | <div class="row "> | |
- | </ | + | <span class="icon-stack icon-4x"> |
- | </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"> </span></span> | ||
+ | <span class="bubble2"><span class="glow"> </span></span> | ||
+ | <span class="bubble3"><span class="glow"> </span></span> | ||
+ | <span class="bubble4"><span class="glow"> </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 type="text/template" id="undefined"> | |
- | + | <section class="red-background"> | |
- | < | + | <h1 class="header">Under Construction</h1> |
- | + | </section> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | < | + | <div class="container"> |
- | + | <img class="img-responsive" src="images/Website_Under_Construction.gif"> | |
- | + | </div> | |
- | + | </script> | |
- | < | + | |
- | + | </body> | |
- | </body></html> | + | </html> |
Revision as of 04:28, 26 September 2013
<!DOCTYPE html>