Difference between revisions of "Team:Bielefeld-CeBiTec"

Latest revision as of 15:18, 16 December 2017

Achievements

The following list sums up all of our achievements and refers to pages of this wiki containing detailed information. Next to this we recorded the original presentation of our project in Boston at the Giant Jamboree, which sums up and explains the project in less than 20 minutes:

Awards

Best Foundational Advance Project
Best New Basic Part

Nominations

Best Software
Best Hardware
Best New Composite Part
Best Part Collection

We established two orthogonal methods for the detection of unnatural base pairs in a target sequence: an Oxford Nanopore sequencing application and an enzyme based detection method

Development of a software suite for these orthogonal methods

Integration and characterization of the nucleotide transporter PtNTT2 from P.tricornutum in E.coli for the uptake of unnatural nucleoside triphosphates

Confirmation that certain Taq DNA polymerases can efficiently incorporate unnatural nucleotides

Construction of a toolbox consisting of five aminoacyl-tRNA synthetases for incorporation of non-canonical amino acids

Colocalization of the RuBisCo and and subcellular compartment (carboxysome) using a fluorescent amino acid

Development of a photoswitchable lycopene pathway

Design, chemical synthesis and proof of functionality of a novel, fully synthetic amino acid based on cyanonitrobenzothiazol and asparagine

Modeling more than ten new aaRS sequences

Library development with several hundred thousand sequences for selecting aminoacyl-tRNA synthetases

Construction of positive and negative selection plasmids for the evolution of new synthetases for non-canonical amino acids

Improvement of an aminoacyl-tRNA synthetase test-system by introducing a FRET-system and development of a ranking system

Construction of an LED panel for irradiating 96-well microtiter plates, which can be used to manipulate non-canonical amino acids and for other applications

Development of an Android App to control the LED panel with your smartphone via Bluetooth

Writing a biosafety report entitled “Auxotrophy to Xeno-DNA: A Comprehensive Exploration of Combinatorial Mechanisms for a High-Fidelity Biosafety System”

Writing the ChImp Report on “Chances and Implications of an Expanded Genetic Code”

@@ Line 3: / Line 3: @@
 <html>
 <body>
-<div class="container">
-<div id="title" style="background-image: url(https://static.igem.org/mediawiki/2017/a/ae/T--Bielefeld-CeBiTec--title-img-cebitec.jpg">
-				<img src="https://static.igem.org/mediawiki/2017/a/ae/T--Bielefeld-CeBiTec--title-img-cebitec.jpg">
-				<div id="title-bg">
-					<div id="title-text">
-						iGEM Bielefeld-CeBiTec 2017
-					</div>
-				</div>
-			</div>
-<div class="contentbox">
-	<div class="bevel tr"></div>
-	<div class="content">
-<div class="figure large">
-			<img class="figure image" src="https://static.igem.org/mediawiki/2017/thumb/6/6b/T--Bielefeld-CeBiTec--SVI-Teamfoto-Labor.png/1200px-T--Bielefeld-CeBiTec--SVI-Teamfoto-Labor.png.jpeg".jpg">
-			<p class="figure subtitle"></p>
-		</div>
-<h2> Expanding the Genetic Code </h2>
+				<!-- The content of this page -->
+		<div id="chart">
+		<script src="https://d3js.org/d3.v4.min.js"></script>
+					<script>
-				<article> We are exploring the application of unnatural base pairs as an expansion of the genetic code. To prevent loss of unnatural base pairs during replication, we will utilize several systems including CRISPR/Cas9. The expanded genetic code allows for the ribosomal incorporation of multiple non-canonical amino acids (ncAAs) into peptides. With their broad chemical and functional diversity, ncAAs provide a variety of promising applications including protein labeling, photocaging, structure analysis, and specific protein interactions. Therefore, our innovative toolkit for the translational incorporation of ncAAs in E. coli is a valuable contribution to iGEM. Directed evolution of tRNA/aminoacyl-tRNA synthetase pairs enables the site-specific incorporation of ncAAs into peptides. This approach results in an optimal orthogonality to the autologous translation apparatus and a high flexibility concerning the incorporation of multiple ncAAs. As proof of concept, we are developing a rapid test for prions and a new chromatography method for mild protein elution.
+        function rand (min, max) {return Math.floor(Math.random() * (max - min + 1)) + min;}
-<br>
-For more information visit our <b><a href="https://www.researchgate.net/publication/318084694_Expansion_of_the_genetic_code_for_the_translational_incorporation_of_non-canonical_amino_acids">project poster</a></b> on reasearch gate
-<br>
-</article>
-	</div>
+        var svg = d3.select("#chart")
-	<div class="bevel bl"></div>
+		    .append("svg")
-</div>
+		    .attr("width", 1580)
+	   	    .attr("height", 500);
+        var ranobj = "";
-     <div class="contentbox">
+        var rancol = "";
-	<div class="bevel tr"></div>
-	<div class="content">
-<h2>Achievements</h2>
+        for(var i = 0; i < 200; i++){ranobj = ranobj + "" + rand(2, 2) + "";};
+        var rancol1 = function(x){
+            if(x === 1){return "#E6E6E6";}
+            else if(x === 2){return "#bababa";}
+            else if(x === 3){return "#8b8b8b";}
+            else if(x === 4){return "#C03178";}
+            else if(x === 5){return "#a48bec";}
+            else if(x === 6){return "#8bc895";}
+            else if(x === 7){return "#D83EFF";}
+            else if(x === 8){return "#A02965";}
+            else if(x === 9){return "#3189c0";}
+            else if(x === 10){return "#59d4d4";}
+            else if(x === 11){return "#ff6a79";}
+            else if(x === 12){return "#adff29";}
+        };
+        var rancol2 = function(x){
+            if(x === 1){return "#666666";}
+            else if(x === 2){return "#808080";}
+            else if(x === 3){return "#666666";}
+            else if(x === 4){return "#6B1B43";}
+            else if(x === 5){return "#7170fe";}
+            else if(x === 6){return "#42b45a";}
+            else if(x === 7){return "#6C0056";}
+            else if(x === 8){return "#5B1739";}
+            else if(x === 9){return "#236189";}
+            else if(x === 10){return "#3e9c92";}
+            else if(x === 11){return "#cb3f51";}
+            else if(x === 12){return "#07de00";}
+        };
+        for(var j = 0; j < ranobj.length; j++){
+            var randy = rand(1,12);
+            if(ranobj.charAt(j) === "1"){
+                svg.append("circle")
+                   .attr("cx", function(){return rand(0, 1600);})
+                   .attr("cy", function(){return rand(0, 800);})
+                   .attr("r", function(){return rand(5, 100);})
+                   .style("stroke", function(){return rancol2(randy);})
+                   .style("stroke-width", 5)
+                   .style("fill", function(){return rancol1(randy);});;}
+            else if(ranobj.charAt(j) === "2"){
+                var circ = svg.append("circle")
+                   .attr("cx", function(){return rand(0, 1600);})
+                   .attr("cy", function(){return rand(0, 800);})
+                   .attr("r", rand(30, 50))
+                   .style("stroke", function(){return rancol2(randy);})
+                   .style("stroke-width", 5)
+                   .style("fill", function(){return rancol1(randy);});
+                    circ.append("animate")
+                            .attr("attributeName", "cx")
+                            .attr("attributeType", "XML")
+                            .attr("values", function(){
+                                var ranheight = "";
+                                for(var k = 0; k < 1; k++){ranheight = ranheight + "" + ((rand(-100, 1800) + rand(-100, 1800) + rand(-100, 1800)) / 3) + "" + ";";};
+                                return ranheight;})
+                            .attr("begin", "0s")
+                            .attr("dur",function(){return "" + rand(2, 4) + "s"})
+                            .attr("repeatCount", "indefinite");
+                    circ.append("animate")
+                            .attr("attributeName", "cy")
+                            .attr("attributeType", "XML")
+                            .attr("values", function(){
+                                var ranheight = "";
+                                for(var k = 0; k < 50; k++){ranheight = ranheight + "" + rand(-100, 900) + "" + ";";};
+                                return ranheight;})
+                            .attr("begin", "0s")
+                            .attr("dur", function(){return "" + rand(200, 400) + "s"})
+                            .attr("repeatCount", "indefinite");}
+            else if(ranobj.charAt(j) === "3"){
+                svg.append("ellipse")
+                   .attr("cx", function(){return rand(0, 2000);})
+                   .attr("cy", function(){return rand(0, 2000);})
+                   .attr("rx", function(){return rand(5, 100);})
+                   .attr("ry", function(){return rand(5, 100);})
+                   .style("stroke", rancol(rand(1,2)))
+                   .style("stroke-width", function(){return rand(1, 10);})
+                   .style("fill", rancol(rand(1,2)));}}
+		    svg.append("svg:image")
+			.attr("xlink:href", "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg")
+			.attr("width", 1000)
+			.attr("height", 600)
+			.attr("x", 400)
+			.attr("y",-50);
+			var width = window.innerWidth;
+			$offset = width - 1600;
+			if (width > 1600) {
+				$offset = 0
+			}
+			$("svg").css({top: 0, left: $offset, position:'relative'});
+			$("svg").attr("width", 2000);
+      </script>
+	  </div>
+		<div class="container start-page">
+			<!-- Screen 1 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/7/73/T--Bielefeld-CeBiTec--start-page-screen1.png">
+			</div>
+			<!-- Screen 2 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/c/c4/T--Bielefeld-CeBiTec--start-page-screen2.png">
+			</div>
+			<!-- Screen 3 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/a/ad/T--Bielefeld-CeBiTec--start-page-screen3.png">
+			</div>
+			<!-- Screen 4 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/1/13/T--Bielefeld-CeBiTec--start-page-screen4.png">
+			</div>
+			<!-- Screen 5 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/0/01/T--Bielefeld-CeBiTec--start-page-screen5.png">
+			</div>
+			<!-- Screen 6 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/3/3b/T--Bielefeld-CeBiTec--start-page-screen6.png">
+			</div>
+			<!-- Screen 7 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/8/81/T--Bielefeld-CeBiTec--start-page-screen7.png">
+			</div>
+			<!-- Screen 8 -->
+			<div class="start-page-screen">
+				<img class="start-page-image" src="https://static.igem.org/mediawiki/2017/b/b4/T--Bielefeld-CeBiTec--start-page-screen8.png">
+			</div>
+			<div class="contentbox" style="background: #efefef">
+				<div class="content">
+					<h2>Achievements</h2>
+<div class="article">
+The following list sums up all of our achievements and refers to pages of this wiki containing detailed information. Next to this we recorded the <b><a href="https://youtu.be/1f5vwcrvUac">original presentation</a></b> of our project in Boston at the Giant Jamboree, which sums up and explains the project in less than 20 minutes:
+</div>
+<iframe width="560" height="315" style="margin: auto; display: block; margin-top: 25px; margin-bottom: 25px;;" src="https://www.youtube.com/embed/1f5vwcrvUac" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
+<div lass="article">
+<h3>Awards</h3>
+<ul style="margin-left: 5%;">
+<li>Best Foundational Advance Project</li>
+<li>Best New Basic Part</li>
+</ul>
+<h3>Nominations</h3>
+<ul style="margin-left: 5%;">
+<li>Best Software</li>
+<li>Best Hardware</li>
+<li>Best New Composite Part</li>
+<li>Best Part Collection</li>
+</ul>
+</div>
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 48: / Line 265: @@
 <div class="third double">
 <article><br>
-<b>Establishment of two orthogonal methods for the detection of unnatural base pairs in a target sequence via <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Software">Oxford Nanopore sequencing</a> and an enzyme based detection method</b>
+<b>We established two orthogonal methods for the detection of unnatural base pairs in a target sequence: an <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Software">Oxford Nanopore sequencing</a> application and an enzyme based detection method</b>
 </article>
 </div>
@@ Line 54: / Line 271: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 68: / Line 285: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 82: / Line 299: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 90: / Line 307: @@
 <div class="third double">
 <article><br><br>
-<b>Proof that certain Taq-polymerases can efficiently <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/preservation_system">incorporate unnatural nucleotides</a> </b>
+<b>Confirmation that certain Taq DNA polymerases can efficiently <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/preservation_system">incorporate unnatural nucleotides</a> </b>
 </article>
 </div>
@@ Line 96: / Line 313: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 110: / Line 327: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 118: / Line 335: @@
 <div class="third double">
 <article><br><br>
-<b><a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/toolbox/labeling">Colocalization</a> of the RuBisCo using a fluorescent amino acid</b>
+<b><a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/toolbox/labeling">Colocalization</a> of the RuBisCo and and subcellular compartment (carboxysome) using a fluorescent amino acid</b>
 </article>
 </div>
@@ Line 124: / Line 341: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 138: / Line 355: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 152: / Line 369: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 166: / Line 383: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 180: / Line 397: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 194: / Line 411: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 208: / Line 425: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 216: / Line 433: @@
 <div class="third double">
 <article><br><br>
-<b>Construction of an <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Hardware">LED panel</a> for irradiating 96-well microtiter plates, which can be used to manipulate non-canonical amino acids and much more </b>
+<b>Construction of an <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/Hardware">LED panel</a> for irradiating 96-well microtiter plates, which can be used to manipulate non-canonical amino acids and for other applications  </b>
 </article>
 </div>
@@ Line 222: / Line 439: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 236: / Line 453: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 244: / Line 461: @@
 <div class="third double">
 <article><br>
-<b>Writing a <a target="_blank" href="https://2017.igem.org/Team:Bielefeld-CeBiTec/HP/Silver">biosafety report</a> titled “Auxotrophy to Xeno-DNA: A Comprehensive Exploration of Combinatorial Mechanisms for a High-Fidelity Biosafety System” </b>
+<b>Writing a <a target="_blank" href="https://static.igem.org/mediawiki/2017/1/1e/T--Bielefeld-CeBiTec--DKE_Biosafety_Report.pdf">biosafety report</a> entitled “Auxotrophy to Xeno-DNA: A Comprehensive Exploration of Combinatorial Mechanisms for a High-Fidelity Biosafety System” </b>
 </article>
 </div>
@@ Line 250: / Line 467: @@
 <div class="contentline">
-<div class="third">
+<div class="third" style="width: 15%; margin-left: 5%;">
-<div class="figure small">
+<div class="figure large">
 <img class="figure image" src="https://static.igem.org/mediawiki/2017/9/94/T--Bielefeld-CeBiTec--YKE_Bingo.png">
 <p class="figure subtitle"></p>
@@ Line 264: / Line 481: @@
 	<div class="bevel bl"></div>
      </div>
+			</div>
-</div>
 </body>
 <script>