Team:NCTU Formosa/Test

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:Team:NCTU Formosa/source/head}} {{:Team:NCTU Formosa/source/header-project}} {{:Team:NCTU Formosa/source/header}} {{:Team:NCTU Formosa/source/cover-project}} {{:Team:NCTU Form...")
Line 1: Line 1:
-
{{:Team:NCTU Formosa/source/head}}
+
<!doctype html>
-
{{:Team:NCTU Formosa/source/header-project}}
+
<html>
-
{{:Team:NCTU Formosa/source/header}}
+
<head>
-
{{:Team:NCTU Formosa/source/cover-project}}
+
<meta charset="utf-8">
-
{{:Team:NCTU Formosa/source/card}}
+
<title>CSS3 Transition - 縮圖展示</title>
-
 
+
<!--[if IE]>
-
<div class="li"><div class="card">
+
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-
===Overview===
+
<![endif]-->
-
 
+
<link type="text/css" rel="stylesheet" href="away.css">
-
====Impact of pest====
+
-
<p>In agriculture, insect problem has existed for a long time, and has been difficult to be solved, all of the agricultural products all over the world every year cause serious harm and damage caused by these insects bulky and difficult to estimate. </p>
+
-
 
+
-
<p>Losses caused by pests on crops included direct damage, drug costs and the labor costs, The most difficult to estimate the loss of pesticides on human health hazards caused by consuming a lot more medical resources.</p>
+
-
 
+
-
<p>We can see this a credible chart, insect damage recorded in Brazil region, pests generally reduce crop yields by 10 percent, which is each crop have reduced the value of hundreds of millions.
+
-
Our goal is committed to reducing agricultural losses, safeguard human health, and to maintain ecological balance.
+
-
</p>
+
-
 
+
-
[[File:NCTUformosa2014overview.jpg|center|600px|Figure 1.This figure demonstrates the loss caused by harmful insects in respect of various crops .]]
+
-
</div></div>
+
-
 
+
-
 
+
-
<div class="li"><div class="card">
+
-
 
+
-
====Pesticide hazards====
+
-
<p></p>
+
-
Because of the hazard of insects, human beings to make a lot of ideas to kill these harmful insects. In 15th century,people used heavy metals to kill  harmful insects,like Arsenic,Mercury and Plumbum, which cause a catastrophe to the environment.
+
-
Pesticide become more powerful along with the technology. In 20th century,the agriculture develops rapidly just because of the evolution of pesticide. But the pesticide is not only harmful to the insects but also harmful to the human beings. People found this problem after several decades. The toxin of the pesticide will be kept in creatures by the food chain,and finally go into human's body.
+
-
However,it's not too late to improve this situation. We can create an evolution of  agriculture by a new method,and it is what we do!
+
-
 
+
-
====Solution to both questions====
+
-
 
+
-
In order to solve the pest need to use pesticides, but the use of pesticides will destroy the Earth and cause harm to humans. Thus there has been conflicting issues, and has been difficult to be solved.
+
-
In order to solve the problems we mentioned, we came up with a practical, inexpensive way to solve.
+
-
Figure,1 is a diagram of our device, after which we will mention how this device to bring better results for our plan and improve his efficiency.
+
-
 
+
-
[[File:NCTU_Formosa_2014_project_4.jpg|400px|thumb|center|Figure,1 Our Device]]
+
-
<div></div>
+
-
 
+
-
===PBAN===
+
-
====Introduction====
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<p>content</p>
+
-
 
+
-
<p>content</p>
+
-
 
+
-
[[File:Nctu_formosa_PCBsynthe.jpg|center|300px|Figure 2. Phycocyanobilin is the part of photoreceptor that responds to light, and it is not naturally produced in ''E.coli'',so we introduced two phycocyanobilin-biosynthesis genes (ho1 and pcya) from Synechocystis that convert heme into phycocyanobilin.]]
+
-
 
+
-
<p>content</p>
+
-
 
+
-
<p>content</p>
+
-
 
+
-
 
+
-
[[File:Nctu_formosa_cph8mechnism.jpg|center|450px|Figure 3. The light receptor cph8 is composed of cph1(pink) and envZ-ompR(maroon).]]
+
-
 
+
-
 
+
-
====Design of Red promoter====
+
-
<p>content</p>
+
-
 
+
-
======Reference======
+
-
<div class="ref">
+
-
<ol start="1">
+
-
<li>part BBa_I15008;MIT Registry of Standard Biological Parts</li>
+
-
<li>part BBa_I15009;MIT Registry of Standard Biological Parts</li>
+
-
<li>Levskaya, A. et al .(2005). Engineering Escherichia coli to see light. Nature, 438(7067), 442.</li>
+
-
<li>Kehoe DM, Grossman AR (1996) Similarity of a chromatic adaptation sensor to phytochrome and ethylene receptors. Science 273(5280):1409–1412</li>
+
-
<li>Yeh KC, Wu SH, Murphy JT, Lagarias JC (1997) A cyanobacterial phytochrome two-component light sensory system. cience 277 (5331):1505–1508</li>
+
-
<li>Dutta R, Qin L, Inouye M (1999) Histidine kinases: diversity of domain organization. Mol Microbiol 34(4):633–640</li>
+
-
<li>Forst SA, Roberts DL (1994) Signal transduction by the EnvZ–OmpR phosphotransfer system in bacteria. Res Microbiol 45(5–6):363–373</li>
+
-
<li>Thomas Drepper, Ulrich Krauss,Sonja Meyer zu Berstenhorst, Jörg Pietruszka, Karl-Erich Jaeger.(2011).Lights on and action! Controlling microbial gene expression by light. Appl Microbiol Biotechnol, 90:23–40 DOI:10.1007/s00253-011-3141-6</li>
+
-
 
+
-
</ol>
+
-
</div>
+
-
 
+
-
</div></div>
+
-
 
+
-
<div class="li"><div class="card">
+
-
 
+
-
===Biobrick Design===
+
-
 
+
-
[[File:NCTU Formoas 2014 project 2.png|400px|thumb|center|Figure.1]]
+
-
<p></p>
+
-
[[File:NCTU Formoas 2014 project 3.jpg|400px|thumb|center|Figure.2]]
+
-
 
+
-
<p></p>
+
-
We searched the DNA sequence of the PBANs from moths on NCBI, then contrasted to the amino sequences from papers so that we can selected the DNA fragments which directly correspond to gland-stimulating function, By ligating Ribosome binding site(B0034) and PBAN DNA sequence, we were able to make E.coli directly produce these PBANs instead of the original complex process of PBAN biosynthesis in insects. We had gotten nine kinds of PBANs,each of which is from one kind of moth
+
-
,after we constructed the PBAN biobricks, the B0034+BFP+J61048 biobrick was ligated behind the PBAN biobrick in order to model each PBAN biobrick respectively in the future and make observing the production of PBANs more convenient for us.
+
-
 
+
-
 
+
-
------------------------------------------------------------------
+
-
<style type="text/css">
+
-
/* defaults required for IE */
+
-
a, a:visited, a:hover, a:active, a:focus {color:#000;}
+
-
 
+
-
#holder {position:relative; background:transparent url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;}
+
-
#scrollbox {width:400px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:175px;}
+
-
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
+
-
* html a.gallery, * html a.gallery:visited {display:inline;}
+
-
a.slidea {background:url(thumb2.jpg);}
+
-
a.slideb {background:url(thumb3.jpg);}
+
-
a.slidec {background:url(thumb4.jpg);}
+
-
a.slided {background:url(thumb5.jpg);}
+
-
a.slidee {background:url(thumb6.jpg);}
+
-
a.slidef {background:url(thumb7.jpg);}
+
-
a.slideg {background:url(thumb8.jpg);}
+
-
a.slideh {background:url(thumb9.jpg);}
+
-
a.slidei {background:url(thumb10.jpg);}
+
-
a.slidej {background:url(thumb11.jpg);}
+
-
 
+
-
a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
+
-
a.gallery:hover {white-space:normal; border:1px solid #fff;}
+
-
a.gallery:hover img {border:1px solid #000; z-index:100;}
+
-
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
+
-
 
+
-
a.gallery:hover span {display:block; position:absolute; width:402px; height:280px; top:49px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
+
-
a.gallery:active {border:1px solid #eee;}
+
-
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:49px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}
+
-
 
+
-
* html a.gallery:hover span {left:160px;}
+
-
* html a.gallery:active span {left:160px;}
+
-
 
+
-
#thumbs {width:830px; height:60px;}
+
-
#pad {height:320px; width:100px;}
+
-
</style>
+
-
<!--[if IE 7]>
+
-
<style type="text/css">
+
-
a.gallery span {display:block; position:absolute; width:402px; height:280px; top:49px; left:-99999px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
+
-
a.gallery span img {border:1px solid #000;}
+
-
a.gallery:hover {white-space:normal; border:1px solid #fff;}
+
-
a.gallery:hover img {border:1px solid #000; z-index:100;}
+
-
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
+
-
a.gallery:hover span {left:170px; z-index:100;}
+
-
a.gallery:hover span img {border:1px solid #000;}
+
-
a.gallery:active span, a.gallery:focus span {left:170px; z-index:50;}
+
-
</style>
+
-
<![endif]-->
+
-
 
+
-
 
+
</head>
</head>
-
<body id="www-cssplay-co-uk" class="demos">
+
<body>
-
<div id="wrapper">
+
<div class="wrapper">
-
<div id="topad">
 
-
<!-- BuySellAds Ad Code -->
 
-
<script type="text/javascript">
 
-
(function(){
 
-
  var bsa = document.createElement('script');
 
-
bsa.type = 'text/javascript';
 
-
bsa.async = true;
 
-
bsa.src = 'http://s3.buysellads.com/ac/bsa.js';
 
-
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
 
-
})();
 
-
</script>
 
-
<!-- End BuySellAds Ad Code -->
 
-
<img class="topLogo" src="../graphics/logo2.png" alt="" />
 
-
<div class="googletop">
 
-
<!-- BuySellAds Zone Code -->
 
-
<div id="bsap_1293589" class="bsarocks bsap_1e5949aa72023d7e6519f404fd6280d6"></div>
 
-
<!-- End BuySellAds Zone Code -->
 
-
</div>
 
-
</div> <!-- end topad -->
 
-
<div id="header">
+
    <article class="adv2">
-
<div id="logo">
+
        <a href="javascript:;"><img src="images/07.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a>
-
<h1><a accesskey="1" href="../index.html" title="Home Page">CSS</a></h1>
+
        <a href="javascript:;"><img src="images/08.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a>
-
<h2><a accesskey="1" href="../index.html" title="Home Page"><span><i>p</i>la</span><span class="backy">y</span></a></h2>
+
        <a href="javascript:;"><img src="images/09.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a>
-
<h3>Experiments with Cascading Style Sheets</h3>
+
        <a href="javascript:;"><img src="images/10.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a>
-
</div> <!-- end of logo -->
+
        <a href="javascript:;"><img src="images/11.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a>
-
 
+
        <a href="javascript:;"><img src="images/12.jpg" width="250" height="156"><span class="borderAni"></span><span class="light"></span><span class="icon"></span></a>
-
<ul id="main_menu">
+
    </article>
-
<li id="demos"><a accesskey="A" href="../menu/">Demos</a></li>
+
   
-
<li id="menus"><a accesskey="M" href="../menus/">Menus</a></li>
+
     <footer>版權所有 © 2012 + DFUNS All Rights Reserved.</footer>
-
<li id="layouts"><a accesskey="Y" href="../layouts/">Layouts</a></li>
+
-
<li id="boxes"><a accesskey="B" href="../boxes/">Boxes</a></li>
+
-
<li id="mozilla"><a accesskey="Z" href="../mozilla/">Mozilla</a></li>
+
-
<li id="explorer"><a accesskey="E" href="../ie/">Explorer</a></li>
+
-
<li id="opacity"><a accesskey="O" href="../opacity/">Opacity</a></li>
+
-
<li id="photon"><a accesskey="L" href="http://www.cssplay.com" rel="nofollow" title="A swipe action slideshow on http://www.cssplay.com">'Photon'</a></li>
+
-
<li id="istu"><a accesskey="D" href="http://www.istu.co.uk" rel="nofollow" title="Over to http://www.istu.co.uk">iStu</a></li>
+
-
<li id="java"><a accesskey="J" href="http://www.stunicholls.com" rel="nofollow" title="Over to http://www.stunicholls.com">Javascript</a></li>
+
-
</ul>
+
-
 
+
-
<ul id="sub_menu">
+
-
<li id="help"><a accesskey="H" href="../service.html" title="Help and Services">HELP &amp; ASSISTANCE</a></li>
+
-
<li id="faqs"><a accesskey="Q" href="../faqs.html" title="FAQ page">FAQs</a></li>
+
-
<li id="contact"><a accesskey="N" href="../w3c/contact.html" title="Contact us">CONTACT ME</a></li>
+
-
<li id="privacy"><a accesskey="V" href="../w3c/privacy.html" title="Privacy Policy">PRIVACY POLICY</a></li>
+
-
<li id="sitemap"><a accesskey="S" href="../sitemap.html" title="Site map">SITE MAP</a></li>
+
-
<li id="keys"><a accesskey="K" href="../accesskeys.html" title="Accesskeys">ACCESSKEYS</a></li>
+
-
<li id="support"><a accesskey="P" href="../support.html" title="Support">SUPPORT</a></li>
+
-
<li id="feed"><a accesskey="R" href="http://www.cssplay.co.uk/feed.xml" title="RSS2.0 feed"><img src="../images/rss.png" alt="rss feed" title="RSS2.0 feed" /></a></li>
+
-
</ul>
+
-
 
+
-
<ul id="navigation">
+
-
<li><a href="../index.html">HOME</a></li>
+
-
<li><a href="index.html">LIST</a></li> </ul>
+
-
 
+
-
<div id="search">
+
-
<div class="cse-branding-right" style="background-color:#369; color:#000;">
+
-
<div class="cse-branding-form">
+
-
<form action="../search.html" id="cse-search-box">
+
-
<div>
+
-
<input type="hidden" name="cx" value="partner-pub-6651950180071236:chrtwm-4ria" />
+
-
<input type="hidden" name="cof" value="FORID:10" />
+
-
<input type="hidden" name="ie" value="UTF-8" />
+
-
<input type="text" name="q" size="30" class="search" style="background:#f0f0f0; border:1px solid #ddd; border-radius:5px; width:200px;" />
+
-
<input type="submit" name="sa" value=" Search" style="background:transparent; color:#fff;" />
+
-
</div>
+
-
</form>
+
-
</div>
+
-
<div class="cse-branding-logo">
+
-
<img src="http://www.google.com/images/poweredby_transparent/poweredby_777777.gif" alt="Google" />
+
-
</div>
+
-
<div class="cse-branding-text" style="color:#fff">
+
-
Custom Search
+
-
</div>
+
-
</div>
+
-
</div> <!-- end of search -->
+
-
</div> <!-- end header -->
+
-
 
+
-
<div id="content">
+
-
<div id="info">
+
-
<div id="holder">
+
-
 
+
-
<h2>A Scrolling Photograph Gallery</h2>
+
-
<h3>Now working in IE8</h3>
+
-
 
+
-
<div id="pad"></div>
+
-
<div id="scrollbox">
+
-
<div id="thumbs">
+
-
<a class="gallery slidea" href="#nogo" title="Fishes" tabindex="1"><span><img src="pic2.jpg" alt="Fishes" title="Fishes" /><br />pic2.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slideb" href="#nogo" title="Funnels" tabindex="1"><span><img src="pic3.jpg" alt="Funnels" title="Funnels" /><br />pic3.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slidec" href="#nogo" title="Vases" tabindex="1"><span><img src="pic4.jpg" alt="Vases" title="Vases" /><br />pic4.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slided" href="#nogo" title="Window" tabindex="1"><span><img src="pic5.jpg" alt="Window" title="Window" /><br />pic5.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slidee" href="#nogo" title="Cascade" tabindex="1"><span><img src="pic6.jpg" alt="Cascade" title="Cascade" /><br />pic6.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slidef" href="#nogo" title="Flower" tabindex="1"><span><img src="pic7.jpg" alt="Flowers" title="Flowers" /><br />pic7.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slideg" href="#nogo" title="Butterfly" tabindex="1"><span><img src="pic8.jpg" alt="Butterfly" title="Butterfly" /><br />pic8.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slideh" href="#nogo" title="Birds" tabindex="1"><span><img src="pic9.jpg" alt="Birds" title="Birds" /><br />pic9.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slidei" href="#nogo" title="Shells" tabindex="1"><span><img src="pic10.jpg" alt="Shells" title="Shells" /><br />pic10.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
<a class="gallery slidej" href="#nogo" title="Fishing" tabindex="1"><span><img src="pic11.jpg" alt="Fishing" title="Fishing" /><br />pic11.jpg<br />Photographs courtesy of morgueFile.com</span></a>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<br /><br />
+
-
<p class="info">copyright &copy; stu nicholls - CSS play</p>
+
-
 
+
-
</div> <!-- end info -->
+
-
 
+
-
<div id="infoBottom">
+
-
<div class="prevNext">
+
-
<a href="cssplay-target-gallery-no-history.html#t1" accesskey="N" title="Next Demonstration" class="nextDemo">NEXT</a>
+
-
<a href="object-object.html" accesskey="P" title="Previous Demonstration" class="prevDemo">PREVIOUS</a>
+
-
<a accesskey="C" href="../comments/comments.php?comment_id=photo%20gallery%20v2" title="CSSplay comments" class="comments">COMMENTS</a>
+
-
</div>
+
-
<div class="box800">
+
-
<script type="text/javascript"><!--
+
-
google_ad_client = "pub-6651950180071236";
+
-
/* 728x90, created 3/24/09 */
+
-
google_ad_slot = "2160454816";
+
-
google_ad_width = 728;
+
-
google_ad_height = 90;
+
-
//-->
+
-
</script>
+
-
<script type="text/javascript"
+
-
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
+
-
</script>
+
-
</div>
+
-
</div>
+
-
 
+
-
--------------------------------------------------------------------
+
-
 
+
-
 
+
-
 
+
-
 
+
-
======Reference======
+
-
<div class="ref">
+
-
<ol start="9">
+
-
<li>Torsten Waldminghaus, Nadja Heidrich, Sabine Brantl and Franz Narberhaus .(2007). FourU: a novel type of RNA thermometer in Salmonella . Molecular Microbiology , 65(2): 413–424 DOI:10.1111/j.1365-2958.2007.05794.x</li>
+
-
<li>part BBa_K115002;TUDelft Registry of Standard Biological Parts</li>
+
-
</li>
+
-
</ol>
+
-
</div>
+
-
</div></div>
+
-
 
+
-
<div class="li"><div class="card">
+
-
 
+
-
===Device===
+
-
 
+
-
====Introduction====
+
-
 
+
-
 
+
-
====Mechanism====
+
-
 
+
-
 
+
-
====Design====
+
-
 
+
-
 
+
-
 
+
-
======Reference======
+
-
<div class="ref">
+
-
<ol start="11">
+
-
<li>Xu, S.; Montgomery, M.; Kostas, S.; Driver, S.; Mello, C. (1998). "Potent and specific genetic interference by double-stranded RNA in Caenorhabditis elegans". Nature 391 (6669): 806–811 DOI:10.1038/35888</li>
+
-
<li>Jörg Vogel , Ben F. Luisi.(2011). Hfq and its constellation of RNA. Nature Reviews Microbiology, 9:578-589</li>
+
-
<li>E.K. Jocelyn, S.G. Elliott , T.K. Stephen, "Lewin's Genes X.-10th ed.", Jones & Bartlett, Sudbury, MA, 2011.</li>
+
-
<li>Karen M. Wassarman.(2002). "Small RNAs in Bacteria: Diverse Regulators of Gene Expression in Response to Environmental Changes". Cell, 109:141–144</li>
+
-
<li>Hongmarn Park, Geunu Bak, Sun Chang Kim & Younghoon Lee.(2013). "Exploring sRNA-mediated gene silencing mechanisms using artificial small RNAs derived from a natural RNA scaffold in ''Escherichia coli'' ". Nucleic Acids Research,Vol. 41, No. 6, 3787-3804 DOI:10.1093</li>
+
-
<li>Vandana Sharma, Asami Yamamura & Yohei Yokobayashi.(2011). "Engineering Artificial Small RNAs for Conditional Gene Silencing in E. coli". ACS Synthetic Biology</li>
+
-
</ol>
+
-
</div>
+
-
</div></div>
+
-
 
+
-
 
+
-
<html>
+
-
     <p>Cover image credit: <a href="http://www.dvq.co.nz/" target="_blank">DVQ</a></p>
+
-
    </div> </div>
+
</div>
</div>
 +
</body>
 +
</html>

Revision as of 08:13, 3 September 2014

<!doctype html> CSS3 Transition - 縮圖展示

版權所有 © 2012 + DFUNS All Rights Reserved.

Retrieved from "http://2014.igem.org/Team:NCTU_Formosa/Test"