Line 12: | Line 12: | ||
<link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-background-foot&action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | <link href="https://2018.igem.org/wiki/index.php?title=Template:NEFU_China/CSS-background-foot&action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<style> | <style> | ||
+ | #table1,#table2,#table3,#table4,#table5,#table6,#table7 {background-color: transparent!important;} | ||
+ | #table1,#table2,#table3,#table4,#table5,#table6,#table7 {background-color: transparent!important;} | ||
+ | |||
+ | #table1 tr { | ||
+ | background-color: transparent!important; | ||
+ | } | ||
+ | |||
+ | #table1 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #table2 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #table3 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #table4 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #table5 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #table6 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | #table7 td { | ||
+ | vertical-align: top; | ||
+ | } | ||
#top_title, #sideMenu{ | #top_title, #sideMenu{ | ||
display: none; | display: none; | ||
Line 23: | Line 51: | ||
margin-left: 0px; | margin-left: 0px; | ||
} | } | ||
+ | #menu li ul li:hover ul{ | ||
+ | background:rgba(0,0,0,0.75)!important; | ||
+ | } | ||
+ | li#mainlevel_01 a { | ||
+ | color: #FFE5B5!important; | ||
+ | |||
+ | } | ||
+ | li#mainlevel_01 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | li#mainlevel_02 a { | ||
+ | color: #FFE5B5!important; | ||
+ | } | ||
+ | li#mainlevel_02 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | li#mainlevel_03 a { | ||
+ | color: #FFE5B5!important; | ||
+ | } | ||
+ | li#mainlevel_03 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | li#mainlevel_05 a { | ||
+ | color: #FFE5B5!important; | ||
+ | } | ||
+ | li#mainlevel_05 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | li#mainlevel_06 a { | ||
+ | color: #FFE5B5!important; | ||
+ | } | ||
+ | li#mainlevel_06 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | li#mainlevel_07 a { | ||
+ | color: #FFE5B5!important; | ||
+ | } | ||
+ | li#mainlevel_07 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | li#mainlevel_08 a { | ||
+ | color: #FFE5B5!important; | ||
+ | } | ||
+ | li#mainlevel_08 a:hover { | ||
+ | font-size:30px!important; | ||
+ | text-shadow:0px 0px 8px #FFE5B5, | ||
+ | 0px 0px 42px #FFE5B5, | ||
+ | 0px 0px 72px #FFE5B5, | ||
+ | 0px 0px 150px #FFE5B5; | ||
+ | } | ||
+ | #menu li ul li ul li a:hover { | ||
+ | color: rgba(0,223,252,1); | ||
+ | border-top: dotted 1px rgba(255,255,255,0.91); | ||
+ | border-bottom: dotted 1px rgba(255,255,255,0.91); | ||
+ | background: rgba(0,223,252,.02); | ||
+ | } | ||
+ | #nav .mainlevel a { | ||
+ | color: black; | ||
+ | text-decoration:none; | ||
+ | line-height:32px; | ||
+ | display:block; | ||
+ | padding:0 5px; | ||
+ | font-size: 25px!important; | ||
+ | font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important; | ||
+ | } | ||
+ | .layer-bottom { | ||
+ | z-index: -2; | ||
+ | position: absolute; | ||
+ | margin-top: 36px!important; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 29: | Line 152: | ||
<body> | <body> | ||
<!--menu--> | <!--menu--> | ||
− | <div id="menu"> | + | |
− | <li id="nav">           | + | <div id="menu" style="background-color:rgba(0,0,0,0.6)!important"> |
− | + | <li id="nav" style="left: 8%!important; width: 100%!important;">           | |
+ | <!--<a class="menu1" href="#" style="text-align: right;">☰</a>--> | ||
<ul class="firstmenu" style="float: left"> | <ul class="firstmenu" style="float: left"> | ||
Line 47: | Line 171: | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | ||
− | <a href="https://2018.igem.org/Team:NEFU_China/ | + | |
+ | <li class="mainlevel" id="mainlevel_03"> | ||
+ | <a href="https://2018.igem.org/Team:NEFU_China/Experiment"><img id="parts" src="https://static.igem.org/mediawiki/2018/6/62/T--NEFU_China--_RESULTS.png">EXPERIMENT</a> | ||
<ul id="sub_03"> | <ul id="sub_03"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<li><a href="https://2018.igem.org/Team:NEFU_China/Lock_Key" target="_self">LOCK & KEY</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Lock_Key" target="_self">LOCK & KEY</a></li> | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Suicide" target="_self">SUICIDE</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Suicide" target="_self">SUICIDE</a></li> | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Splicing" target="_self">SPLICING</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Splicing" target="_self">SPLICING</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Demonstrate" target="_self">DEMONSTRATE</a></li> | ||
+ | <hr> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Basic_Part" target="_self">BASIC PARTS</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Composite_Part" target="_self">COMPOSITE PARTS</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Improve" target="_self">IMPROVEMENT PARTS</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Part_Collection" target="_self">PARTS COLLECTION</a></li> | ||
+ | <hr> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Notebook" target="_self">NOTEBOOK</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Protocol" target="_self">PROTOCOL</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
<li class="mainlevel" id="mainlevel_05"> | <li class="mainlevel" id="mainlevel_05"> | ||
<a href="https://2018.igem.org/Team:NEFU_China/Model"><img id="model" src="https://static.igem.org/mediawiki/2018/0/0c/T--NEFU_China--_MODEL.png">MODEL</a> | <a href="https://2018.igem.org/Team:NEFU_China/Model"><img id="model" src="https://static.igem.org/mediawiki/2018/0/0c/T--NEFU_China--_MODEL.png">MODEL</a> | ||
Line 76: | Line 203: | ||
<ul id="sub_06"> | <ul id="sub_06"> | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Software" target="_self">OVERVIEW</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Software" target="_self">OVERVIEW</a></li> | ||
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Software1" target="_self"> | + | <li><a href="https://2018.igem.org/Team:NEFU_China/Software1" target="_self">CODING</a></li> |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Software2" target="_self"> | + | <li><a href="https://2018.igem.org/Team:NEFU_China/Software2" target="_self">MISLEADING</a></li> |
+ | <li><a href="https://2018.igem.org/Team:NEFU_China/Software3" target="_self">WORDSEGMENT</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 85: | Line 213: | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Attributions" target="_self">ATTRIBUTIONS</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Attributions" target="_self">ATTRIBUTIONS</a></li> | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Members" target="_self">MEMBERS</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Members" target="_self">MEMBERS</a></li> | ||
+ | |||
<li><a href="https://2018.igem.org/Team:NEFU_China/Sponsoring" target="_self">SPONSORING</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Sponsoring" target="_self">SPONSORING</a></li> | ||
</ul> | </ul> | ||
Line 95: | Line 224: | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Collaborations" target="_self">COLLABORTION</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Collaborations" target="_self">COLLABORTION</a></li> | ||
<li><a href="https://2018.igem.org/Team:NEFU_China/Public_Engagement" target="_self">EDUCATION & PUBLIC ENGAGEMENT</a></li> | <li><a href="https://2018.igem.org/Team:NEFU_China/Public_Engagement" target="_self">EDUCATION & PUBLIC ENGAGEMENT</a></li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 109: | Line 231: | ||
</div> | </div> | ||
<div id="banner"> | <div id="banner"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--NEFU_China--result15.png" alt="banner" id="banner-img"> |
</div> | </div> | ||
+ | <div class="layer-bottom"> | ||
+ | |||
+ | <canvas id="canvas" style="background:#000000"></canvas> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | window.onload = function(){ | ||
+ | var canvas = document.getElementById("canvas"); | ||
+ | var context =canvas.getContext("2d"); | ||
+ | var W = window.innerWidth; | ||
+ | var H = 9300; | ||
+ | //var H = window.innerHeight*1.5; | ||
+ | canvas.width = W; | ||
+ | canvas.height = H; | ||
+ | var fontSize = 20; | ||
+ | var colunms = Math.floor(W /fontSize); | ||
+ | var drops = []; | ||
+ | for(var i=0;i<colunms;i++){ | ||
+ | drops.push(0); | ||
+ | } | ||
+ | |||
+ | |||
+ | var str1 = "ATCG"; | ||
+ | var str2 = "01"; | ||
+ | function draw(){ | ||
+ | context.fillStyle = "rgba(0,0,0,0.2)"; | ||
+ | context.fillRect(0,0,W,H); | ||
+ | context.font = "700 "+fontSize+"px 微软雅黑"; | ||
+ | context.fillStyle = "#003544"; | ||
+ | for(var i=0;i<colunms/2;i++){ | ||
+ | var index = Math.floor(Math.random() * str1.length); | ||
+ | var x = i*fontSize; | ||
+ | var y = drops[i] *fontSize; | ||
+ | context.fillText(str1[index],x,y); | ||
+ | if(y >= canvas.height){ | ||
+ | drops[i] = 0; | ||
+ | } | ||
+ | if(Math.random() > 0.99){ | ||
+ | drops[i] = 0; | ||
+ | } | ||
+ | drops[i]++; | ||
+ | } | ||
+ | for(var i=colunms/2;i<colunms;i++){ | ||
+ | var index = Math.floor(Math.random() * str2.length); | ||
+ | var x = i*fontSize; | ||
+ | var y = drops[i] *fontSize; | ||
+ | context.fillText(str2[index],x,y); | ||
+ | if(y >= canvas.height){ | ||
+ | drops[i] = 0; | ||
+ | } | ||
+ | if(Math.random() > 0.99){ | ||
+ | drops[i] = 0; | ||
+ | } | ||
+ | drops[i]++; | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | function randColor(){ | ||
+ | var r = Math.floor(Math.random() * 256); | ||
+ | var g = Math.floor(Math.random() * 256); | ||
+ | var b = Math.floor(Math.random() * 256); | ||
+ | return "rgb("+r+","+g+","+b+")"; | ||
+ | } | ||
+ | |||
+ | draw(); | ||
+ | setInterval(draw,60); | ||
+ | }; | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
<div id="background-content"> | <div id="background-content"> | ||
− | <h1 | + | <h1 style="font-size: 65px;color: orange!important;height: 110px;"><br> |
− | + | Splicing</h1> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<p> | <p> | ||
− | + | Transformation of information<br> | |
− | + | Every letter has its own frequency in English words, so does each codon in organisms. Therefore, we created a coding list, in which each letter corresponds to several codons with the same frequencies. In addition, we composed a program that can easily convert English sentences into DNA sequences.<br> | |
− | + | We have made the transition from nucleotide sequences to DNA barcode.<br> | |
− | + | Information expression verification<br> | |
− | + | Yeast: a-type yeast.<br> | |
− | + | Function: Using the specific “key-lock” interaction, information can be obtained when expressing a specific key.<br> | |
+ | Vector construction:<br> | ||
+ | Gene fragments of information with a stem loop and URA screening genes were ration inserted between the two homologous arms, HA1 and HA2 to construct the pesc-ura-Backbone-Stemloop-information-URA plasmid. HA1 and HA2 act as homology arms to promote the homologous recombination, which allows the integration of the DNA containing the steem loop lock sequence into the yeast genome. (配图)<br> | ||
+ | Functional verification:<br> | ||
+ | Plasmids with information fragments were transformed into yeast. Then we extracted the total RNA of yeast and carry out reverse transcription. DNA sequencing will be used to verify the correct expression of the information fragment is expressed, which will be compared with the original information.<br> | ||
</p> | </p> | ||
<br> | <br> | ||
+ | |||
<hr> | <hr> | ||
<br> | <br> | ||
− | + | ||
− | + | <br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<div id="background-reference"> | <div id="background-reference"> | ||
− | <h1>Reference</h1> | + | <h1 style="font-size: 65px;color: orange!important;height: 70px;">Reference</h1> |
<p> <a href="#"> [1] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. <em><em>Nat Chem Biol 13</em></em> , 432-438 </a> | <p> <a href="#"> [1] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. <em><em>Nat Chem Biol 13</em></em> , 432-438 </a> | ||
<br> | <br> |
Revision as of 23:10, 16 October 2018
Splicing
Transformation of information
Every letter has its own frequency in English words, so does each codon in organisms. Therefore, we created a coding list, in which each letter corresponds to several codons with the same frequencies. In addition, we composed a program that can easily convert English sentences into DNA sequences.
We have made the transition from nucleotide sequences to DNA barcode.
Information expression verification
Yeast: a-type yeast.
Function: Using the specific “key-lock” interaction, information can be obtained when expressing a specific key.
Vector construction:
Gene fragments of information with a stem loop and URA screening genes were ration inserted between the two homologous arms, HA1 and HA2 to construct the pesc-ura-Backbone-Stemloop-information-URA plasmid. HA1 and HA2 act as homology arms to promote the homologous recombination, which allows the integration of the DNA containing the steem loop lock sequence into the yeast genome. (配图)
Functional verification:
Plasmids with information fragments were transformed into yeast. Then we extracted the total RNA of yeast and carry out reverse transcription. DNA sequencing will be used to verify the correct expression of the information fragment is expressed, which will be compared with the original information.
Reference
[1] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. Nat Chem Biol 13 , 432-438
[2] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. Nat Chem Biol 13 , 432-438
[3] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. Nat Chem Biol 13 , 432-438
[4] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. Nat Chem Biol 13 , 432-438
[5] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. Nat Chem Biol 13 , 432-438
[6] Pu, Jinyue and Zinkus-Boltz, Julia and Dickinson, Bryan C. (2017) Evolution of a split RNA polymerase as a versatile biosensor platform. Nat Chem Biol 13 , 432-438 s