|
|
| (247 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
| + | {{:Team:NCTU Formosa/source/head}} |
| - | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
| + | {{:Team:NCTU Formosa/source/head-index}} |
| - | <head>
| + | {{:Team:NCTU Formosa/source/header0}} |
| - | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| + | {{:Team:NCTU Formosa/source/Test3}} |
| - | <meta name="generator" content="MediaWiki 1.16.5" />
| + | <html> |
| - | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:NCTU_Formosa&action=edit" />
| + | |
| - | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:NCTU_Formosa&action=edit" />
| + | <div id="description" class="page"> |
| - | <link rel="shortcut icon" href="/favicon.ico" />
| + | |
| - | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
| + | <div class="boxwrap"> |
| - | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:NCTU_Formosa&action=creativecommons" rel="meta" />
| + | <div class="box"><div class="title"> |
| - | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| + | |
| - | <link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:NCTU Formosa - 2014.igem.org</title>
| + | |
| - | <style type="text/css" media="screen, projection">/*<![CDATA[*/
| + | |
| - | @import "/wiki/skins/common/shared.css?270";
| + | |
| - | @import "/wiki/skins/igem/main.css?270";
| + | |
| - | /*]]>*/</style>
| + | |
| - | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
| + | |
| - | <!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
| + | |
| - | <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
| + | |
| - | <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
| + | |
| - | <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
| + | |
| - | <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
| + | |
| - | <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
| + | |
| - |
| + | |
| - | <script>
| + | |
| - | var skin="igem",
| + | |
| - | stylepath="/wiki/skins",
| + | |
| - | wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
| + | |
| - | wgArticlePath="/$1",
| + | |
| - | wgScriptPath="/wiki",
| + | |
| - | wgScriptExtension=".php",
| + | |
| - | wgScript="/wiki/index.php",
| + | |
| - | wgVariantArticlePath=false,
| + | |
| - | wgActionPaths={},
| + | |
| - | wgServer="https://2014.igem.org",
| + | |
| - | wgCanonicalNamespace="",
| + | |
| - | wgCanonicalSpecialPageName=false,
| + | |
| - | wgNamespaceNumber=0,
| + | |
| - | wgPageName="Team:NCTU_Formosa",
| + | |
| - | wgTitle="Team:NCTU Formosa",
| + | |
| - | wgAction="view",
| + | |
| - | wgArticleId=1253,
| + | |
| - | wgIsArticle=true,
| + | |
| - | wgUserName="Frankie",
| + | |
| - | wgUserGroups=["*", "user", "autoconfirmed"],
| + | |
| - | wgUserLanguage="en",
| + | |
| - | wgContentLanguage="en",
| + | |
| - | wgBreakFrames=false,
| + | |
| - | wgCurRevisionId=70658,
| + | |
| - | wgVersion="1.16.5",
| + | |
| - | wgEnableAPI=true,
| + | |
| - | wgEnableWriteAPI=true,
| + | |
| - | wgSeparatorTransformTable=["", ""],
| + | |
| - | wgDigitTransformTable=["", ""],
| + | |
| - | wgMainPageTitle="Main Page",
| + | |
| - | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
| + | |
| - | wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
| + | |
| - | wgSiteName="2014.igem.org",
| + | |
| - | wgCategories=[],
| + | |
| - | wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
| + | |
| - | wgDBname="2014_igem_org",
| + | |
| - | wgSearchNamespaces=[0],
| + | |
| - | wgMWSuggestMessages=["with suggestions", "no suggestions"],
| + | |
| - | wgRestrictionEdit=[],
| + | |
| - | wgRestrictionMove=[],
| + | |
| - | wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
| + | |
| - | </script> | + | |
| - | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
| + | |
| - | <!-- Head Scripts -->
| + | |
| - | <script src="/wiki/skins/common/ajax.js?270"></script> | + | |
| - | <script src="/wiki/skins/common/ajaxwatch.js?270"></script> | + | |
| - | <script src="/wiki/skins/common/mwsuggest.js?270"></script>
| + | |
| - | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&smaxage=0&gen=js&useskin=igem"><!-- site js --></script>
| + | |
| - | <!-- jQuery Javascript -->
| + | |
| - | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script>
| + | |
| - | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
| + | |
| - | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| + | |
| - | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| + | |
| - | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
| + | |
| - | <script type='text/javascript' src ='/forum/forum_scripts.js'></script>
| + | |
| - | </head>
| + | |
| | | | |
| - | <body class="mediawiki ltr ns-0 ns-subject page-Team_NCTU_Formosa"> | + | </div></div> |
| - | | + | <div class="team">a regulation system that does multitasking.</div> |
| | | | |
| - | | + | <div class=" attach"><img src= "https:// static.igem.org/ mediawiki/ 2014/9/96/Secpic.png"></div> |
| - | <div id="p-logo">
| + | |
| - | <a href="/Main_Page"
| + | |
| - | title="Main Page">
| + | |
| - | <img src= 'https:// 2014.igem.org/ images/ wiki.png '>" | + | |
| - | </a>
| + | |
| - | </div> <!-- end p-logo -->
| + | |
| - | <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
| + | |
| | | | |
| | + | <div class="wordbox"> |
| | + | <div style="margin:0pt auto;width:50%;"> |
| | + | <iframe width="100%" height="400px" src="//www.youtube.com/embed/Z7bNaUyKkwo" frameborder="0" allowfullscreen></iframe> |
| | + | </div> |
| | + | <p style="text-align:left;font-size:150%;">Abstract</p> |
| | + | <div style="font-size:110%;line-height:105%;font-family:"Times New Roman", Times, serif;">Insect damage has been a severe problem ever since ancient agricultural times. Nowadays, people are still suffering from harmful insects. People have been striving to resolve these problems by using pesticides. It seemed to be really effective at first, but after several years, people became conscious of the side effects of those environmentally hazardous chemicals. This year, our team NCTU Formosa established a taskforce, Harmful Insects Elimination Force, to solve this problem. Compared to the complex biosynthesis pathway of pheromones, we found the simple act of expressing the DNA sequence of PBAN (Pheromone Biosynthesis Activating Neuropeptide) to be equally, if not more, efficient and effective. Just like pheromones, PBAN is species-specific. Once our target species comes in contact with the PBAN produced by our <i>E.coli</i>, its pheromone glands will be stimulated and thus attract more of its own kind into our capturing device. So far, we have already collected sequences of a few common species of harmful insects. Hopefully this model can be widely used in the future when PBANs of more insects are found.</div> |
| | + | <div class="element"></div> |
| | + | </div> |
| | | | |
| | + | <div class="readmore"><span class="moret"></span></div></div></div></div> |
| | + | <div id="sitemap"> |
| | | | |
| - | <div id="menubar" class='left-menu noprint'>
| |
| - | <ul>
| |
| - | <li
| |
| - | class='selected' ><a href="/Team:NCTU_Formosa">Page </a></li>
| |
| - | <li
| |
| - | class='new' ><a href="/wiki/index.php?title=Talk:Team:NCTU_Formosa&action=edit&redlink=1">Discussion </a></li>
| |
| - | <li
| |
| - | ><a href="/wiki/index.php?title=Team:NCTU_Formosa&action=edit">Edit </a></li>
| |
| - | <li
| |
| - | ><a href="/wiki/index.php?title=Team:NCTU_Formosa&action=history">History </a></li>
| |
| - | <li
| |
| - | ><a href="/Special:MovePage/Team:NCTU_Formosa">Move </a></li>
| |
| - | <li
| |
| - | ><a href="/wiki/index.php?title=Team:NCTU_Formosa&action=watch">Watch </a></li>
| |
| - | <li style='color:white;cursor:default'>teams</li>
| |
| - | </ul>
| |
| - | </div> <!-- end menubar (left) -->
| |
| | | | |
| - | <div class=" right-menu noprint" id="menubar"> | + | <div class="blank"></div> |
| - | <ul>
| + | |
| - | <li id="pt-userpage"><a href="/User:Frankie" title="Your user page [.]" accesskey="." class="new">Frankie</a></li> <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
| + | |
| - | <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&returnto=Team:NCTU_Formosa" title="Log out">Log out</a></li> </ul>
| + | |
| - | </div><!-- end right menubar -->
| + | |
| | | | |
| - | <div id=" search-controls" class="noprint"> | + | <div id="slogo2"><img style=height:160pt; src="https://static.igem.org/mediawiki/2014/0/09/FINAL.gif"></div> |
| - | <form action="/Special:Search" id="searchform">
| + | <ul class="picture"> |
| - | <input id="searchInput" name="search" type="text" title="Search 2014.igem.org [f]" accesskey="f" value="" />
| + | |
| - | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| + | |
| - | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| + | |
| - | </form>
| + | <li> </li> |
| - | </div> <!-- close search controls -->
| + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project"> |
| - | </div> <!-- close top-section--> | + | |
| - | | + | <div class="ch-item ch-img-1"> |
| - | <a name="top" id="top"></a>
| + | <div class="ch-info-wrap"> |
| - | <h1 class="firstHeading">Team:NCTU Formosa</h1>
| + | <div class="ch-info"> |
| - | | + | <div class="ch-info-front ch-img-1"></div> |
| - | <h3 id="siteSub" class='noprint'>From 2014.igem.org</h3>
| + | <div class="ch-info-back"> |
| - | <div id=" contentSub"> </div> | + | <p>Project</p> |
| - | <!--
| + | <p>We establish an alternative way to improve the severe pests problem that people have been suffering from. We hope that our device can save the world from insect damage.</p> |
| - | <div id=" jump-to- nav"> Jump to: < a href=" #column- one"> navigation</ a> , < a href=" #searchInput"> search</a></div> --> | + | </div> |
| - | <!-- start content -->
| + | </div> |
| - | <p>
| + | </div> |
| - | <meta name="copyright" content="Contents belong to NCTU Formosa; Website designed by Calvin Hue." /> | + | </div> |
| - | <meta name="keywords" content="iGEM, NCTU_Formosa, NCTU, Formosa" /> | + | |
| - | <link href="http://fonts.googleapis.com/css?family=Open+Sans:500,400,300|Lobster+Two:700|Quicksand:700" rel="stylesheet" type="text/css"> | + | </a> |
| - | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" rel="stylesheet"> | + | </li> |
| - | <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | + | |
| - | <link href='https://2014.igem.org/Team:NCTU Formosa/css/reset?action=raw&ctype=text/css' rel="stylesheet"> | + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/results"> |
| - | <link href='https://2014.igem.org/Team:NCTU Formosa/css/style?action=raw&ctype=text/css' rel="stylesheet"> | + | <div class="ch-item ch-img-2"> |
| - | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> | + | <div class=" ch-info-wrap"> |
| - | <link rel="stylesheet" media="only screen and (min-width: 750px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850u?action=raw&ctype=text/css"> | + | <div class="ch-info"> |
| - | <link rel="stylesheet" media="only screen and (max-width: 750px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style850b?action=raw&ctype=text/css"> | + | <div class="ch-info-front ch-img-2"></div> |
| - | <link rel="stylesheet" media="only screen and (max-width: 850px)" href="https://2013.igem.org/Team:NCTU Formosa/css/style750u?action=raw&ctype=text/css"> | + | <div class="ch-info-back"> |
| - | <link rel="stylesheet" media="only screen and (max-width: 600px)" href="https://2013.igem.org/Team:NCTU_Formosa/css/style320b?action=raw&ctype=text/css"> | + | <p>Results</p> |
| - | <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | + | <p>The current progress of our project, including detailed experimental data and the overall evaluation of project feasibility.</p> |
| - | <script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/modernizr.custom?action=raw&ctype=text/javascript"></script> | + | </div> |
| - | <script> | + | </div> |
| - | $(function() {
| + | </div> |
| - | var lastId,
| + | </div> |
| - | topMenu = $("#toc"),
| + | </a> |
| - | topMenuHeight = 35,
| + | </li> |
| - | menuItems = topMenu.find("a"),
| + | |
| - | scrollItems = menuItems.map(function(){
| + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling"> |
| - | var item = $($(this).attr("href"));
| + | <div class=" ch-item ch-img-3"> |
| - | if (item.length) { return item; }
| + | <div class="ch-info-wrap"> |
| - | }),
| + | |
| - | noScrollAction = false; | + | <div class="ch-info-front ch-img-3"></div> |
| | + | <div class="ch-info-back"> |
| | + | <p>Modeling</p> |
| | + | <p>Modeling is our first step forward. When validated with our experimental data, modeling is also a verification of the accuracy of our experiments.</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/biobricks"> |
| | + | |
| | + | <div class="ch-item ch-img-4"> |
| | + | <div class="ch-info-wrap"> |
| | + | <div class="ch-info"> |
| | + | <div class="ch-info-front ch-img-4"></div> |
| | + | <div class="ch-info-back"> |
| | + | <p>Biobricks</p> |
| | + | <p>To obtain the best results, we designed and carried out plenty of experiments. Our team always works together and we have fun conducting experiments.</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | </a> |
| | + | </li> <li> |
| | + | |
| | + | |
| | + | </ul> |
| | + | <ul class="picture"> |
| | + | |
| | + | |
| | + | |
| | + | <li> </li> |
| | + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice"> |
| | + | |
| | + | |
| | + | <div class="ch-item ch-img-5"> |
| | + | <div class="ch-info-wrap"> |
| | + | <div class="ch-info"> |
| | + | <div class="ch-info-front ch-img-5"></div> |
| | + | <div class="ch-info-back"> |
| | + | <p>Human Practice</p> |
| | + | <p>We hosted an exciting and memorable iGEM Conference for the 2<sup>nd</sup> time in NCTU. Currently, we are cooperating with Sunnymorning Organic Farm to do field testing on our device.</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/team"> |
| | + | |
| | + | |
| | + | <div class="ch-item ch-img-6"> |
| | + | <div class="ch-info-wrap"> |
| | + | <div class="ch-info"> |
| | + | <div class="ch-info-front ch-img-6"></div> |
| | + | <div class="ch-info-back"> |
| | + | <p>Team</p> |
| | + | <p>Our team is a big family. We have 16 members, 16 advisors, and 4 instructors. All of us are working the hardest to contribute to our team's success.</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/Notebook"> |
| | + | |
| | + | |
| | + | <div class="ch-item ch-img-7"> |
| | + | <div class="ch-info-wrap"> |
| | + | <div class="ch-info"> |
| | + | <div class="ch-info-front ch-img-7"></div> |
| | + | <div class="ch-info-back"> |
| | + | <p>Notebook</p> |
| | + | <p>The experimental log that records the purpose, method, results and date of each experiment that we have conducted.</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/Safety"> |
| | + | |
| | + | <div class="ch-item ch-img-8"> |
| | + | <div class="ch-info-wrap"> |
| | + | <div class="ch-info"> |
| | + | <div class="ch-info-front ch-img-8"></div> |
| | + | <div class="ch-info-back"> |
| | + | <p>Safety</p> |
| | + | <p>Inside a newly built, well-equipped laboratory, we conducted our experiment. Besides safety equipment, each member is well trained for the safety rules and emergency handling.</p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </a> |
| | + | </li> |
| | + | |
| | + | <li> </li> |
| | + | |
| | + | |
| | + | </ul> |
| | | | |
| - | menuItems.click(function(e){
| |
| - | var href = $(this).attr("href"),
| |
| - | offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+1;
| |
| - | noScrollAction = true;
| |
| - | $('html, body').stop().animate({
| |
| - | scrollTop: offsetTop
| |
| - | },{
| |
| - | duration: 300,
| |
| - | complete: function() {
| |
| - | menuItems
| |
| - | .parent().removeClass("active")
| |
| - | .end().filter("[href=" + href +"]").parent().addClass("active");
| |
| - | menuItems
| |
| - | .closest(".toclevel-1").removeClass("active")
| |
| - | .end().filter("[href=" + href +"]").closest(".toclevel-1").addClass("active");
| |
| - | menuItems
| |
| - | .closest(".toclevel-2").removeClass("active")
| |
| - | .end().filter("[href=" + href +"]").closest(".toclevel-2").addClass("active");
| |
| - | setTimeout(function(){ noScrollAction = false; }, 10);
| |
| - | }
| |
| - | });
| |
| - | e.preventDefault();
| |
| - | });
| |
| - | $(window).scroll(function(){
| |
| - | if(!noScrollAction){
| |
| - | var fromTop = $(this).scrollTop()+topMenuHeight;
| |
| - | var cur = scrollItems.map(function(){
| |
| - | if ($(this).offset().top < fromTop)
| |
| - | return this;
| |
| - | });
| |
| - | cur = cur[cur.length-1];
| |
| - | var chk=0;
| |
| - | if(cur) if(cur.length) chk=1;
| |
| - | var id = chk ? cur[0].id : "";
| |
| - |
| |
| - | if (lastId !== id) {
| |
| - | lastId = id;
| |
| - | menuItems
| |
| - | .parent().removeClass("active")
| |
| - | .end().filter("[href=#"+id+"]").parent().addClass("active");
| |
| - | menuItems
| |
| - | .closest(".toclevel-1").removeClass("active")
| |
| - | .end().filter("[href=#"+id+"]").closest(".toclevel-1").addClass("active");
| |
| - | menuItems
| |
| - | .closest(".toclevel-2").removeClass("active")
| |
| - | .end().filter("[href=#"+id+"]").closest(".toclevel-2").addClass("active");
| |
| - | }
| |
| - | }
| |
| - | });
| |
| - | })
| |
| - | $(document).ready(function(){
| |
| - | if ($(document).scrollTop() > 409) {
| |
| - | $('#toc').stop().css({
| |
| - | position: 'fixed',
| |
| - | left: '15px'
| |
| - | }).animate({'top': '111px'}, 500);
| |
| - | }
| |
| - | var long = false,
| |
| - | dheight = $(document).height(),
| |
| - | wheight = $(window).height();
| |
| - | if($('#toc').height()+100>wheight) { long=true; }
| |
| - | var away = false;
| |
| - | $(document).scroll(function() {
| |
| - | if ($(document).scrollTop() > dheight/2) {
| |
| - | if (!away) {
| |
| - | if (long){
| |
| - | away = true;
| |
| - | $('#toc').stop().css({
| |
| - | position: 'fixed',
| |
| - | left: '15px'
| |
| - | }).animate({'top': -22-$('#toc').height()+wheight+'px'}, 500);
| |
| - | }}
| |
| - | } else {
| |
| - | away = false;
| |
| - | if ($(document).scrollTop() < 431){
| |
| - | $('#toc').stop().css({
| |
| - | position: 'absolute',
| |
| - | left: '-265px'
| |
| - | }).animate({'top': '0px'}, 500);
| |
| - | }
| |
| - | else {
| |
| - | $('#toc').stop().css({
| |
| - | position: 'fixed',
| |
| - | left: '15px'
| |
| - | }).animate({'top': '111px'}, 500);
| |
| - | }
| |
| - | }
| |
| - | });
| |
| - | $(window).resize(function() {
| |
| - | dheight = $(document).height();
| |
| - | wheight = $(window).height();
| |
| - | if($('#toc').height()+100>wheight) { long=true; } else {long=false;}
| |
| - | if($(window).width()<943) {
| |
| - | $('.changeFontText').css({opacity: '0.01'});
| |
| - | $('.changeFontArrow').css({opacity: '0.01'});
| |
| - | } else {
| |
| | | | |
| - | $('.changeFontText').css({opacity: '1'});
| |
| - | $('.changeFontArrow').css({opacity: '1'});
| |
| - | }
| |
| - | });
| |
| - | var originalFontSize = $('.card').css('font-size');
| |
| - | $(".resetFont").click(function(){
| |
| - | $('.card').css('font-size', originalFontSize);
| |
| - | return false;
| |
| - | });
| |
| - | $(".increaseFont").click(function(){
| |
| - | var currentFontSize = $('.card').css('font-size');
| |
| - | var currentFontSizeNum = parseFloat(currentFontSize, 10);
| |
| - | var newFontSize = currentFontSizeNum*1.2;
| |
| - | $('.card').css('font-size', newFontSize);
| |
| - | return false;
| |
| - | });
| |
| - | $(".decreaseFont").click(function(){
| |
| - | var currentFontSize = $('.card').css('font-size');
| |
| - | var currentFontSizeNum = parseFloat(currentFontSize, 10);
| |
| - | var newFontSize = currentFontSizeNum*0.8;
| |
| - | $('.card').css('font-size', newFontSize);
| |
| - | return false;
| |
| - | });
| |
| - | $("#back-top").hide();
| |
| - | $(function () {
| |
| - | $(window).scroll(function () {
| |
| - | if ($(this).scrollTop() > 100) {
| |
| - | $('#back-top').fadeIn();
| |
| - | } else {
| |
| - | $('#back-top').fadeOut();
| |
| - | }
| |
| - | });
| |
| - | $('#back-top a').click(function () {
| |
| - | $('body,html').animate({
| |
| - | scrollTop: 0
| |
| - | }, 500);
| |
| - | return false;
| |
| - | });
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| | | | |
| - | <style>
| |
| - | .effect {
| |
| - | left: -100%;
| |
| - | }
| |
| - | #footer-box a{
| |
| - | color: white;
| |
| - | }
| |
| - | body {
| |
| - | background:black;
| |
| - | overflow-x: none;
| |
| - | font-family: Open Sans;
| |
| - | }
| |
| - | #footer-box {
| |
| - | width:100%;
| |
| - | background-color:black;
| |
| - | }
| |
| - | .page {
| |
| - | background-attachment: fixed;
| |
| - | background-position: 0 50%;
| |
| - | background-size: cover;
| |
| - | background-repeat: no-repeat;
| |
| - | height: 900px;
| |
| - | position: relative;
| |
| - | overflow: hidden;
| |
| - | }
| |
| - | #description {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2014/e/ec/Just_for_TEST.jpg);
| |
| - | z-index:4;
| |
| - | }
| |
| - | #sitemap {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/9/9e/Nctu-bg4.jpg);
| |
| - | z-index:4;
| |
| - | min-height: 900px!important;
| |
| - | height: auto!important;
| |
| - | }
| |
| - | #decor {
| |
| - | display:none;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/1/14/Nctu-bg2.jpg);
| |
| - | }
| |
| - | #social {
| |
| - | display:none;
| |
| - | background-color: black;
| |
| - | background-image: url(https://static.igem.org/mediawiki/2013/6/6e/Nctu-bg3.jpg);
| |
| - | min-height: 1300px!important;
| |
| - | height: auto!important;
| |
| - | z-index:4;
| |
| - | }
| |
| - | .boxwrap {
| |
| - | width:100%;
| |
| - | max-width:1200px;
| |
| - | margin: 0 auto;
| |
| - | position:relative;
| |
| - | height: 900px;
| |
| - | display:block;
| |
| - | }
| |
| - | .box {
| |
| - | display:block;
| |
| - | position: absolute;
| |
| - | width: 100%;
| |
| - | top:200px;
| |
| - | left: 0;
| |
| - | color: white;
| |
| - | text-align: right;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | #description .gear {
| |
| - | text-indent:9999px;
| |
| - | max-width:50px;
| |
| - | width:100%;
| |
| - | height:50px;
| |
| - | background: url(https://static.igem.org/mediawiki/2013/a/ad/Nctu-gear.png) no-repeat;
| |
| - | background-size: contain!important;
| |
| - | position:absolute;
| |
| - | right:-20px;
| |
| - | top:-20px;
| |
| - | }
| |
| - | #description .title {
| |
| - | position:relative;
| |
| - | text-indent:9999px;
| |
| - | max-width:455px;
| |
| - | width:100%;
| |
| - | height:118px;
| |
| - | background: url(https://static.igem.org/mediawiki/2013/b/ba/Nctu-biglogo.png) no-repeat;
| |
| - | background-size: contain!important;
| |
| - | margin: 0 auto;
| |
| - | margin-bottom:10px;
| |
| - | }
| |
| - | #description .team {
| |
| - | display:none;
| |
| - | }
| |
| - | #description .wordbox {
| |
| - | margin-top:20px;
| |
| - | padding-top:20px;
| |
| - | font-weight:300;
| |
| - | width:100%;
| |
| - | font-family: Open Sans;
| |
| - | font-size: 18px;
| |
| - | text-align:justify;
| |
| - | text-justify:inter-word;
| |
| - | text-indent: 50px;
| |
| - | margin-bottom:30px;
| |
| - | }
| |
| - | #description .wordbox p{
| |
| - | padding-top:10px;
| |
| - | padding-left:30px;
| |
| - | padding-right:30px;
| |
| - | }
| |
| - | #description .box .readmore {
| |
| - | text-align:center;
| |
| - | margin-bottom:50px;
| |
| - | }
| |
| - | #description .box:hover .gear {
| |
| - | -webkit-animation: spin1 2s infinite linear;
| |
| - | -moz-animation: spin1 2s infinite linear;
| |
| - | -o-animation: spin1 2s infinite linear;
| |
| - | -ms-animation: spin1 2s infinite linear;
| |
| - | animation: spin1 2s infinite linear;
| |
| - | }
| |
| - | @-webkit-keyframes spin1 {
| |
| - | 0% { -webkit-transform: rotate(0deg);}
| |
| - | 100% { -webkit-transform: rotate(360deg);}
| |
| - | }
| |
| - | @-moz-keyframes spin1 {
| |
| - | 0% { -moz-transform: rotate(0deg);}
| |
| - | 100% { -moz-transform: rotate(360deg);}
| |
| - | }
| |
| - | @-o-keyframes spin1 {
| |
| - | 0% { -o-transform: rotate(0deg);}
| |
| - | 100% { -o-transform: rotate(360deg);}
| |
| - | }
| |
| - | @-ms-keyframes spin1 {
| |
| - | 0% { -ms-transform: rotate(0deg);}
| |
| - | 100% { -ms-transform: rotate(360deg);}
| |
| - | }
| |
| - | @-keyframes spin1 {
| |
| - | 0% { transform: rotate(0deg);}
| |
| - | 100% { transform: rotate(360deg);}
| |
| - | }
| |
| - | #description .box:hover .moret {
| |
| - | background-color:white;
| |
| - | color:darkblue;
| |
| - | }
| |
| - | .moret {
| |
| - | border: white solid 1px;
| |
| - | padding:3px;
| |
| - | padding-left:7px;
| |
| - | padding-right:7px;
| |
| - | border-radius:3px;
| |
| - | -webkit-transition: .5s;
| |
| - | -moz-transition: .5s;
| |
| - | -o-transition: .5s;
| |
| - | -ms-transition: .5s;
| |
| - | transition: .5s;
| |
| - | }
| |
| - | /*
| |
| - | #description .box:hover .moret
| |
| - | #description .box:hover .title {
| |
| - | color: #fff;
| |
| - | text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #7fff00, 0 0 70px #7FFF00, 0 0 80px #7FFF00, 0 0 100px #7FFF00, 0 0 150px #7FFF00;
| |
| - | }
| |
| - | #description .box:hover .wordbox {
| |
| - | color: #fff;
| |
| - | text-shadow: 0 0 10px #fff, 0 0 40px #7FFF00;
| |
| - | }
| |
| - | #decor #quill {
| |
| - | z-index:3;
| |
| - | position:absolute;
| |
| - | top:-150px;
| |
| - | left:0;
| |
| - | margin-left:200px;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2013/e/e5/Nctu-quill.png');
| |
| - | background-repeat:no-repeat;
| |
| - | width:1087px;
| |
| - | height:1087px;
| |
| - | }
| |
| - | #decor #parchment {
| |
| - | position:absolute;
| |
| - | text-indent:-9999px;
| |
| - | top:-50px;
| |
| - | right:0;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2013/5/53/Nctu-parchment.png');
| |
| - | background-repeat: no-repeat;
| |
| - | width:70%;
| |
| - | height:200%;
| |
| - | }
| |
| - | #decor #tphoto1 {
| |
| - | z-index:2;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2013/0/0c/Nctu-tphoto1.png');
| |
| - | background-repeat: no-repeat;
| |
| - | background-size: contain;
| |
| - | width:200px;
| |
| - | height:200%;
| |
| - | transform:rotate(-5deg);
| |
| - | -ms-transform:rotate(-5deg);
| |
| - | -webkit-transform:rotate(-5deg);
| |
| - | position:absolute;
| |
| - | top:100px;
| |
| - | right:-80px;
| |
| - | }
| |
| - | #decor #tphoto2 {
| |
| - | z-index:2;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2013/5/5c/Nctu-tphoto2.png');
| |
| - | background-repeat: no-repeat;
| |
| - | background-size: contain;
| |
| - | width:500px;
| |
| - | height:200%;
| |
| - | transform:rotate(5deg);
| |
| - | -ms-transform:rotate(5deg);
| |
| - | -webkit-transform:rotate(5deg);
| |
| - | position:absolute;
| |
| - | top:500px;
| |
| - | right:-150px;
| |
| - | }
| |
| - | */
| |
| - | #social #meritw {
| |
| - | display:block;
| |
| - | padding-top:30px;
| |
| - | width:90%;
| |
| - | margin: 0 auto;
| |
| - | vertical-align: text-top;
| |
| - | }
| |
| - | #sitemap > p {
| |
| - | padding-top:5px;
| |
| - | color: #eee;
| |
| - | text-indent:30px;
| |
| - | padding-left:50px;
| |
| - | padding-right:70px;
| |
| - | padding-bottom:30px;
| |
| - | }
| |
| - | .bigtitle {
| |
| - | text-indent:0;
| |
| - | color: white;
| |
| - | font-size: 35px;
| |
| - | padding-left:50px;
| |
| - | padding-top:50px!important;
| |
| - | padding-bottom:15px;
| |
| - | }
| |
| - | #social .bigtitle .em1 {
| |
| - | font-weight:700;
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - | #social .bigtitle .em2 {
| |
| - | color: #99ccff;
| |
| - | }
| |
| - | #social>p {
| |
| - | padding-top:5px;
| |
| - | color: #eee;
| |
| - | text-indent:30px;
| |
| - | padding-left:50px;
| |
| - | padding-right:70px;
| |
| - | }
| |
| - | #social .merit {
| |
| - | display:inline-block;
| |
| - | background: rgba(30,30,30,0.5);
| |
| - | border-radius:5px;
| |
| - | color: white;
| |
| - | width:400px;
| |
| - | margin:25px;
| |
| - | padding:10px;
| |
| - | vertical-align: text-top;
| |
| - | -webkit-transition: .5s;
| |
| - | -moz-transition: .5s;
| |
| - | -o-transition: .5s;
| |
| - | -ms-transition: .5s;
| |
| - | transition: .5s;
| |
| - | }
| |
| - | #social .merit:hover {
| |
| - | background: rgba(30,30,30,0.8);
| |
| - | }
| |
| - | #social .merit .smalltitle {
| |
| - | font-size:20px;
| |
| - | font-weight:700;
| |
| - | padding-left:20px;
| |
| - | padding-right:20px;
| |
| - | padding-top:5px!important;
| |
| - | padding-bottom:5px!important;
| |
| - | text-indent:0!important;
| |
| - | background-color: rgba(0,0,0,0.5);
| |
| - | top:-10px;
| |
| - | width:380px;
| |
| - | position:relative;
| |
| - | left:-10px;
| |
| - | }
| |
| - | #social .merit p {
| |
| - | padding-top:10px;
| |
| - | padding-left:10px;
| |
| - | padding-right:10px;
| |
| - | text-indent:30px;
| |
| - | }
| |
| - | #social .cphoto img {
| |
| - | width:420px;
| |
| - | border-top-left-radius:5px;
| |
| - | border-top-right-radius:5px;
| |
| - | position:relative;
| |
| - | top:-10px;
| |
| - | left:-10px;
| |
| - | margin-bottom:0!important;
| |
| - | }
| |
| - | #social a {
| |
| - | color:#99ccff;
| |
| - | }
| |
| - | #social b {
| |
| - | background-color:#E86100;
| |
| - | padding-left:5px;
| |
| - | padding-right:5px;
| |
| - | border-radius:3px;
| |
| - | }
| |
| - | #sitemap .seclink {
| |
| - | display: block;
| |
| - | margin:10px;
| |
| - | height:200px;
| |
| - | width:300px;
| |
| - | float:left;
| |
| - | overflow: hidden;
| |
| - | color:white;
| |
| - | border-radius:5px;
| |
| - | }
| |
| - | .seclink a {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | background:rgba(0,0,0,0);
| |
| - | height:100%;
| |
| - | width:100%;
| |
| - | color:white;
| |
| - | -webkit-transition: all 0.5s ease-in-out;
| |
| - | -moz-transition: all 0.5s ease-in-out;
| |
| - | -o-transition: all 0.5s ease-in-out;
| |
| - | transition: all 0.5s ease-in-out;
| |
| - | }
| |
| - | .seclink a:hover {
| |
| - | text-decoration:none;
| |
| - | background:rgba(0,0,0,0.5);
| |
| - | }
| |
| - | #sec1 {
| |
| - | background: #c56d83;
| |
| - | }
| |
| - | #sec2 {
| |
| - | background: #dd9056;
| |
| - | }
| |
| - | #sec3 {
| |
| - | background: #deb754;
| |
| - | }
| |
| - | #sec4 {
| |
| - | background: #8da857;
| |
| - | }
| |
| - | #sec5 {
| |
| - | background: #7b7eb7;
| |
| - | }
| |
| - | #sec6 {
| |
| - | background: #82b1b1;
| |
| - | }
| |
| - | #sec7 {
| |
| - | background: #c56dbf;
| |
| - | }
| |
| - | #sec8 {
| |
| - | background: #aaaaaa;
| |
| - | }
| |
| - | #sec9 {
| |
| - | background: #a88c57;
| |
| - | }
| |
| - | .seclink a i {
| |
| - | position:absolute;
| |
| - | font-size:100px;
| |
| - | padding-left:100px;
| |
| - | padding-top:10px;
| |
| - | top:0;
| |
| - | opacity:1;
| |
| - | -webkit-transition: all 0.5s ease-in-out;
| |
| - | -moz-transition: all 0.5s ease-in-out;
| |
| - | -o-transition: all 0.5s ease-in-out;
| |
| - | transition: all 0.5s ease-in-out;
| |
| - | }
| |
| - | #sec1 a i,
| |
| - | #sec8 a i {
| |
| - | padding-left:120px;
| |
| - | }
| |
| - | #sec2 a i,
| |
| - | #sec4 a i,
| |
| - | #sec5 a i,
| |
| - | #sec6 a i {
| |
| - | padding-left:110px;
| |
| - | }
| |
| - | .seclink a:hover i {
| |
| - | //font-size:200px;
| |
| - | opacity:0.5;
| |
| - | top:-150px;
| |
| - | }
| |
| - | #seclinks {
| |
| - | padding-left:50px;
| |
| - | padding-right:50px;
| |
| - | }
| |
| - | .seclink a p {
| |
| - | position:absolute;
| |
| - | display:block;
| |
| - | top:200px;
| |
| - | padding:10px;
| |
| - | text-indent:30px;
| |
| - | -webkit-transition: all 0.5s ease-in-out;
| |
| - | -moz-transition: all 0.5s ease-in-out;
| |
| - | -o-transition: all 0.5s ease-in-out;
| |
| - | transition: all 0.5s ease-in-out;
| |
| - | }
| |
| - | .seclink a:hover p {
| |
| - | top:0;
| |
| - | }
| |
| - | .seclink .smalltitle {
| |
| - | font-family: Lobster Two;
| |
| - | position:absolute;
| |
| - | display:block;
| |
| - | top:130px;
| |
| - | left:0px;
| |
| - | text-indent:0;
| |
| - | padding-left:30px;
| |
| - | font-size:30px;
| |
| - | opacity:1;
| |
| - | }
| |
| - | .seclink a:hover .smalltitle {
| |
| - | top:100px;
| |
| - | left:-50px;
| |
| - | font-size:100px;
| |
| - | opacity:0.5;
| |
| - | }
| |
| - | .space {
| |
| - | clear:both;
| |
| - | height:50px;
| |
| - | }
| |
| - | #footer-text, #footer-text a, #footer-text a:hover {
| |
| - | color: white!important;
| |
| - | }
| |
| - | </style>
| |
| - | <script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/stellar?action=raw&ctype=text/javascript"></script>
| |
| - | <script>
| |
| - | $(function(){
| |
| - | $.stellar({
| |
| - | horizontalScrolling: false,
| |
| - | verticalOffset: 40
| |
| - | });
| |
| - | });
| |
| - | $(document).ready(function(){
| |
| - | $('.box').click(function() { window.location.href = 'https://2013.igem.org/Team:NCTU_Formosa/project'; });
| |
| - | });
| |
| - | </script>
| |
| | | | |
| - | </head>
| |
| - | <body>
| |
| - | <div id="header-wrapper">
| |
| - | <div id="header">
| |
| - | <div id="title">
| |
| - | <a href="https://2014.igem.org/Team:NCTU_Formosa"><p>NCTU_Formosa - E.colightuner</p></a>
| |
| - | </div>
| |
| - | <div id="igemlogo">
| |
| - | <a href="https://2014.igem.org/"><p>iGEM 2014</p></a>
| |
| - | </div>
| |
| - | <nav id="nav" class="navwrapper">
| |
| - | <button id="navb" class="dl-trigger">Open Menu</button>
| |
| - | <ul class="nav">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project">Project</a><ul class="navsub">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#Introduction">Introduction</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#Light-regulated_system">Light-regulated system</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#Temperature-regulated_system">Temperature-regulated system</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#Small_RNA-regulated_system">Small RNA-regulated system</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#Mechanism_of_our_project">Mechanism of our project</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#i-Culture">i-Culture</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/project#Future_Works">Future Works</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/results">Results</a><ul class="navsub">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/results#Light-regulated_System">Light-regulated System</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/results#Temperature-regulated_System">Temperature-regulated System</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/results#Small_RNA-regulated_System">Small RNA-regulated System</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling">Modeling</a><ul class="navsub">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling#MATLAB_Introduction">MATLAB Introduction</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling#ANFIS_Introduction">ANFIS Introduction</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling#Single_Unit">Single Unit</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling#E.colightuner_Simulation">E.colightuner Simulation</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/biobricks">Biobricks</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/notes">Notes</a><ul class="navsub">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/notes#Material_and_Method">Material and Method</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/notes#March_2014">Detailed records</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice">Human Practice</a><ul class="navsub">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice#i-Culture_Popularization">i-Culture Popularization</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice#Conference">Conference</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice#Biocamp">Biocamp</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice#iGEM_Chinese_Guiding_Book">iGEM Chinese Guiding Book</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice#Surveys">Surveys</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/team">Team</a><ul class="navsub">
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/team#Attribution">Attribution</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/team#Members_and_Advisers">Members and Advisers</a></li>
| |
| - | </ul></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/safety">Safety</a></li>
| |
| - | <li><a href="https://2014.igem.org/Team:NCTU_Formosa/achievement">Achievements</a></li>
| |
| - | <li style="display:none"><a href="https://2014.igem.org/Team:NCTU_Formosa">Home</a></li>
| |
| - | <div class="effect"></div>
| |
| - | </ul>
| |
| - | </nav>
| |
| - | <ul id="back-top">
| |
| - | <li><a href="#top">Top</a></li>
| |
| - | </ul>
| |
| - | <div id=cou><img src="http://s11.flagcounter.com/count/RP5D/bg_FFFFFF/txt_FFFFFF/border_FFFFFF/columns_1/maxflags_1/viewers_3/labels_0/pageviews_0/flags_0/"></div>
| |
| - | <script src="https://2014.igem.org/Team:Team:NCTU_Formosa/js/jquery.dlmenu?action=raw&ctype=text/javascript"></script>
| |
| - | <script>
| |
| - | $(function() {
| |
| - | $( '#nav' ).dlmenu({
| |
| - | animationClasses : { classin : 'dl-animate-in-3', classout : 'dl-animate-out-3' }
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | var sc_project=9254940;
| |
| - | var sc_invisible=1;
| |
| - | var sc_security="daa5d5da";
| |
| - | var scJsHost = (("https:" == document.location.protocol) ?
| |
| - | "https://secure." : "http://www.");
| |
| - | document.write("<sc"+"ript type='text/javascript' src='" +
| |
| - | scJsHost+
| |
| - | "statcounter.com/counter/counter.js'></"+"script>");
| |
| - | </script>
| |
| - | <noscript><div class="statcounter"><img class="statcounter"
| |
| - | src="http://c.statcounter.com/9254940/0/daa5d5da/1/"
| |
| - | alt="website statistics"></div></noscript>
| |
| - | </div>
| |
| | </div> | | </div> |
| | | | |
| - | <div id="description" class="page" data-stellar-background-ratio="0.5"><div class="boxwrap" data-stellar-ratio="1.25"><div class="box"><div class="title"><div class="gear">NCTU_Formosa</div>E.colightuner</div><div class="team">a regulation system that does multitasking.</div><div class="wordbox"><p>This year, We found the simple act of expressing the DNA sequence of PBAN (Pheromone Biosynthesis Activating Neuropeptide) to be equally, if not more, efficient and effective. Just like pheromones, PBAN is species-specific. Once our target species comes in contact with the PBAN produced by our E. coli, its pheromone glands will be stimulated and thus attract more of its own kind into our capturing device.</p>
| |
| | | | |
| - | <p>So far, We have already collected sequences of a few common species of harmful insects. Hopefully this model can be widely used in the future when PBANs of more insects are found.</p>
| |
| | | | |
| | | | |
| | | | |
| - | </div><div class="readmore"><span class="moret">See our project <i class="fa fa-arrow-circle-right"></i></span></div></div></div></div>
| + | |
| - | <div id="sitemap" class="page" data-stellar-background-ratio="10.0">
| + | |
| - | <p class="bigtitle">Sitemap</p><p>Our wiki has 10 pages in total and each page contains several sections. There's a navigation bar sticking on the top of the page. When you want to get back to the top of the page, don't panic! Feel free to click the button on the left-bottom corner of the page anytime.</p>
| + | |
| - | <div id="seclinks">
| + | |
| - | <div id="sec1" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/project"><i class="icon-lightbulb"></i><p class="smalltitle">Project</p><p>A multiple regulated-system was built using three different regulation mechanisms including red light, temperature, and sRNA. In other words, it is multitasking genetic engineered machine that can express a variable genes depending on the different command given. </p></a></div>
| + | |
| - | <div id="sec2" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/results"><i class="fa fa-smile-o"></i><p class="smalltitle">Results</p><p>The current progress of our project, including detailed information of the experimental data and the overall evaluation of the practicability of this project. </p></a></div>
| + | |
| - | <div id="sec3" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/modeling"><i class="icon-bar-chart"></i><p class="smalltitle">Modeling</p><p>Modeling was our first step forward. When validated with our experimental data, modeling is also a verification of the accuracy of our experiments. </p></a></div>
| + | |
| - | <div id="sec4" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/biobricks"><i class="icon-puzzle-piece"></i><p class="smalltitle">Biobricks</p><p>To strive for the best results, we made a number of experiment. Our team always hang together in spite of many losses.</p></a></div>
| + | |
| - | <div id="sec5" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/notes"><i class="icon-pencil"></i><p class="smalltitle">Notes</p><p>The experimental log that records down the purpose, method, result and date of each experiment that we have conducted.</p></a></div>
| + | |
| - | <div id="sec6" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/human_practice"><i class="icon-magnet"></i><p class="smalltitle">Human Practice</p><p>This summer, we hosted a summer camp for high school students and held a conference for iGEMers. With these efforts, we have passed on our enthusiasm of synthetic biology to our peers and raise their interests on the topic. </p></a></div>
| + | |
| - | <div id="sec7" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/team"><i class="fa fa-group"></i> <p class="smalltitle">Team</p><p>Our team is a big family in which each member has well established tacit understanding with one another. We have 18 members, 13 advisers, and 2 professors. Perhaps, we share little in common, but all of us are willing to contribute to the successes of our team. </p></a></div>
| + | |
| - | <div id="sec8" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/safety"><i class="icon-lock"></i><p class="smalltitle">Safety</p><p>Inside a newly built, well-equipped laboratory, we conducted our experiment. Besides safety equipment, each member is well informed of the safety rules and emergency handling. </p></a></div>
| + | |
| - | <div id="sec9" class="seclink"><a href="https://2014.igem.org/Team:NCTU_Formosa/achievement"><i class="fa fa-trophy"></i><p class="smalltitle">Achievement</p><p>We smile. We shed tears. We strive for the best. These are the little BIG things we have done.</p></a></div>
| + | |
| | </div> | | </div> |
| | <div class="space"> </div> | | <div class="space"> </div> |
| - | </div>
| |
| - | <div id="social" class="page" data-stellar-background-ratio="0.5">
| |
| - | <p class="bigtitle">Bringing back <span class="em">wiki</span> <span class="em2">the way what it was meant to be.</span></p>
| |
| - | <p>The core value of wiki are the openness and its coeditable property. As people tried to beautify the pages, too often that the wiki becomes merely a work handled by one person. It digresses from the core value of wiki. Therefore, to bring back its role, we build a system not only <b>more user-friendly</b> and <b>eye-pleasing</b> but also <b>coeditable</b> and <b>smart</b>.</p>
| |
| - | <p>We believe that wiki is a platform for the iGEMers and the future iGEMers. It stands for sharing. It is meant for cooperation. It ought to be a stage that brings people together for knowledge and the value that lies with people.</p><div id="meritw" class="js-masonry" data-masonry-options='{ "columnWidth": 440, "itemSelector": ".merit" }'>
| |
| - | <div class="merit">
| |
| - | <div class="cphoto"><img src="https://static.igem.org/mediawiki/2014/4/40/Nctu-wm1.png" width="420px"></div>
| |
| - | <p class="smalltitle">Utilizing wiki markup language and BioBricks registry</p>
| |
| - | <p>To layout the pages, the wiki site is often completely written by HTML rather than the expected wiki markup language. We believe that wiki language encourages users to be more involved into the project since it's easy to use. Thus, we build a website <b>letting users to edit contents by wiki language</b> but at the same time have a cleaner layout by HTML.</p>
| |
| - | <p>What's more, for the <a href="https://2014.igem.org/Team:NCTU_Formosa/biobricks">Biobricks page</a>, the table is <b>directly fetched from the Biobrick Registry website</b>. Not only it gets timely updates when new parts are registered, but it intertwines wiki and part wiki into a unique iGEM-centric system.</p>
| |
| - | </div>
| |
| - | <div class="merit">
| |
| - | <div class="cphoto"><img src="https://static.igem.org/mediawiki/2014/c/ce/Nctu-wm2.png" width="420px"></div>
| |
| - | <p class="smalltitle">Responsible design that re-layouts for different resolution</p>
| |
| - | <p>Our wiki site implements a more modern method to create the layout. As the window size changes, <b>text reflows and layout rearranges accordingly</b>. It supports various screen size down from smartphones and up to computers. To be future-proof, it's <b>touch-friendly</b> and can even support large-width devices such as 4KTV!</p>
| |
| - | </div>
| |
| - | <div class="merit">
| |
| - | <div class="cphoto"><img src="https://static.igem.org/mediawiki/2014/1/13/Nctu-wm3.png" width="420px"></div>
| |
| - | <p class="smalltitle">Contents in wiki are easily editable</p>
| |
| - | <p>When iGEMers log into 2014.igem.org, <b>"Edit" link for each sections appears automatically</b>. Users can click into specific section to modify it. The history log of the page (link located at the top of the screen) can <b>show the section modified and the user who modified it</b>. Since editing contents becomes so straight-forward, our team members edit it spontaneously. We believe the <b>coeditability suggests the spirit of cooperating and sharing</b>, which are what wiki ought to be and the reason why iGEM lets us show our project upon wiki. Please check out <a href="https://2014.igem.org/wiki/index.php?title=Team:NCTU_Formosa/project&action=history">the history log of our project page</a>.</p>
| |
| - | </div>
| |
| - | <div class="merit">
| |
| - | <div class="cphoto"><img src="https://static.igem.org/mediawiki/2014/6/68/Nctu-wm4.png" width="420px"></div>
| |
| - | <p class="smalltitle">User-friendly functions</p>
| |
| - | <p>To elevate the user experience, we introduce a submenu that fix on the screen when scrolling though the page. It serves as a normal menu that links to each section. So what's special about it? It is so smart that it <b>shows the place we're currently browsing</b>, and the links to sub-section that collapsed at first will expand automatically.</p>
| |
| - | <p>We also introduce <b>buttons for changing the font size</b> and a button that can back to the top of the page when page is scrolled down. This wiki is also <b>friendly for blind and visually impaired people</b> that use screen reading softwares. </p>
| |
| - | </div>
| |
| - | <div class="merit">
| |
| - | <div class="cphoto"><img src="https://static.igem.org/mediawiki/2014/0/0e/Nctu-wm5.png" width="420px"></div>
| |
| - | <p class="smalltitle">Auto-generated menu that powered by wiki system</p>
| |
| - | <p>The submenus in our wiki are auto-generated by the Mediawiki system. Since we use the wiki markup language to <b>make our content a hierarchic structure</b>, the system can read our structure and generate a menu correspondingly. We took a step forward and made the menu even smarter. It can now collapse and expand <b>according to our mouse and the place we're browsing</b>. We believe that this is what a good customization should be.</p>
| |
| - | </div>
| |
| - | <div class="merit">
| |
| - | <div class="cphoto"><img src="https://static.igem.org/mediawiki/2014/5/56/Nctu-wm6.png" width="420px"></div>
| |
| - | <p class="smalltitle">Following wiki requirements for iGEM 2014</p>
| |
| - | <p>Our wiki follows <a href="https://2014.igem.org/Requirements/Wiki">the requirements</a> announced by iGEM. We understand that wiki serves as a resource for current and future iGEMers, so our code, images and files are all hosted on the 2014.igem.org server to prevent from data losing.</p>
| |
| - | <p>Plus, we not only put the user editing menu on the top of the screen, <b>we also place the footer box</b> on the bottom of every page, including creative commons logo, mediawiki logo and some links, because these are useful information that shouldn't be hidden.</p>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div id="decor" class="page" data-stellar-background-ratio="0.5">
| |
| - | <div id="tphoto2" data-stellar-background-ratio="1.3"> </div>
| |
| - | <div id="tphoto1" data-stellar-background-ratio="1.5"> </div>
| |
| - | <div id="quill" data-stellar-background-ratio="1.2"> </div>
| |
| - | <div id="parchment" data-stellar-ratio="1.1"><a href="https://2014.igem.org/Team:NCTU_Formosa/project" title="Click in to know more about our project.">
| |
| - | <p>E.colightuner</p>
| |
| - | <p>Using sRNA, temperature and light, we want to construct a complicated regulation system.
| |
| - | First, we took advantage of a powerful regulated molecules, sRNA. Bacterial small RNAs(sRNA) are small non-coding molecules, and they are highly structured and contain several stem-loops. sRNAs can either bind to protein targets, and modify the function of the bound protein , or bind to mRNA targets and regulate gene expression.
| |
| - | Second, we used a Ribosome binding site which can sense change of temperature, 37oC RBS. Because this sequence has a unique secondary structure, it can’t function in room temperature. When temperature increasing, the secondary structure would change and can function.
| |
| - | Third, we designed a new promoter, Pred. It is activated by red light. When removing the red light, it would be turned off, so we use this promoter to strengthen our project.
| |
| - | By these important factors, we can achieve the pathway regulation and do more applications.</p></a>
| |
| - | </div>
| |
| | </div> | | </div> |
| | <div id="footer-wrapper"> | | <div id="footer-wrapper"> |
| Line 908: |
Line 201: |
| | <p class="author">Website designed by Calvin Hue.</p> | | <p class="author">Website designed by Calvin Hue.</p> |
| | <p>Cover image credit: <a href="http://www.dvq.co.nz/" target="_blank">DVQ</a>, <a href="http://www.apple.com/" target="_blank">Apple Inc.</a></p> | | <p>Cover image credit: <a href="http://www.dvq.co.nz/" target="_blank">DVQ</a>, <a href="http://www.apple.com/" target="_blank">Apple Inc.</a></p> |
| - | </div> </div>
| |
| - | </div>
| |
| - | </body>
| |
| | | | |
| - | </p>
| |
| - | <!--
| |
| - | NewPP limit report
| |
| - | Preprocessor node count: 19/1000000
| |
| - | Post-expand include size: 123/2097152 bytes
| |
| - | Template argument size: 0/2097152 bytes
| |
| - | Expensive parser function count: 0/100
| |
| - | -->
| |
| | | | |
| - | <!-- Saved in parser cache with key 2014_igem_org:pcache:idhash:1253-0!1!0!!en!2 and timestamp 20140814040646 -->
| |
| - | <div class="printfooter">
| |
| - | Retrieved from "<a href="https://2014.igem.org/Team:NCTU_Formosa">https://2014.igem.org/Team:NCTU_Formosa</a>"</div>
| |
| - | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
| |
| - | <div class="visualClear"></div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE -- RDR -->
| |
| - | <div class="visualClear"></div>
| |
| - | <div id='footer-box' class='noprint'>
| |
| - | <div id="footer">
| |
| - | <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div> <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div> <ul id="f-list">
| |
| - |
| |
| | | | |
| - | <!-- Recentchanges is not handles well DEBUG -->
| |
| - | <li id="t-recentchanges"><a href="/Special:RecentChanges"
| |
| - | title='Recent changes'>Recent changes</a></li>
| |
| | | | |
| - | <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:NCTU_Formosa"
| |
| - | title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
| |
| | | | |
| - | <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:NCTU_Formosa"
| |
| - | title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
| |
| | | | |
| | | | |
| - | | + | </div> </div> |
| - | <li id="t-upload"><a href="/Special:Upload"
| + | |
| - | title="Upload files [u]" accesskey="u">Upload file</a>
| + | |
| - | </li>
| + | |
| - | <li id="t-specialpages"><a href="/Special:SpecialPages"
| + | |
| - | title="List of all special pages [q]" accesskey="q">Special pages</a>
| + | |
| - | </li>
| + | |
| - | <li><a href='/Special:Preferences'>My preferences</a></li>
| + | |
| - | </ul>
| + | |
| - | </div> <!-- close footer -->
| + | |
| - | <div id='footer'>
| + | |
| - | <ul id="f-list">
| + | |
| - | | + | |
| - | <li id="t-print"><a href="/wiki/index.php?title=Team:NCTU_Formosa&printable=yes"
| + | |
| - | title="Printable version of this page [p]" accesskey="p">Printable version</a>
| + | |
| - | </li>
| + | |
| - | | + | |
| - | <li id="t-permalink"><a href="/wiki/index.php?title=Team:NCTU_Formosa&oldid=70658"
| + | |
| - | title="Permanent link to this revision of the page">Permanent link</a>
| + | |
| - | </li>
| + | |
| - | | + | |
| - | | + | |
| - | <li id="privacy"><a href="/2014.igem.org:Privacy_policy" title="2014.igem.org:Privacy policy">Privacy policy</a></li>
| + | |
| - | <li id="disclaimer"><a href="/2014.igem.org:General_disclaimer" title="2014.igem.org:General disclaimer">Disclaimers</a></li>
| + | |
| - | </ul>
| + | |
| - | </div> <!-- close footer -->
| + | |
| - | </div> <!-- close footer-box -->
| + | |
| - |
| + | |
| - | <script>if (window.runOnloadHook) runOnloadHook();</script>
| + | |
| | </div> | | </div> |
| - | <!-- Served in 0.212 secs. --></body>
| + | </body> |
| - | | + | |
| | </html> | | </html> |
"
