Difference between revisions of "Team:Lethbridge"

Line 28: Line 28:
 
.segmentP {font-size: 2.5vw !important;}
 
.segmentP {font-size: 2.5vw !important;}
 
.segmentP2 {font-size: 2.2vw !important;}
 
.segmentP2 {font-size: 2.2vw !important;}
−
 
−
.widthImage {max-width: 100%; height: auto;}
 
−
.leftImage {}
 
−
.rightImage {}
 
  
 
.testContent {display: inline-block;}
 
.testContent {display: inline-block;}
Line 48: Line 44:
  
 
<center><div class="testContainer">
 
<center><div class="testContainer">
−
     <div class="testContent" id="testText"><p>content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content</p></div>
+
     <div class="testContentDiv" id="testText"><p>content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content</p></div>
−
     <div class="testContent" id="testImage"><img src="https://static.igem.org/mediawiki/2017/6/63/Tempbiophoto.jpg" class="testIMG" width=300 height=300 /></div>
+
     <div class="testContent" id="testImageDiv"><img src="https://static.igem.org/mediawiki/2017/6/63/Tempbiophoto.jpg" class="testImage" id="testImage" width=300 height=300 /></div>
 
</div></center>
 
</div></center>
  
Line 127: Line 123:
 
<!--<img src="https://static.igem.org/mediawiki/2017/9/96/Temp_footer_banner.png" class="centerBanner fitBanner">-->
 
<!--<img src="https://static.igem.org/mediawiki/2017/9/96/Temp_footer_banner.png" class="centerBanner fitBanner">-->
 
<!--</font>-->
 
<!--</font>-->
 +
<script>
 +
window.onload = resize;
 +
window.onresize = resize;
 +
 +
function resize() {
 +
    //get a nodeList of all images
 +
    var images = document.getElementsByClassName("testImage");
 +
    //store total width of all images together
 +
    var totalImageWidth = 0;
 +
    for (var i=0; I<images.length; i++) {
 +
        totalImageWidth += testImage[i].naturalWidth;
 +
    }
 +
    //set new width of each image
 +
    var containerWidth = document.getElementById("testImage").offsetWidth;
 +
    for (var j=0; j<images.length; j++) {
 +
        images[j].style.width = 0.95*containerWidth * (images[j].naturalWidth/totalImageWidth) +"px";
 +
    }
 +
}
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:49, 23 October 2017

Cell-free Synthetic Biology
for the Masses



content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content content

Why Cell-free?


Cell-free systems include all the necessary biomachinery for producing proteins outside of a living cell

Due to their inherent safety and simplicity, cell-free systems provide a powerful tool to synthetic biologists for engineering novel systems without the constraints of cellular life


Motivation

A lack of standardization, simplification and flexibility has limited the application of cell-free systems, including its use within the education system and DIY community

We have identified three target user-groups for our system:



Design

To lower the barrier of synthetic biology our project aims to create a STANDARD, SAFE, MODULAR and USER-FRIENDLY cell-free system



Our System


A collection of standard parts for essential TX-TL components




Streamline and novel purification techniques





A tool to create an orthogonal system





A tool to detect potentially harmful encrypted sequences






A safe synthetic biology teaching tool

Simplified protocols

Curriculum aligned lesson plans