|
|
(54 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| + | {{HSiTAIWAN}} |
| + | |
| <html> | | <html> |
− | <head>
| |
− | <style type="text/css">
| |
− | #globalWrapper{
| |
− | padding:0px;
| |
− | }
| |
− | #HQ_page{
| |
− | padding:0px;
| |
− | }
| |
− | #HQ_page p{
| |
− | font-family: "Arial",Helvetica,sans-serif;
| |
− | font-size: 16px;
| |
− | text-align:left
| |
− | }
| |
− |
| |
− | #body{
| |
− | background-color: #cd853f;
| |
− | }
| |
− | #content{
| |
− | width:100%;
| |
− | padding:0px;
| |
− | margin:0px;
| |
− | margin-top:-25px;
| |
− | border:none;
| |
− | background-color: #F0F0F0;
| |
− | }
| |
− | #top_title{
| |
− | display:none;
| |
− | }
| |
− | #sideMenu{
| |
− | display:none;
| |
− | }
| |
− | .firstHeading{
| |
− | display:none;
| |
− | }
| |
− | #bodyContent{
| |
− | padding:0px;
| |
− | }
| |
− | .head{
| |
− | position: fixed;
| |
− | left: 0px;
| |
− | top: 18px;
| |
− | width: 100%;
| |
− | min-width: 1280px;
| |
− | height: 56px;
| |
− | background-color: #86680c;
| |
− | border-bottom: thin solid #e1bf58;
| |
− | z-index: 10000;
| |
− | padding-left: 20px;
| |
− | }
| |
− | .head:hover{
| |
− | background: #86680c;
| |
− | }
| |
− |
| |
− | .nav {
| |
− | float:left;
| |
− | }
| |
− | .navOne{
| |
− | float: left;
| |
− | padding-top:4px;
| |
− | }
| |
− | .navOne a{
| |
− | color: #333;
| |
− | }
| |
− |
| |
− | .navOneA{
| |
− | line-height: 30px;
| |
− | text-decoration: none;
| |
− | text-transform: uppercase;
| |
− | font-family: Verdana, Geneva, sans-serif;
| |
− | font-size: 14px;
| |
− | padding: 10px 2px;
| |
− | }
| |
− | .navOneA img{
| |
− | border:0px;
| |
− | height: 35px;
| |
− | size: contain;
| |
− | position:center;
| |
− | }
| |
− | .navOne:hover{
| |
− | background:#e1bf58;
| |
− | border-bottom: 6px solid #e1bf58;
| |
− | cursor:pointer;
| |
− | }
| |
− | .navOne:hover a{
| |
− | text-decoration: none;
| |
− | }
| |
− | .navOne:hover .navDrop{
| |
− | display:block;
| |
− | }
| |
− | .navDrop{
| |
− | display:none;
| |
− | padding-bottom:5px;
| |
− | margin-top:-10px;
| |
− | }
| |
− |
| |
− | .navPic{
| |
− | width: 100%;
| |
− | min-width: 1400px;
| |
− | margin-top:45px;
| |
− | margin-left:-20px;
| |
− | background-image: url('https://static.igem.org/mediawiki/2016/f/fa/T--HSiTAIWAN--Background_banner.png');
| |
− | background-color:#e1bf58;
| |
− | background-size: contain;
| |
− | background-repeat:no-repeat;
| |
− | }
| |
− |
| |
− | .navleft{
| |
− | float:left;
| |
− | }
| |
− | .navright{
| |
− | float:left;
| |
− | padding-left:65px;
| |
− | }
| |
− | .navleft a {
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | text-decoration: none;
| |
− | cursor: pointer;
| |
− | }
| |
− | .navleft a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− | .navli a {
| |
− | display: block;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | text-decoration: none;
| |
− | cursor: pointer;
| |
− | }
| |
− | .navli a:hover {
| |
− | text-decoration: none;
| |
− | }
| |
− | .navli {
| |
− | height:40px;
| |
− | width:175px;
| |
− | display:block;
| |
− | margin:4.5px;
| |
− | cursor:pointer;
| |
− | border:2px solid #86680c;
| |
− | }
| |
− |
| |
− | </style>
| |
− | </head>
| |
− |
| |
− |
| |
− | <body>
| |
− | <!--Head Start-->
| |
− | <div class="head">
| |
− | <div class="nav" id="nav">
| |
− | <!--Home-->
| |
− | <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2016.igem.org/Team:HSiTAIWAN"><img src='https://static.igem.org/mediawiki/2016/1/1f/T--HSiTAIWAN--Home_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/a/a9/T--HSiTAIWAN--Home_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/1/1f/T--HSiTAIWAN--Home_icon.png';"></a></div>
| |
− | <!--Background-->
| |
− | <div class="navOne" id="divBackground">
| |
− | <a class="navOneA" id="Background" href="https://2016.igem.org/Team:HSiTAIWAN/Background"><img id="Backgroundimg" src='https://static.igem.org/mediawiki/2016/2/2d/T--HSiTAIWAN--Background_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/9/94/T--HSiTAIWAN--Background_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/2/2d/T--HSiTAIWAN--Background_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--Parts-->
| |
− | <div class="navOne" id="divParts">
| |
− | <a class="navOneA" id="Parts" href="https://2016.igem.org/Team:HSiTAIWAN/Parts"><img src='https://static.igem.org/mediawiki/2016/b/bc/T--HSiTAIWAN--Part_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/1/15/T--HSiTAIWAN--Part_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/b/bc/T--HSiTAIWAN--Part_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--Project-->
| |
− | <div class="navOne" id="divProject">
| |
− | <a class="navOneA" id="Project" href="https://2016.igem.org/Team:HSiTAIWAN/Project"><img src='https://static.igem.org/mediawiki/2016/4/43/T--HSiTAIWAN--Project_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/c/ca/T--HSiTAIWAN--Project_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/4/43/T--HSiTAIWAN--Project_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--Product-->
| |
− | <div class="navOne" id="divProduct">
| |
− | <a class="navOneA" id="Product" href="https://2016.igem.org/Team:HSiTAIWAN/Product"><img src='https://static.igem.org/mediawiki/2016/f/fc/T--HSiTAIWAN--Product_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/b/b4/T--HSiTAIWAN--Product_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/f/fc/T--HSiTAIWAN--Product_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--Notebook-->
| |
− | <div class="navOne" id="divNotebook">
| |
− | <a class="navOneA" id="Notebook" href="https://2016.igem.org/Team:HSiTAIWAN/Notebook"><img src='https://static.igem.org/mediawiki/2016/b/ba/T--HSiTAIWAN--Notebook_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/1/1c/T--HSiTAIWAN--Notebook_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/b/ba/T--HSiTAIWAN--Notebook_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--HumanPractice-->
| |
− | <div class="navOne" id="divHumanPractice">
| |
− | <a class="navOneA" id="HumanPractice" href="https://2016.igem.org/Team:HSiTAIWAN/HumanPractice"><img src='https://static.igem.org/mediawiki/2016/3/3c/T--HSiTAIWAN--Human-Practice_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/b/b3/T--HSiTAIWAN--Human-Practice_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/3/3c/T--HSiTAIWAN--Human-Practice_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--Achievement-->
| |
− | <div class="navOne" id="divAchievement">
| |
− | <a class="navOneA" id="Achievement" href="https://2016.igem.org/Team:HSiTAIWAN/Achievement"><img src='https://static.igem.org/mediawiki/2016/6/62/T--HSiTAIWAN--Achievement_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/3/31/T--HSiTAIWAN--Achievement_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/6/62/T--HSiTAIWAN--Achievement_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--TeamMembers-->
| |
− | <div class="navOne" id="divTeamMembers">
| |
− | <a class="navOneA" id="TeamMembers" href="https://2016.igem.org/Team:HSiTAIWAN/TeamMembers"><img src='https://static.igem.org/mediawiki/2016/4/40/T--HSiTAIWAN--Team_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/5/55/T--HSiTAIWAN--Team_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/4/40/T--HSiTAIWAN--Team_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--AttributionsSponsors-->
| |
− | <div class="navOne" id="divAttributionsSponsors">
| |
− | <a class="navOneA" id="AttributionsSponsors" href="https://2016.igem.org/Team:HSiTAIWAN/AttributionsSponsors"><img src='https://static.igem.org/mediawiki/2016/e/ea/T--HSiTAIWAN--Attributions_icon.png' onmouseover="this.src='https://static.igem.org/mediawiki/2016/f/fc/T--HSiTAIWAN--Attributions_icon2.png';"
| |
− | onmouseout="this.src='https://static.igem.org/mediawiki/2016/e/ea/T--HSiTAIWAN--Attributions_icon.png';"></a>
| |
− |
| |
− | </div>
| |
− | <!--Head End-->
| |
− | <div class="navPic" id="navPic" style="height:0px;display:none;">
| |
− | <div class="navimg" id="navimg" style="height:200px;width:225px;display:block;float:left"></div>
| |
− |
| |
− | <div class="navleft"style="float:left">
| |
− | <div class="navli" id="navli1" style="">
| |
− | <a id="navhr1" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=CM"></a></div>
| |
− |
| |
− | <div class="navli" id="navli2" style="">
| |
− | <a id="navhr2" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Challenges"></a></div>
| |
− |
| |
− | <div class="navli" id="navli3" style="">
| |
− | <a id="navhr3" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Solution"></a></div>
| |
− |
| |
− | <div class="navli" id="navli4" style="">
| |
− | <a id="navhr4" href="https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Application"></a></div>
| |
− | </div>
| |
− |
| |
− | <div class="navright">
| |
− | <div class="navli" id="navli5" style="display:none;">
| |
− | <a id="navhr5" href="https://2016.igem.org/Team:HSiTAIWAN/Project/Framework"></a>
| |
− | </div>
| |
− |
| |
− | <div class="navli" id="navli6" style="display:none;">
| |
− | <a id="navhr6" href="https://2016.igem.org/Team:HSiTAIWAN/Model"></a>
| |
− | </div>
| |
− |
| |
− | <div class="navli" id="navli7" style="display:none;">
| |
− | <a id="navhr7" href="https://2016.igem.org/Team:HSiTAIWAN/Project/Assay"></a>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <!-- --------------- Script Code --------------- -->
| |
− | <script type="text/javascript">
| |
− | jQuery(document).ready(function($){
| |
− |
| |
− | $('div#divBackground').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/f/fa/T--HSiTAIWAN--Background_banner.png)'});
| |
− |
| |
− | $('.navimg').css("width", "225px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "190px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Framework');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=CM');
| |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Challenges');
| |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Solution");
| |
− | $('#navhr5').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Background?locationId=Application");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divParts').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/4/4a/T--HSiTAIWAN--navPart.png)'});
| |
− |
| |
− | $('.navimg').css("width", "225px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "185px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=Framework");
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=BasicPart');
| |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=CompositePart');
| |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Parts?locationId=PartCollection");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divProject').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/7/74/T--HSiTAIWAN--navProject.png)'});
| |
− |
| |
− | $('.navimg').css("width", "245px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "160px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Project/Framework');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Project/Lead');
| |
− | $('#navhr3').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/Copper");
| |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/Arsenic");
| |
− | $('#navhr5').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/CYP");
| |
− | $('#navhr6').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Model");
| |
− | $('#navhr7').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Project/Assay");
| |
− | });
| |
− | $('div#divProduct').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/2/22/T--HSiTAIWAN--navProduct.png)'});
| |
− |
| |
− | $('.navimg').css("width", "200px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "175px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Framework');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design');
| |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Results');
| |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Safety");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divNotebook').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/6/64/T--HSiTAIWAN--navNotebook.png)'});
| |
− |
| |
− | $('.navimg').css("width", "210px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "210px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Notebook?locationId=Framework');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Notebook?locationId=FA');
| |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/Notebook?locationId=CM');
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divHumanPractice').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/9/95/T--HSiTAIWAN--navHumanPractice.png)'});
| |
− |
| |
− | $('.navimg').css("width", "260px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "250px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=Framework");
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=EO');
| |
− | $('#navhr3').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=Community');
| |
− | $('#navhr4').attr("href", "https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=PE");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divAchievement').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/6/68/T--HSiTAIWAN--navAchievement.png)'});
| |
− |
| |
− | $('.navimg').css("width", "250px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "285px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navli1').css("display", "none");
| |
− | $('#navli2').css("display", "none");
| |
− | $('#navli3').css("display", "none");
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divTeamMembers').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/2/21/T--HSiTAIWAN--navTeam.png)'});
| |
− |
| |
− | $('.navimg').css("width", "250px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "285px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navhr1').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=InstructorAdvisor');
| |
− | $('#navhr2').attr("href", 'https://2016.igem.org/Team:HSiTAIWAN/HumanPractice?locationId=Student');
| |
− | $('#navli3').css("display", "none");
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− | $('div#divAttributionsSponsors').mouseover(function(){
| |
− | $('.navPic').css("height", "200px");
| |
− | $('.navPic').css("display", "block");
| |
− | $('.navPic').css({'background-image': 'url(https://static.igem.org/mediawiki/2016/b/be/T--HSiTAIWAN--navAttribution.png)'});
| |
− |
| |
− | $('.navimg').css("width", "250px");
| |
− | $('.navli').css("height", "40px");
| |
− | $('.navli').css("width", "285px");
| |
− | $('.navli').css("margin", "4.5px");
| |
− | $('.navli').css("display", "block");
| |
− |
| |
− | $('#navli1').css("display", "none");
| |
− | $('#navli2').css("display", "none");
| |
− | $('#navli3').css("display", "none");
| |
− | $('#navli4').css("display", "none");
| |
− | $('#navli5').css("display", "none");
| |
− | $('#navli6').css("display", "none");
| |
− | $('#navli7').css("display", "none");
| |
− | });
| |
− |
| |
− |
| |
− | $('div#nav').mouseleave(function(){
| |
− | $('.navPic').css("height", "0px");
| |
− | $('.navPic').css("display", "none");
| |
− | });
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | $('#divHome').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN"; });
| |
− | $('#divBackground').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Background"; });
| |
− | $('#divParts').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Parts"; });
| |
− | $('#divProject').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Project"; });
| |
− | $('#divProduct').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Product"; });
| |
− | $('#divNotebook').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Notebook"; });
| |
− | $('#divHumanPractice').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/HumanPractice"; });
| |
− | $('#divAchievement').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/Achievement"; });
| |
− | $('#divTeamMembers').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/TeamMembers"; });
| |
− | $('#divAttributionsSponsors').click(function(){ location.href="https://2016.igem.org/Team:HSiTAIWAN/AttributionsSponsors"; });
| |
− |
| |
− | var keyWord = location.href.substring(38);
| |
− | if(keyWord.match("Background") != null){
| |
− | document.getElementById("divBackground").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("Parts") != null){
| |
− | document.getElementById("divParts").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("Project") != null){
| |
− | document.getElementById("divProject").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("Product") != null){
| |
− | document.getElementById("divProduct").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("Notebook") != null){
| |
− | document.getElementById("divNotebook").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("HumanPractice") != null){
| |
− | document.getElementById("divHumanPractice").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("Achievement") != null){
| |
− | document.getElementById("divAchievement").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("TeamMembers") != null){
| |
− | document.getElementById("divTeamMembers").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else if(keyWord.match("AttributionsSponsors") != null){
| |
− | document.getElementById("divAttributionsSponsors").style.borderBottom = "4px solid #6D2E1A";
| |
− | }else{
| |
− | document.getElementById("divHome").style.borderBottom = "4px solid #6D2E1A";
| |
− | }
| |
− | });
| |
− | </script>
| |
− | </body>
| |
− |
| |
− | <head>
| |
− |
| |
− | <style type="text/css">
| |
− | .bigName{
| |
− | background-color: #974040;
| |
− | background-image: url('https://static.igem.org/mediawiki/2016/f/f4/T--HSiTAIWAN--HTBanner.png');
| |
− | background-size: contain;
| |
− | background-position:center;
| |
− | background-repeat:no-repeat;
| |
− | }
| |
− | .bigName p{
| |
− | z-index: 3;
| |
− | //background:#C7C7C7;
| |
− | color: #C7C7C7;
| |
− | text-align: left;
| |
− | margin:68px 0px 0px 0px;
| |
− | padding:0px;
| |
− | padding-left:8%;
| |
− | line-height: 200px;
| |
− | font-size: 72px;
| |
− | font-family: Verdana, Geneva, sans-serif;
| |
− | font-weight: bolder;
| |
− | text-transform: uppercase;
| |
− | }
| |
− | .myContent{
| |
− | width: 1000px;
| |
− | margin: 0px auto;
| |
− | min-height: 300px;
| |
− | padding: 0px;
| |
− | font-family: "Palatino Linotype","Times New Roman",Georgia, Times, serif;
| |
− | }
| |
− | #contentList{
| |
− | margin-top:20px;
| |
− | float: left;
| |
− | width: 155px;
| |
− | font-family: Arial, Helvetica, sans-serif;
| |
− | font-size: 16px;
| |
− | }
| |
− | .listOne{
| |
− | list-style-type: none;
| |
− | }
| |
− | #listOne p{
| |
− | font-size: 16px;
| |
− | }
| |
− | .listOne p:hover{
| |
− | border-left: 3px solid #6D2E1A;
| |
− | padding-left:10px;
| |
− | }
| |
− | .listOneDrop{
| |
− | display:block;
| |
− | }
| |
− | .listTwo{
| |
− | list-style-type: none;
| |
− | margin-left: 10px;
| |
− | font-family:"Palatino Linotype", Arial, "Book Antiqua", Palatino, serif;
| |
− | font-size: 16px;
| |
− | }
| |
− | .listTwo:hover{
| |
− | border-left: 2px solid #6D2E1A;
| |
− | padding-left:5px;
| |
− | }
| |
− | #mainContent{
| |
− | float:right;
| |
− | width:80%;
| |
− | }
| |
− | #mainContent .titleOne{
| |
− | margin-top:15px;
| |
− | text-align: center;
| |
− | font-size: 30px;
| |
− | font-family: Verdana, Tahoma, Arial, Helvetica;
| |
− | font-weight: bolder;
| |
− | line-height: 55px;
| |
− | background:#C7C7C7;
| |
− | color: #FFF;
| |
− | }
| |
− | #mainContent .titleTwo{
| |
− | text-align: left;
| |
− | font-size: 25px;
| |
− | font-family: Helvetica,Arial,Tahoma,Verdana;
| |
− | font-weight: bold;
| |
− | line-height: 40px;
| |
− | color:#626231;
| |
− | }
| |
− |
| |
− | #mainContent .contentP{
| |
− | text-align: justify;
| |
− | text-indent: 3%;
| |
− | font-size: 18px;
| |
− | font-family: "Times New Roman",Georgia, Times, "Book Antiqua","MS Serif";
| |
− | text-decoration: none;
| |
− | }
| |
− | #mainContent .divider{
| |
− | margin-top:10px;
| |
− | width:100%;
| |
− | height:25px;
| |
− | background:#eee;
| |
− | }
| |
− | </style>
| |
− | </head>
| |
− |
| |
− |
| |
− | <body>
| |
− | <!-- ---------------- script --------------- -->
| |
− | <script type="text/javascript">
| |
− | //------------向下滾動超過一定距離時,左方列表固定在指定位置-----------//
| |
− | function fixContentList(scrollTop,contentList){
| |
− | if( scrollTop >= 200 ) {
| |
− | contentList.css("position","fixed");
| |
− | contentList.css("top","78px");
| |
− | } else {
| |
− | contentList.css("position","static");
| |
− | }
| |
− | }
| |
− |
| |
− | </script>
| |
− |
| |
− |
| |
− | </body>
| |
− |
| |
− |
| |
| <head> | | <head> |
| <style type="text/css"> | | <style type="text/css"> |
Line 590: |
Line 8: |
| height:200px; | | height:200px; |
| width:200px; | | width:200px; |
− | }
| |
− |
| |
− | .myTable{
| |
− | background:#CACA95;
| |
− | width:600px;
| |
− | text-align:left;
| |
− | font-size: 15px;
| |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica,"Times New Roman";
| |
− | }
| |
− | #tableParts{
| |
− | width:680px;
| |
− | }
| |
− | .myTable th{
| |
− | /* background:#FF8000; */
| |
− | background:#A6A653;
| |
− | padding:6px 10px;
| |
− | color:#FFF;
| |
− | font-weight:bold;
| |
− | }
| |
− | .myTable td{
| |
− | padding:3px 10px;
| |
− | }
| |
− | #mainContent h3{
| |
− | color:#BD5F00;
| |
− | font-family: Helvetica,Arial,Tahoma,Verdana;
| |
− | font-size:20px;
| |
− | line-height:35px;
| |
− | }
| |
− | #mainContent h4{
| |
− | color:#BD5F00;
| |
− | font-family: Helvetica,Arial,Tahoma,Verdana;
| |
− | font-size:17px;
| |
− | line-height:30px;
| |
− | }
| |
− |
| |
− | .reference{
| |
− | text-align: left;
| |
− | font-style:italic;
| |
− | font-weight:bold;
| |
− | font-size: 15px;
| |
− | color:#753A00;
| |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica;
| |
− | }
| |
− |
| |
− | .imgIntroduction{
| |
− | text-indent: 3%;
| |
− | font-size: 15px;
| |
− | text-align: justify;
| |
− | line-height: 25px;
| |
− | font-family: "Palatino Linotype", "MS Serif", Verdana;
| |
− | color:#069;
| |
− | }
| |
− |
| |
− | .chartName{
| |
− | text-align: center;
| |
− | font-size: 17px;
| |
− | color:#960;
| |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica;
| |
− | }
| |
− | .tdTick,.tdTickOnly{
| |
− | background: url(https://static.igem.org/mediawiki/2015/a/ad/China-Tongji-Achievement-tick.png) no-repeat center center;
| |
− | background-size:50px 30px;
| |
− | }
| |
− | .tdTick:hover{
| |
− | cursor:pointer;
| |
− | }
| |
− |
| |
− | .equipmentPic{
| |
− | width:680px;
| |
− | height:446px;
| |
− | background:#FFF;
| |
− | border:solid 3px #666;
| |
− | margin:5px auto;
| |
− | overflow:hidden;
| |
− | text-align:center;
| |
− | display:none;
| |
− | }
| |
− | .equipImg{
| |
− | height:400px;
| |
− | }
| |
− | .imgWords{
| |
− | text-align: left;
| |
− | font-size: 18px;
| |
− | font-family: "Palatino Linotype", "MS Serif", Verdana,Arial,Helvetica,Tahoma;
| |
− | font-weight: bold;
| |
− | line-height: 40px;
| |
− | color:#FFF;
| |
− | text-indent:5px;
| |
− | background-color:#666;
| |
− | }
| |
− | .partsPicDiv{
| |
− | display:none;
| |
− | }
| |
− |
| |
− | .resultImg{
| |
− | margin:10px;
| |
− | }
| |
− | #mainContent .resultImgName{
| |
− | font-size: 15px;
| |
− | text-align:center;
| |
− | margin:0px;
| |
− | line-height: 25px;
| |
− | font-family: "Palatino Linotype", "MS Serif", Verdana;
| |
− | color:#069;
| |
− | }
| |
− |
| |
− | .tableTwoTd{
| |
− | padding:2px;
| |
− | }
| |
− | .tableTwoTd td{
| |
− | padding:10px;
| |
− | width:380px;
| |
− | background-color:#F0F0F0;
| |
| } | | } |
| .linkWords{ | | .linkWords{ |
Line 729: |
Line 34: |
| <div id="contentList"> | | <div id="contentList"> |
| | | |
− | <li class="listOne"><p id="list1" onClick="window.scrollTo(0,document.getElementById('FirstTitle').offsetTop-50)">FirstTitle</p> | + | <li class="listOne"><p id="list1" onClick="window.scrollTo(0,document.getElementById('FirstTitle').offsetTop-50)">Product</p> |
| <ul class="listOneDrop" id="listDrop1"> | | <ul class="listOneDrop" id="listDrop1"> |
− | <li class="listTwo" id="listfirst1" onClick="window.scrollTo(0,document.getElementById('1-1').offsetTop-50)">1-1 Introduction</li> | + | <li class="listTwo" id="listfirst1" onClick="window.scrollTo(0,document.getElementById('Framework').offsetTop-50)">Framework</li> |
− | <li class="listTwo" id="listfirst2" onClick="window.scrollTo(0,document.getElementById('1-2').offsetTop-50)">1-2 Design of Biosensor Function</li> | + | <li class="listTwo" id="listfirst2" onClick="window.scrollTo(0,document.getElementById('Design').offsetTop-50)">Design of Biosensor Function</li> |
− | <li class="listTwo" id="listfirst3" onClick="window.scrollTo(0,document.getElementById('1-3').offsetTop-50)">1-3 Design of Biosafety </li> | + | <li class="listTwo" id="listfirst3" onClick="window.scrollTo(0,document.getElementById('Safety').offsetTop-50)">Design of Biosafety </li> |
− | <li class="listTwo" id="listfirst4" onClick="window.scrollTo(0,document.getElementById('1-4').offsetTop-50)">1-4 User Guide</li> | + | <li class="listTwo" id="listfirst4" onClick="window.scrollTo(0,document.getElementById('Results').offsetTop-50)">User Guide</li> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 746: |
Line 51: |
| | | |
| <div class="fivePx"></div> | | <div class="fivePx"></div> |
− | <p class="titleTwo" id="1-1">1-1 Introduction</p> | + | <p class="titleTwo" id="Framework">Framework</p> |
− | <p class="contentP">We designed an E.coli biosensor to detect the poison in the Chinese Medicine. When E.coli detects the poison, the device will show fluorescence to quickly warn the user of the existence of poison in Chinese medicine. Our product fulfills most of the requirements and the standards that the government set for detecting toxins/heavy metals in Chinese Medicine. We also innovate design for eco-friendly biosafety guarantee. </p> | + | <p class="contentP">We designed an E.coli biosensor to detect the poison in the Chinese Medicine. When E.coli detects the poison, the device will show fluorescence to quickly warn the user of the existence of poison in Chinese Medicine. Our product fulfills most of the requirements and the standards that the government set for detecting toxins/heavy metals in Chinese Medicine. We also innovated design for eco-friendly biosafety guarantee.</p> |
| + | |
| + | <video id="movie" preload controls loop width="640" height="360"> |
| + | <source src="/wiki/images/7/79/T--HSiTAIWAN--Product_Device.ogg" type="video/ogg" /> |
| + | <source src="https://static.igem.org/mediawiki/2016/a/a6/T--HSiTAIWAN--Product_Device.mov" type="video/mp4" /> |
| + | </video> |
| | | |
| <img src= | | <img src= |
− | 'https://static.igem.org/mediawiki/2016/a/a9/HSiTAIWAN_BACKGROUND_APPLICATION_BIO_KIT_PRODUCT.jpeg' style="width:550px;height:400 px;"> | + | 'https://static.igem.org/mediawiki/2016/4/47/Hsitaiwan_product_test_1.jpeg' style="width:550px;height:400 px;"> |
− | <p class="contentP">Figure 1. Our bio-kit product design</p> | + | <p class="contentP">Figure 1 Product of Shen-Nong Biosensor</p> |
| | | |
| + | <div class="fivePx"></div> |
| + | <p class="titleTwo" id="Design">Design of Biosensor Function</p> |
| + | <p class="contentP">Our device can detect four kinds of toxins, copper, lead, arsenic, and aflatoxin. The contents of these four toxins in Chinese Medicines are limited by FDA. |
| + | If there’s any of those toxins are detected in the Chinese Medicine, the E.coli will perform fluorescence, so the user can see the result only by watching the fluorescence.</p> |
| | | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/d/d1/Hsitaiwan_product_parts.png' style="width:550px;height:400 px;"> |
| + | <p class="contentP">Figure 2 Product of Shen-Nong Biosensor</p> |
| | | |
− | <div class="fivePx"></div>
| |
− | <p class="titleTwo" id="1-2">1-2 Design of Biosensor Function</p>
| |
− | <p class="contentP"> 1-2text</p>
| |
− |
| |
| | | |
| + | <p class="contentP">* Funnel: Where the user put the Chinese Medicine in. </p> |
| + | <p class="contentP">* Syringe: To let the Chinese Medicine flow into the E.coli plate. </p> |
| + | <p class="contentP">* Filter: To remove the impurities in the Chinese Medicine</p> |
| + | <p class="contentP">* Latch: To lock the E.coli plate in the device, so user can’t take them out again.</p> |
| + | <p class="contentP">* Hibiscus: To prevent the leakage of E.coli from the device. </p> |
| + | <p class="contentP">* Sodium Percarbonate: To clean all E.coli after testing.</p> |
| + | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/6/68/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_3_Product.jpeg' |
| + | style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP"> Figure 3 Four different plate of our biosensor </p> |
| | | |
| | | |
| <div class="fivePx"></div> | | <div class="fivePx"></div> |
− | <p class="titleTwo" id="1-3">1-3 Design of Biosafety </p>
| + | <p class="titleTwo" id="Safety">Design of Biosafety </p> |
− | <p class="contentP">For the safety concern, we innovated a three-step bio-safety guarantee. First, we designed a latch that can lock the E. coli inside the plate when they are loaded. Second, we designed a way, which is no harm to the environment, to prevent the leakage of E.coli from the device, inside of which the inner layer is covered by hibiscus. Hibiscus is a special plant which has great function of bacteria sterilization. We also conducted experiments to verify hibiscus's function of bacteria sterilization.(figure1) Third, after use of this device, the user presses a button to inflow sodium percarbonate to the bacteria plate. The interaction of soidum percarbonate with any organic compounds (E. coli in our case) produces hydrogen peroxide, which diffuse into the plate and kill all E.coli. These three steps secure the users safety of use. </p> | + | <p class="contentP">For the safety concern, we innovated a three-step bio-safety guarantee. First, we designed a latch that can lock the E. coli plate inside the device when they are loaded. Second, we designed a way, which is no harm to the environment, to prevent the leakage of E.coli from the device, inside of which the inner layer is covered by hibiscus. Hibiscus is a special plant which has great function of bacteria sterilization. We also conducted experiments to verify hibiscus's function of bacteria sterilization.(Figure 5)Third, after use of this device, the user twist a button to inflow sodium percarbonate to the bacteria plate. The interaction of soidum percarbonate with any organic compounds (E. coli in our case) produces hydrogen peroxide, which diffuse into the plate and kill all E.coli. These three steps secure the users safety of use.</p> |
| | | |
| | | |
| + | |
| + | <img src='https://static.igem.org/mediawiki/2016/0/0d/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_4-1_Biosafety.png' style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP">Figure 4 Three-step biosafety guarantee</p> |
| + | |
| + | <img src='https://static.igem.org/mediawiki/2016/e/eb/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_4_Product.jpeg' style="width:550px;height:400 px;"> |
| + | |
| + | |
| + | |
| + | |
| + | <p class="contentP">Figure 5 Hibiscus's function of bacteria sterilization</p> |
| + | |
| + | <p class="contentP">In this figure, we can see that hibiscus can inhibit the growth of E.coli effectively.</p> |
| | | |
| <div class="fivePx"></div> | | <div class="fivePx"></div> |
− | <p class="titleTwo" id="1-4">1-4 User Guide</p>
| + | <p class="titleTwo" id="Results">User Guide</p> |
− | <p class="contentP">1-4text</p> | + | <p class="contentP">Our device is sample and safe for anyone to use. Users only have to put the Chinese Medicine into the device and then wait two hours for the result. They can tell if there’s any poison in the Chinese Medicine easily by observing whether the E.coli produce fluorescence or not. Finally, users just have to twist the button to let the Sodium Percarbonate kill all the E.coli in the device without contacting any bacteria.</p> |
| | | |
− | <p></p>
| + | <img src= |
− | <div class="divider"></div> | + | 'https://static.igem.org/mediawiki/2016/e/e4/HSiTAIWAN_BACKGROUND_PRODUCT_Figure_2_User_Guide_of_Shen-Non_Biosensor.jpeg' style="width:550px;height:400 px;"> |
| + | <p class="contentP">Figure 6 User Guide of Biosensor</p> |
| | | |
| | | |
− | <div class="fivePx"></div><div class="fivePx"></div>
| + | <p class="contentP">In conclusion, our product can efficiently detect the toxins in Chinese medicine. This product is eco-friendly and has high quality of bio-safety.</p> |
| | | |
| | | |
| + | <div class="fivePx"></div> |
| + | <p class="titleTwo" id="Patent Application">Patent Application</p> |
| | | |
− | <br> | + | <p class="contentP">The fallowing pictures are working for patent application.</p> |
| + | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/e/eb/HSiTAIWAN_BACKGROUND_PRODUCT_Device_1.jpeg' style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP">Figure 7 Outside Box</p> |
| + | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/a/af/HSiTAIWAN_BACKGROUND_PRODUCT_Device_2.jpeg' style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP">Figure 8 Inner E.coli Plate</p> |
| + | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/4/4a/HSiTAIWAN_BACKGROUND_PRODUCT_Device_3.jpeg' style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP">Figure 9 Lid of The Inner E.coli Plate</p> |
| + | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/1/12/HSiTAIWAN_BACKGROUND_PRODUCT_Device_4.jpeg' style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP">Figure 10 Button of The Sodium Percarbonate Capsule</p> |
| + | |
| + | <img src= |
| + | 'https://static.igem.org/mediawiki/2016/c/c0/HSiTAIWAN_BACKGROUND_PRODUCT_Device_5.jpeg' style="width:550px;height:400 px;"> |
| + | |
| + | <p class="contentP">Figure 11 Bolt of The Inner E.coli Plate</p> |
| + | |
| + | <div class="fivePx"></div> |
| <div class="divider"></div> | | <div class="divider"></div> |
| </div> | | </div> |
Line 791: |
Line 159: |
| | | |
| //側邊欄定位 | | //側邊欄定位 |
− | $('#listfirst1').click(function(){$('html,body').animate({scrollTop: $('#1-1').offset().top-78}, 1000);}); | + | $('#list1').click(function(){$('html,body').animate({scrollTop: $('#FirstTitle').offset().top-78}, 1000);}); |
− | $('#listfirst2').click(function(){$('html,body').animate({scrollTop: $('#1-2').offset().top-78}, 1000);}); | + | $('#listfirst1').click(function(){$('html,body').animate({scrollTop: $('#Framework').offset().top-78}, 1000);}); |
− | $('#listfirst3').click(function(){$('html,body').animate({scrollTop: $('#1-3').offset().top-78}, 1000);}); | + | $('#listfirst2').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 1000);}); |
− | $('#listfirst4').click(function(){$('html,body').animate({scrollTop: $('#1-4').offset().top-78}, 1000);}); | + | $('#listfirst3').click(function(){$('html,body').animate({scrollTop: $('#Safety').offset().top-78}, 1000);}); |
| + | $('#listfirst4').click(function(){$('html,body').animate({scrollTop: $('#Results').offset().top-78}, 1000);}); |
| | | |
| | | |