|
|
(9 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | {{:Team:Tianjin/Templates/leftbar}} | + | {{:Team:Tianjin/Templates/leftbarforparts}} |
| | | |
| <html> | | <html> |
| <head> | | <head> |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:stylesub?action=raw&ctype=text/css" />
| + | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:demo?action=raw&ctype=text/css" />
| + | |
− | <link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan|Montserrat:300i,400,400i,500i,600i,700,700i|PT+Sans:400,400i,700" rel="stylesheet">
| + | |
− | <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,700|Muli' rel='stylesheet' type='text/css'>
| + | |
− | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:photoframe?action=raw&ctype=text/css | + | |
| " rel="stylesheet"> | | " rel="stylesheet"> |
| | | |
− | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:titledemo?action=raw&ctype=text/css | + | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:fonts?action=raw&ctype=text/css"> |
− | " rel="stylesheet"> | + | |
− | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:titlelinkstyle?action=raw&ctype=text/css
| + | |
− | " rel="stylesheet">
| + | |
| | | |
| <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:table?action=raw&ctype=text/css | | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:table?action=raw&ctype=text/css |
| " rel="stylesheet"> | | " rel="stylesheet"> |
| | | |
− | | + | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:tab?action=raw&ctype=text/css |
− | <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
| + | |
− | <link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css | + | |
| " rel="stylesheet"> | | " rel="stylesheet"> |
| + | |
| + | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:tabbootstrap?action=raw&ctype=text/javascript"></script> |
| + | |
| + | |
| | | |
| /* OVERRIDE IGEM SETTINGS */ | | /* OVERRIDE IGEM SETTINGS */ |
Line 28: |
Line 24: |
| #content {width: 100%; background: transparent; margin: 0; padding: 0; } | | #content {width: 100%; background: transparent; margin: 0; padding: 0; } |
| #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; } | | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; } |
− | #top_menu_under { | + | #top_menu_under |
| height: 0px; | | height: 0px; |
| border-bottom: 0 none; | | border-bottom: 0 none; |
Line 68: |
Line 64: |
| </style> | | </style> |
| | | |
− | <style> /* Firefox seems to have issues loading the clip path from inside the CSS */
| |
− | .link--urpi::before {
| |
− | -webkit-clip-path: url(#cp_up);
| |
− | clip-path: url(#cp_up);
| |
− | }
| |
− |
| |
− | .link--urpi::after {
| |
− | -webkit-clip-path: url(#cp_down);
| |
− | clip-path: url(#cp_down);
| |
− | }
| |
− | </style>
| |
− |
| |
− |
| |
− | <style type="text/css">
| |
− | *{padding:0;margin:0;list-style-type:none;}
| |
− | /* go */
| |
− | .go{width:95px;height:390px;background-color:#FFF;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E;*border:solid 1px #ddd; z-index:999;}
| |
− | .go a{background: url(https://static.igem.org/mediawiki/2017/7/70/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171004122500.png) no-repeat;display:block;text-indent:999em;width:95px;margin:5px;border:0;overflow:hidden;float:left}
| |
− | .go .top{background-position:-8px 7px;height:60px}
| |
− | .go .top:hover{background-position:-95px 7px;}
| |
− |
| |
− | .go .feedback{background-position:-8px -60px;height:49px}
| |
− | .go .feedback:hover{background-position:-95px -60px}
| |
− |
| |
− | .go .two{background-position:-8px -105px;height:49px}
| |
− | .go .two:hover{background-position:-95px -105px}
| |
− |
| |
− | .go .three{background-position:-8px -150px;height:49px}
| |
− | .go .three:hover{background-position:-95px -150px}
| |
− |
| |
− | .go .four{background-position:-8px -190px;height:49px}
| |
− | .go .four:hover{background-position:-95px -190px}
| |
− |
| |
− | .go .bottom{background-position:-8px -240px;height:60px}
| |
− | .go .bottom:hover{background-position:-95px -240px}
| |
− | </style>
| |
| <style> | | <style> |
| | | |
Line 111: |
Line 71: |
| z-index:9999; | | z-index:9999; |
| } | | } |
− | | + | #description img{ |
| + | text-align:center; |
| + | margin:3rem auto 3rem auto; |
| + | padding-top:1.2rem; |
| + | padding-bottom:1.2rem; |
| + | max-width:90%; |
| + | } |
| #description h1{ | | #description h1{ |
| clear: both; | | clear: both; |
− | margin-top: 1.325em; | + | margin-top: 1.1em; |
| margin-bottom: 1.1em; | | margin-bottom: 1.1em; |
| line-height: 1.3; | | line-height: 1.3; |
Line 120: |
Line 86: |
| font-size: 3.5 em; | | font-size: 3.5 em; |
| font-weight: 400; | | font-weight: 400; |
− | font-family: 'Baloo Bhaijaan', cursive; | + | font-family: 'righteous',Verdana,sans-serif; |
| text-align:center; | | text-align:center; |
| } | | } |
− | #description h1{
| |
− | text-align:justify;
| |
− | }
| |
− |
| |
| #description h3{ | | #description h3{ |
| + | text-align:center; |
| font-size:1.2 em; | | font-size:1.2 em; |
| font-weight:bold; | | font-weight:bold; |
| color:#0D0F3D; | | color:#0D0F3D; |
| margin-bottom:2em; | | margin-bottom:2em; |
− | text-align: justify;
| + | font-famliy:'righteous',san-serif; |
| } | | } |
| #description a{ | | #description a{ |
Line 149: |
Line 112: |
| background-color:transparent; | | background-color:transparent; |
| } | | } |
| + | |
| + | #p1 { |
| + | font-size: 1.5em; |
| + | line-height: 1em; |
| + | font-weight: 400; |
| + | font-family: 'relaway',Verdana,sans-serif; |
| + | margin: 2em auto; |
| + | padding-top:2em; |
| + | } |
| + | |
| + | |
| .content p { | | .content p { |
| padding: 10px 15px 4px 10px; | | padding: 10px 15px 4px 10px; |
Line 163: |
Line 137: |
| } | | } |
| | | |
− | #newstyle p { | + | #description p { |
| font-size: 1.225em; | | font-size: 1.225em; |
| margin-bottom: 1.500em; | | margin-bottom: 1.500em; |
− | line-height: 1.6em; | + | line-height: 1em; |
| font-weight: 400; | | font-weight: 400; |
| text-align:justify; | | text-align:justify; |
Line 180: |
Line 154: |
| margin-bottom:1.1em | | margin-bottom:1.1em |
| } | | } |
− | #cd-timeline p{
| + | </style> |
− | font-size: 1.2em;
| + | |
− | margin-bottom: 1.500em;
| + | <style type="text/css"> |
− | line-height: 1.6em;
| + | |
− | font-weight: 400;
| + | |
− | text-align:justify;
| + | |
− | font-family: 'Montserrat', sans-serif;
| + | |
| | | |
− | } | + | a:hover,a:focus{ |
| + | outline: none; |
| + | text-decoration: none; |
| + | } |
| + | .tab .nav-tabs{ |
| + | position: relative; |
| + | border-bottom: 0 none; |
| + | } |
| + | .tab .nav-tabs li{ |
| + | text-align: center; |
| + | } |
| + | .tab .nav-tabs li a{ |
| + | display: block; |
| + | height: 70px; |
| + | line-height: 65px; |
| + | background: #51698b ; |
| + | font-size: 2rem; |
| + | font-weight: 600; |
| + | color: #fff; |
| + | text-transform: uppercase; |
| + | margin-right: 0; |
| + | border-radius: 0; |
| + | border: none; |
| + | position: relative; |
| + | transition: all 0.5s ease 0s; |
| + | } |
| + | .tab .nav-tabs li.active a, |
| + | .tab .nav-tabs li a:hover{ |
| + | background:#afcada; |
| + | border: none; |
| + | color: #51698b; |
| + | } |
| | | |
− | #cd-timeline h2{
| + | .tab .nav-tabs li:last-child a:before{ |
− | font-size: 1.225em;
| + | border: none; |
− | margin-bottom: 1.500em;
| + | } |
− | line-height: 1.6em;
| + | .tab .tab-content{ |
− | font-weight: 600i;
| + | font-size: 14px; |
− | text-align:justify;
| + | color: #51698b; |
− | font-family: 'Montserrat', sans-serif;
| + | line-height: 26px; |
− |
| + | background: #afcada; |
− | } | + | padding: 20px; |
| + | } |
| + | .tab .tab-content h3{ |
| + | font-size: 24px; |
| + | color: #51698b; |
| + | margin-top: 0; |
| + | } |
| + | .tab .tab-content p{ |
| + | margin-bottom: 0; |
| + | } |
| + | @media only screen and (max-width: 480px){ |
| + | .tab .nav-tabs li{ |
| + | width: 100%; |
| + | margin-bottom: 8px; |
| + | } |
| + | .tab .nav-tabs li:last-child{ |
| + | margin-bottom: 0; |
| + | } |
| + | .tab .nav-tabs li a:before{ |
| + | border: none; |
| + | } |
| + | } |
| + | </style> |
| | | |
− | .span{ | + | <script type="text/javascript"> |
− | font-size: 1.2em;
| + | var cUrl=location.href; |
− | font-weight: 400;
| + | function writePage(url){ |
− | text-align:justify;
| + | var parttern=/\/(\d+)\.html$/; //定义匹配字符串 |
− | font-family: 'Montserrat', sans-serif;
| + | var urlArr; |
| + | if(urlArr=url.match(parttern)) //urlArr[1]为取得的数字 |
| + | { |
| + | pNum=parseInt(urlArr[1])+1; |
| + | pNext=url.replace(parttern,"/"+pNum+".html"); |
| + | nNum=parseInt(urlArr[1])-1; |
| + | pPerv=url.replace(parttern,"/"+nNum+".html"); |
| + | document.write("<a href=\""+pPerv+"\">上一页</a> <a href=\""+pNext+"\">下一页</a>"); |
| + | } |
| + | else |
| + | { |
| + | document.write("当前没有分页!"); |
| } | | } |
− | | + | } |
− | | + | writePage(cUrl); |
− | </style> | + | </script> |
| | | |
| </head> | | </head> |
Line 218: |
Line 252: |
| | | |
| <div class="page"> | | <div class="page"> |
− | <div id="gotop" name="gotop">
| |
| | | |
− | </div>
| |
− | <div class="container">
| |
− | <div class="grid">
| |
− | <div class="grid__item color-7">
| |
− | <a class="link link--mallki" href="#">Basic Part
| |
− | <span data-letters="Basic Part"></span>
| |
− | <span data-letters="Basic Part"></span>
| |
− | </a>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
| | | |
| | | |
Line 240: |
Line 260: |
| <div id="primary" class="content-area"> | | <div id="primary" class="content-area"> |
| <main id="main" class="about-main" role="main"> | | <main id="main" class="about-main" role="main"> |
| + | |
| <article id="description"> | | <article id="description"> |
− | | + | <h1>Notebook</h1> |
| <hr /> | | <hr /> |
| + | <div id="p1"> |
| + | <p><i class="fa fa-random fa-x"></i> Notebook 1:mating type switching</p> |
| + | <p><i class="fa fa-refresh fa-x"></i> Notebook 2:SCRaMbLE</p> |
| + | <p><i class="fa fa-bar-chart fa-x"></i> Notebook 3:Verification of Mating swicher</p> |
| + | <p><i class="fa fa-cogs fa-x"></i> Notebook 4:Heavy Metal</p> |
| + | </div> |
| | | |
− | </article> | + | <div class="container"> |
− | | + | <div class="row"> |
− | </main> | + | <div class="col-md-offset-3 col-md-6"> |
− | | + | <div class="tab" role="tabpanel"> |
− | </div><!-- #primary -->
| + | <!-- Nav tabs --> |
− | | + | <ul class="nav nav-tabs" role="tablist"> |
− | | + | <li role="presentation" class="active"> |
− | <div id="newstyle" class="demo-2"> | + | <a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">Basic Parts</a></li> |
− | <div class="container"> | + | <li role="presentation"> |
− | | + | <a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">Composite Parts</a></li> |
− |
| + | <li role="presentation"> |
− | <section class="main">
| + | <a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab">Device Parts</a></li> |
− | | + | |
− | | + | </ul> |
− | | + | <!-- Tab panes --> |
− |
| + | <div class="tab-content tabs"> |
− | <h2>Helping TUST prepare for their first year of competition.</h2>
| + | <div role="tabpanel" class="tab-pane fade in active" id="Section1"> |
− | <p>To begin with, we gave them construct suggestions, communicated with their team adviser. In 24/3/2017, we were invited to TUST to carried out recruiting propaganda for them, and provided our construction guide.</p>
| + | <h3>Basic Parts</h3> |
− | | + | <div style="height:60em; margin:0 auto 0 auto;"> |
− | | + | |
− | <div id="parttable"> | + | |
− | | + | |
| <table class="zebra"> | | <table class="zebra"> |
| | | |
| <thead> | | <thead> |
| <tr> | | <tr> |
− | <th>Biobrick</th> | + | <th>Part number/name</th> |
− | <th>Type</th> | + | <th>Classification</th> |
| + | <th>length</th> |
| <th>Description</th> | | <th>Description</th> |
− | <th>Bp</th>
| + | <th>Blongings</th> |
| </tr> | | </tr> |
| </thead> | | </thead> |
| <tbody> | | <tbody> |
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407000">BBa_K2407000</a></td> |
| + | <td>basic part</td> |
| + | <td>235bp</td> |
| + | <td>a Cu-induced promoter in Yeast</td> |
| + | <td>Biosenser</td> |
| + | </tr> |
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407001">BBa_K2407001</a></td> |
| + | <td>basic part</td> |
| + | <td>442bp</td> |
| + | <td>a β-galactosidase-induced promoter switching on the expression of genes in the presence of galactose</td> |
| + | <td>SCRaMbLE</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407002">BBa_K2407002</a></td> |
| + | <td>basic part</td> |
| + | <td>417bp</td> |
| + | <td>a mitosis-specific promoter</td> |
| + | <td>SCRaMbLE</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407003">BBa_K2407003</a></td> |
| + | <td>basic part</td> |
| + | <td>248bp</td> |
| + | <td>a terminator used in yeast</td> |
| + | <td>SCRaMbLE</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407004">BBa_K2407004</a></td> |
| + | <td>basic part</td> |
| + | <td>4614bp</td> |
| + | <td>trigger the yeast flocculation</td> |
| + | <td>SCRaMbLE</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407005">BBa_K2407005</a></td> |
| + | <td>basic part</td> |
| + | <td>989bp</td> |
| + | <td>specific identification and react with loxP loci</td> |
| + | <td>SCRaMbLE</td> |
| + | </tr> |
| <tr> | | <tr> |
− | <td>AAAAAA</td> | + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407012">BBa_K2407012</a></td> |
− | <td>X</td> | + | <td>basic part</td> |
− | <td>BBBBB</td> | + | <td>711bp</td> |
− | <td>100</td> | + | <td>a modified yEmRFP for use in Yeast from mCherry mRFP</td> |
| + | <td>Biosenser & Characterization</td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td>AAAAAA</td> | + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407013">BBa_K2407013</a></td> |
− | <td>X</td> | + | <td>basic part</td> |
− | <td>BBB</td> | + | <td>235bp</td> |
− | <td>100</td> | + | <td>a modified CUP1 promoter obtained by Error-Prone PCR EP3</td> |
| + | <td>Biosenser</td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td>AAAAAA</td> | + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407014">BBa_K2407014</a></td> |
− | <td>X</td> | + | <td>basic part</td> |
− | <td>BBBBB</td> | + | <td>234bp</td> |
− | <td>100</td> | + | <td>a modified CUP1 promoter obtained by Error-Prone PCR EP5</td> |
| + | <td>Biosenser</td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td>AAAAAA</td> | + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407015">BBa_K2407015</a></td> |
− | <td>X</td> | + | <td>basic part</td> |
− | <td>BBBBBBBBBBBBBBBBBBBB</td> | + | <td>235bp</td> |
− | <td>100</td> | + | <td>a modified CUP1 promoter obtained by Error-Prone PCR EP9</td> |
| + | <td>Biosenser</td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td>AAAAAA</td> | + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407016">BBa_K2407016</a></td> |
− | <td>X</td> | + | <td>basic part</td> |
− | <td>BBBB</td> | + | <td>235bp</td> |
− | <td>100</td> | + | <td>a modified CUP1 promoter obtained by Error-Prone PCR EP28</td> |
| + | <td>Biosenser</td> |
| </tr> | | </tr> |
| <tr> | | <tr> |
− | <td>AAAAAA</td> | + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407104">BBa_K2407104</a></td> |
− | <td>X</td> | + | <td>basic part</td> |
− | <td>BBB</td> | + | <td>703bp</td> |
− | <td>100</td> | + | <td>a Modified-Gal inducable promoter working with the TF Z4EV</td> |
| + | <td>MTS</td> |
| </tr> | | </tr> |
− | </tbody>
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407105">BBa_K2407105</a></td> |
| + | <td>basic part</td> |
| + | <td>1499bp</td> |
| + | <td>a transcription factor working with Modified-Gal promoter</td> |
| + | <td>MTS</td> |
| + | </tr> |
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407106">BBa_K2407106</a></td> |
| + | <td>basic part</td> |
| + | <td>1072bp</td> |
| + | <td>a constitutive promoter</td> |
| + | <td>MTS</td> |
| + | </tr> |
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407107">BBa_K2407107</a></td> |
| + | <td>basic part</td> |
| + | <td>1295bp</td> |
| + | <td>a constitutive promoter</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407108">BBa_K2407108</a></td> |
| + | <td>basic part</td> |
| + | <td>236bp</td> |
| + | <td>a terminator used in yeast</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407109">BBa_K2407109</a></td> |
| + | <td>basic part</td> |
| + | <td>248bp</td> |
| + | <td>a terminator used in yeast</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407111">BBa_K2407111</a></td> |
| + | <td>basic part</td> |
| + | <td>186bp</td> |
| + | <td>express a metallothionein to enrich copper ions in yeast</td> |
| + | <td>Enrichment for Heavy Metals</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407112">BBa_K2407112</a></td> |
| + | <td>basic part</td> |
| + | <td>319bp</td> |
| + | <td>express a metallothionein to enrich cadmium ions in yeast</td> |
| + | <td>Enrichment for Heavy Metals</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407300">BBa_K2407300</a></td> |
| + | <td>basic part</td> |
| + | <td>408bp</td> |
| + | <td>A strong promotor in Yeast</td> |
| + | <td>Characterization</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407301">BBa_K2407301</a></td> |
| + | <td>basic part</td> |
| + | <td>804bp</td> |
| + | <td>Ura3</td> |
| + | <td>Characterization</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407302">BBa_K2407302</a></td> |
| + | <td>basic part</td> |
| + | <td>78bp</td> |
| + | <td>Ura3 terminator</td> |
| + | <td>Characterization</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407304">BBa_K2407304</a></td> |
| + | <td>basic part</td> |
| + | <td>328bp</td> |
| + | <td>ADH1 yeast terminator</td> |
| + | <td>Characterization</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407305">BBa_K2407305</a></td> |
| + | <td>basic part</td> |
| + | <td>673bp</td> |
| + | <td>TDH3 yeast Promoter</td> |
| + | <td>Characterization</td> |
| + | </tr> |
| + | </tbody> |
| </table> | | </table> |
− | </div>
| |
| | | |
− |
| |
− |
| |
− |
| |
− | <div id="middle" name="middle">
| |
− | <h3>2017.08.01</h3>
| |
− | <p>In 2017.08.01, TUST and Tianjin held a meeting together, during the meeting, TUST gave an account of their recent progress, we suggested them to add some new synthetic routes and elements, and probably new strain instead of simply Xylinus for fibrin.</p>
| |
| </div> | | </div> |
| + | </div> |
| + | <div role="tabpanel" class="tab-pane fade" id="Section2"> |
| + | <h3></h3> |
| + | <table class="zebra"> |
| | | |
| + | <thead> |
| + | <tr> |
| + | <th>Part number/name</th> |
| + | <th>Classification</th> |
| + | <th>length</th> |
| + | <th>Description</th> |
| + | <th>Blongings</th> |
| + | </tr> |
| + | </thead> |
| + | <tbody> |
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407100">BBa_K2407100</a></td> |
| + | <td>composite part</td> |
| + | <td>2453bp</td> |
| + | <td>a composite part to control the expression of HO gene</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407101">BBa_K2407101</a></td> |
| + | <td>composite part</td> |
| + | <td>2571bp</td> |
| + | <td>express the transcription factor Z4EV</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407102">BBa_K2407102</a></td> |
| + | <td>composite part</td> |
| + | <td>2020bp</td> |
| + | <td>control the expression of vika gene</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407103">BBa_K2407103</a></td> |
| + | <td>composite part</td> |
| + | <td>2570bp</td> |
| + | <td>produce L-Isoleucine to live on</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407110">BBa_K2407110</a></td> |
| + | <td>composite part</td> |
| + | <td>1086bp</td> |
| + | <td>express the vika recombinase as a part in a novel site-specific recombination system</td> |
| + | <td>MTS</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407303">BBa_K2407303</a></td> |
| + | <td>composite part</td> |
| + | <td>6649bp</td> |
| + | <td>a composite part of three key genes to produce β-carotene</td> |
| + | <td>Characterization</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407306">BBa_K2407306</a></td> |
| + | <td>composite part</td> |
| + | <td>8045bp</td> |
| + | <td>a composite part react with Vika recombinase</td> |
| + | <td>Characterization</td> |
| + | </tr><tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407307">BBa_K2407307</a></td> |
| + | <td>composite part</td> |
| + | <td>8310bp</td> |
| + | <td>a composite part react with Vika recombinase</td> |
| + | <td>Characterization</td> |
| + | </tr> |
| + | </tbody> |
| + | </table> |
| | | |
− | <div id="two" name="two"> | + | </div> |
− | <h3>Later on</h3>
| + | <div role="tabpanel" class="tab-pane fade" id="Section3"> |
− | <p>Later on, TUST came again with their modeling problem, we gave them suggestion that we can share the Fluorescence method and modeling method with them, design Fluorescence experience and modeling together since it’s their first year competition.</p>
| + | <h3>Verification of Mating swicher</h3> |
− | </div>
| + | <table class="zebra"> |
| | | |
− | <div class="carousel photo-frame" > | + | <thead> |
− | <ul class="list">
| + | <tr> |
− | <li><img src="https://static.igem.org/mediawiki/2017/5/54/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003130153.jpg"></li>
| + | <th>Part number/name</th> |
− | <li><img src="https://static.igem.org/mediawiki/2017/6/64/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003130215.jpg"/></li> | + | <th>Classification</th> |
− | <li><img src="https://static.igem.org/mediawiki/2017/c/ca/20171003132121.jpg"/></li>
| + | <th>length</th> |
− | <li><img src="https://static.igem.org/mediawiki/2017/5/53/20171003132127.jpg"/></li>
| + | <th>Description</th> |
− | </ul>
| + | <th>Blongings</th> |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:index2?action=raw&ctype=text/javascript"></script> | + | </tr> |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryminjs?action=raw&ctype=text/javascript"></script> | + | </thead> |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:photo?action=raw&ctype=text/javascript"></script> | + | <tbody> |
− | </div> | + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407010">BBa_K2407010</a></td> |
| + | <td>device part</td> |
| + | <td>5304bp</td> |
| + | <td>a device to control the flocculation of yeast</td> |
| + | <td>MTS</td> |
| + | </tr> |
| + | <tr> |
| + | <td><a target="_blank" href="http://parts.igem.org/Part:BBa_K2407011">BBa_K2407011</a></td> |
| + | <td>device part</td> |
| + | <td>3407bp</td> |
| + | <td>a device to switch Cre-loxP recombination system on and off</td> |
| + | <td>MTS</td> |
| + | </tr> |
| + | </tbody> |
| + | </table> |
| | | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
− | <h2>Helping NKU with their plasmid construction</h2>
| |
− | <p>1. NKU asked us to help them construct a plasmid. Using pEX18Gm as the supporter, we ought to added Lyase gene sequence(which they had already provided) and xyR-xyA sequence from pAX01 as well.</p>
| |
− | <div id="three" name="three">
| |
− | <h3>After construction</h3>
| |
− | <p>After construction, they sent us plasmid pAX01 and the plasmid which contains Lyase gene sequence, we helped them with ligasion and transformation.</p>
| |
− | </div>
| |
| | | |
− | <div class="carousel photo-frame" >
| |
− | <ul class="list">
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/9/92/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211559.jpg"></li>
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/b/b7/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211622.jpg"/></li>
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/9/92/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211559.jpg"></li>
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/b/b7/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171002211622.jpg"/></li>
| |
− | </ul>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:index2?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryminjs?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:photo?action=raw&ctype=text/javascript"></script>
| |
− | </div>
| |
| | | |
| | | |
Line 368: |
Line 574: |
| | | |
| | | |
| + | <div class='content-column one_half'> |
| | | |
| + | <div style="padding-top:10em;padding-right:1em;"> |
| + | </article> |
| | | |
− |
| |
− | <p><a class="ref" href=""></a></p>
| |
− |
| |
− | <h2>Test the mini system for OUC</h2>
| |
− | <p>Mini system is a system composed of a mini promoter (about 100bp) and a mini terminator, and it is applicable for yeast. Because of the similarity of our biological chassis, they reached out to us and wanted us to run some control experiments for them. Using the same protocol and their mini system, we need to transform the system into our Saccharomyces cerevisiae in order to test if the plasmid will still function the same. </p>
| |
− |
| |
− | <h3>Protocol</h3>
| |
− | <p>2. Protocol: initial OD600 = 0.01
| |
− | Test OD600 and threshold fluorescence every other 5-6 hours
| |
− | Exciting light λ=502/Emissive light λ=532
| |
− | </p>
| |
− | <div class="carousel photo-frame" >
| |
− | <ul class="list">
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/b/b4/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144056.jpg"></li>
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/3/35/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144102.jpg"/></li>
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/b/b4/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144056.jpg"></li>
| |
− | <li><img src="https://static.igem.org/mediawiki/2017/3/35/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20171003144102.jpg"/></li>
| |
− | </ul>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:index2?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:jqueryminjs?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:photo?action=raw&ctype=text/javascript"></script>
| |
| </div> | | </div> |
| | | |
− |
| + | |
− | <h2>Sent a Collaboration Request and construct an alliance to build a worldwide database.</h2>
| + | |
− | <p>We came up with the idea that we could gather all the iGEM team whose project is about water pollution treatment together and build an alliance to unite all our social impact, knowledge and geographical advantages.</p>
| + | |
− | | + | </main><!-- #main --> |
− | <h3>2017.08.12</h3> | + | </div><!-- #primary --> |
− | <p>2. In 12th of August, we had a voice conferencing with SJTU/SCUT/XMU/UCAS/JLU/FAFU, we discussed about how we want to use this alliance and came up with 2 conclusion:
| + | |
− | 1. Build a worldwide database containing contents of heavy metals in soil
| + | |
− | 2. Mutual improve our social impact
| + | |
− | </p>
| + | |
− | | + | |
− |
| + | |
− | <h3>2017.08.23</h3>
| + | |
− | <p>In 23th of August, we sent a Collaboration Request to iGEM official website, the next day Ana Sifuentes replied our message and posted our request in the iGEM official website, and we received the response of many teams like team EXETER and team CSMU NCHU TAIWAN, with their information, we construct a database which contains the worldwide data of contents of Cu2+/Cd2+ in soil or water. And we build it based on map of the world.</p>
| + | |
− | | + | |
− | <div id="four" name="four">
| + | |
− | | + | |
− | </div>
| + | |
− | <h2>Helping CQU construct their team and sign up for their first year</h2>
| + | |
− | <p>First, I believe that this nation should commit itself to achieving the goal, before this decade is out, of landing a man on the moon and returning him safely to the earth. No single space project in this period will be more impressive to mankind, or more important for the long-range exploration of space; and none will be so difficult or expensive to accomplish. </p>
| + | |
− | | + | |
− | <h3>This one goes deeper</h3>
| + | |
− | <p>A good rule for rocket experimenters to follow is this: always assume that it will explode. The vehicle explodes, literally explodes, off the pad. The simulator shakes you a little bit, but the actual liftoff shakes your entire body and soul.</p>
| + | |
− | | + | |
− | <h4>Even deeper</h4>
| + | |
− | <p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children.</p>
| + | |
− | | + | |
− | <h3>And a level-3 title again</h3>
| + | |
− | <p>It has been said that astronomy is a humbling and character-building experience. There is perhaps no better demonstration of the folly of human conceits than this distant image of our tiny world. To me, it underscores our responsibility to deal more kindly with one another, and to preserve and cherish the pale blue dot, the only home we've ever known.</p>
| + | |
− | | + | |
− | | + | |
− | <h2>Filmed a biosafety video together with other 12 teams</h2>
| + | |
− | <p>12 teams gather together to film a biosafety video, every team took different topics, but all based on Yale biosafety manual.</p>
| + | |
− | | + | |
− | <h3>This one goes deeper</h3>
| + | |
− | <p>A good rule for rocket experimenters to follow is this: always assume that it will explode. The vehicle explodes, literally explodes, off the pad. The simulator shakes you a little bit, but the actual liftoff shakes your entire body and soul.</p>
| + | |
− | | + | |
− | <h4>Even deeper</h4>
| + | |
− | <p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children.</p>
| + | |
− | <div id="gobottom" name="gobottom">
| + | |
− | <h3>And a level-3 title again</h3>
| + | |
− | <p>It has been said that astronomy is a humbling and character-building experience. There is perhaps no better demonstration of the folly of human conceits than this distant image of our tiny world. To me, it underscores our responsibility to deal more kindly with one another, and to preserve and cherish the pale blue dot, the only home we've ever known.</p>
| + | |
− | </div>
| + | |
− | <p><a class="ref" href=""></a></p>
| + | |
− | </section> | + | |
− | </div> | + | |
− | <div class="go"> | + | |
− | <a title="top" class="top" href="#gotop"></a>
| + | |
− | <a title="middle" class="feedback" href="#middle"></a>
| + | |
− | <a title="22" class="two" href="#two"></a>
| + | |
− | <a title="33" class="three" href="#three"></a>
| + | |
− | <a title="44" class="four" href="#four"></a>
| + | |
− | <a title="bottom" class="bottom" href="#gobottom"></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | <script>
| + | |
− | window.requestAnimFrame = (function(callback) {
| + | |
− | return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
| + | |
− | function(callback) {
| + | |
− | window.setTimeout(callback, 1000 / 60);
| + | |
− | };
| + | |
− | })();
| + | |
− | | + | |
− | var requestId, jolttime;
| + | |
− | | + | |
− | var c = document.getElementById('canv');
| + | |
− | var $ = c.getContext('2d');
| + | |
− | | + | |
− | var s = 18; //grid square size
| + | |
− | var mv = 10; //moving areas
| + | |
− | var sp = 1; //move speed
| + | |
− | var clm = 23; //columns
| + | |
− | var rw = 10; //rows
| + | |
− | var x = []; //x array
| + | |
− | var y = []; //y array
| + | |
− | var X = []; //starting X array
| + | |
− | var Y = []; //starting Y array
| + | |
− | | + | |
− | c.width = c.offsetWidth;
| + | |
− | c.height = c.offsetHeight;
| + | |
− | | + | |
− | for (var i = 0; i < clm * rw; i++) {
| + | |
− | x[i] = ((i % clm) - 0.5) * s;
| + | |
− | y[i] = (Math.floor(i / clm) - 0.5) * s;
| + | |
− | X[i] = x[i];
| + | |
− | Y[i] = y[i];
| + | |
− | }
| + | |
− | var t = 0;
| + | |
− | | + | |
− | function jolt() {
| + | |
− | $.fillRect(0, 0, c.width, c.height);
| + | |
− | | + | |
− | for (var i = 0; i < clm * rw; i++) {
| + | |
− | if (i % clm != clm - 1 && i < clm * (rw - 1) - 1) {
| + | |
− | $.fillStyle = "hsla(0,0,0,1)";
| + | |
− | $.strokeStyle = "#95D384";
| + | |
− | $.lineWidth = 1;
| + | |
− | $.beginPath();
| + | |
− | $.moveTo(x[i], y[i]);
| + | |
− | $.lineTo(x[i + 1], y[i + 1]);
| + | |
− | $.lineTo(x[i + clm + 1], y[i + clm + 1]);
| + | |
− | $.lineTo(x[i + clm], y[i + clm]);
| + | |
− | $.closePath();
| + | |
− | $.stroke();
| + | |
− | $.fill();
| + | |
− | }
| + | |
− | }
| + | |
− | for (var i = 0; i < rw * clm; i++) {
| + | |
− | if ((x[i] < X[i] + mv) && (x[i] > X[i] - mv) && (y[i] < Y[i] + mv) && (y[i] > Y[i] - mv)) {
| + | |
− | x[i] = x[i] + Math.floor(Math.random() * (sp * 2 + 1)) - sp;
| + | |
− | y[i] = y[i] + Math.floor(Math.random() * (sp * 2 + 1)) - sp;
| + | |
− | } else if (x[i] >= X[i] + mv) {
| + | |
− | x[i] = x[i] - sp;
| + | |
− | } else if (x[i] <= X[i] - mv) {
| + | |
− | x[i] = x[i] + sp;
| + | |
− | } else if (y[i] >= Y[i] + mv) {
| + | |
− | y[i] = y[i] - sp;
| + | |
− | } else if (y[i] <= Y[i] + mv) {
| + | |
− | y[i] = y[i] + sp;
| + | |
− | }
| + | |
− | }
| + | |
− | //controls time of electric shake> when counter equals 0, it will reset for 5s then start again.
| + | |
− | if (t % c.width == 0) {
| + | |
− | jolttime = setTimeout('jolt()', 5);
| + | |
− | t++;
| + | |
− | } else {
| + | |
− | jolttime = setTimeout('jolt()', 5);
| + | |
− | t++;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | function start() {
| + | |
− | if (!requestId) {
| + | |
− | requestId = window.requestAnimFrame(jolt);
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | function stop() {
| + | |
− | if (requestId) {
| + | |
− | clearTimeout(jolttime);
| + | |
− | window.cancelAnimationFrame(requestId);
| + | |
− | requestId = undefined;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | document.querySelector('a.link--asiri').addEventListener('mouseenter', start);
| + | |
− | document.querySelector('a.link--asiri').addEventListener('mouseleave', stop);
| + | |
− | </script>
| + | |
− | <script>
| + | |
− | // For Demo purposes only (show hover effect on mobile devices)
| + | |
− | [].slice.call( document.querySelectorAll('.grid a') ).forEach( function(el) {
| + | |
− | el.onclick = function() { return false; }
| + | |
− | } );
| + | |
− | </script>
| + | |
| | | |
| | | |