Difference between revisions of "Team:Lethbridge"

(Undo revision 221973 by Keithaiken (talk))
Line 1: Line 1:
−
<!--{{Team:Lethbridge/assets/reset.css}}-->
+
{{Team:Lethbridge/assets/reset.css}}
−
<!--/*{{Team:Lethbridge/navbar}}*/-->
+
{{Team:Lethbridge/navbar}}
 
<html>
 
<html>
 
<style>
 
<style>
Line 24: Line 24:
 
.segmentHeader:after {left: 0,5em; margin-right: -50%;}
 
.segmentHeader:after {left: 0,5em; margin-right: -50%;}
  
−
.contentDiv {display: inline-block;}
+
.testContentDiv {display: inline-block;}
−
.segmentContainer p.segment1 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.testContainer p.segment1 {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
−
.segmentContainer p.segment2 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
+
.testContainer p.segment2 {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
  
−
#text50 {width: 50%; vertical-align:middle;}
+
#testText50 {width: 50%; vertical-align:middle;}
−
#text40 {width: 40%; vertical-align:middle;}
+
#testText40 {width: 40%; vertical-align:middle;}
−
#text30 {width: 30%; vertical-align:middle;}
+
#testText30 {width: 30%; vertical-align:middle;}
−
#text25 {width: 25%; vertical-align:middle;}
+
#testText25 {width: 25%; vertical-align:middle;}
  
−
#image65 {width:65; height: 100%; vertical-align:middle;}
+
#testImageDiv65 {width:65; height: 100%; vertical-align:middle;}
−
#image60 {width:60; height: 100%; vertical-align:middle;}
+
#testImageDiv60 {width:60; height: 100%; vertical-align:middle;}
−
#image50 {width:50; height: 100%; vertical-align:middle;}
+
#testImageDiv50 {width:50; height: 100%; vertical-align:middle;}
−
#image40 {width:40; height: 100%; vertical-align:middle;}
+
#testImageDiv40 {width:40; height: 100%; vertical-align:middle;}
  
−
.segmentContainer .imageDiv img {display: block; height: auto; max-width: 100%;}
+
.testContainer .testImageDiv img {display: block; height: auto; max-width: 100%;}
  
 
.dividerLine {margin-left: 30%; margin-right:30%; border: 1px solid darkgrey;}
 
.dividerLine {margin-left: 30%; margin-right:30%; border: 1px solid darkgrey;}
Line 49: Line 49:
  
 
<h3 class="segmentHeader">Why Cell-free?</h3>
 
<h3 class="segmentHeader">Why Cell-free?</h3>
−
      
+
     <center>
−
<center>
+
     <div class="testContainer">
−
     <div class="segmentContainer">
+
         <div class="testContentDiv" id="testText50"><p class="segment1"><br>Cell-free systems include all the necessary biomachinery for producing proteins outside of a living cell<br><br>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</p>
−
         <div class="contentDiv" id="text50"><p class="segment1"><br>Cell-free systems include all the necessary biomachinery for producing proteins outside of a living cell<br><br>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</p>
+
 
         </div>
 
         </div>
−
         <div class="contentDiv" id="image65"><img src="https://static.igem.org/mediawiki/2017/b/b4/Celltocellfree.png" width=384px; height=500px; padding:10px; class="testImage" />
+
         <div class="testContentDiv" id="testImageDiv65"><img src="https://static.igem.org/mediawiki/2017/b/b4/Celltocellfree.png" width=384px; height=500px; padding:10px; class="testImage" />
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
</center>
+
    </center>
  
 
     <div style="clear: both"></div>
 
     <div style="clear: both"></div>
Line 63: Line 62:
  
 
<h3 class="segmentHeader">Motivation</h3>
 
<h3 class="segmentHeader">Motivation</h3>
−
 
+
    <center>
−
<center>
+
        <div class="testContainer"><p style="margin-left: 5%; margin-right: 5%" class="segment1">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</p>
−
    <div class="segmentContainer"><p style="margin-left: 5%; margin-right: 5%" class="segment1">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</p>
+
        </div>
−
    </div>
+
    </center>
−
</center>
+
    <center>
−
 
+
        <img src="https://static.igem.org/mediawiki/2017/4/40/Userswithtext.png" width=704px; height=250px; padding: 30px class="fitBanner" />
−
<center>
+
    </center>
−
    <img src="https://static.igem.org/mediawiki/2017/4/40/Userswithtext.png" width=704px; height=250px; padding: 30px class="fitBanner" />
+
−
</center>
+
  
 
     <div style="clear: both"></div><br>
 
     <div style="clear: both"></div><br>
Line 77: Line 74:
  
 
<h3 class="segmentHeader">Design</h3>
 
<h3 class="segmentHeader">Design</h3>
−
 
+
<center><div class="testContainer">
−
<center>
+
<p style="margin-left: 5%; margin-right: 5%" class="segment1">To lower the barrier of synthetic biology our project aims to create a <b>STANDARD</b>, <b>SAFE</b>, <b>MODULAR</b> and <b>USER-FRIENDLY</b> cell-free system</p></div></center>
−
    <div class="segmentContainer">
+
<center><img src="https://static.igem.org/mediawiki/2017/1/16/Designwithwords.png" width=712px; height=200px; padding: 30px; class="fitBanner" /></center>
−
        <p style="margin-left: 5%; margin-right: 5%" class="segment1">To lower the barrier of synthetic biology our project aims to create a <b>STANDARD</b>, <b>SAFE</b>, <b>MODULAR</b> and <b>USER-FRIENDLY</b> cell-free system</p>
+
−
    </div>
+
−
</center>
+
−
 
+
−
<center>
+
−
    <img src="https://static.igem.org/mediawiki/2017/1/16/Designwithwords.png" width=712px; height=200px; padding: 30px; class="fitBanner" />
+
−
</center>
+
  
 
     <div style="clear: both"></div><br>
 
     <div style="clear: both"></div><br>
Line 92: Line 82:
  
 
<h3 class="segmentHeader">Our System</h3>
 
<h3 class="segmentHeader">Our System</h3>
−
 
+
    <center>
−
<center>
+
        <div class="testContainer">
−
    <div class="segmentContainer">
+
            <div class="testContentDiv" id="testText40"><p class="segment2">A collection of standard parts for essential TX-TL components<br><br>Streamline and novel purification techniques</p>
−
        <div class="contentDiv" id="text40"><p class="segment2">A collection of standard parts for essential TX-TL components<br><br>Streamline and novel purification techniques</p>
+
            </div>
 +
            <div class="testContentDiv" id="testImageDiv40"><img src="https://static.igem.org/mediawiki/2017/3/3b/Generalfigure.png" width=494px; height=350px; padding:20px class="testImage" /></div>
 
         </div>
 
         </div>
−
        <div class="contentDiv" id="image40"><img src="https://static.igem.org/mediawiki/2017/3/3b/Generalfigure.png" width=494px; height=350px; padding:20px class="testImage" />
+
     </center>
−
        </div>
+
−
     </div>
+
−
</center>
+
 
                  
 
                  
 
     <div style="clear: both"></div><br><br>
 
     <div style="clear: both"></div><br><br>
Line 106: Line 94:
 
     <hr class="dividerLine">
 
     <hr class="dividerLine">
  
−
   
+
<center><div class="testContainer">
−
<center>
+
    <div class="testContentDiv" id="testImageDiv65"><img src="https://static.igem.org/mediawiki/2017/1/13/Codonswappingwithwords.png" width=408px; height=200px; class="testImage" /></div>
−
    <div class="segmentContainer">
+
    <div class="testContentDiv" id="testText40"><p class="segment2"><br>A tool to create an orthogonal system</p></div>
−
        <div class="contentDiv" id="image65"><img src="https://static.igem.org/mediawiki/2017/1/13/Codonswappingwithwords.png" width=408px; height=200px; class="testImage" />
+
</div></center>
−
        </div>
+
−
        <div class="contentDiv" id="text40"><p class="segment2"><br>A tool to create an orthogonal system</p>
+
−
        </div>
+
−
    </div>
+
−
</center>
+
  
 
     <div style="clear: both"></div><br>
 
     <div style="clear: both"></div><br>
Line 122: Line 105:
  
 
<center>
 
<center>
−
     <div class="segmentContainer">
+
     <div class="testContainer">
−
         <div class="contentDiv" id="image65"><img src="https://static.igem.org/mediawiki/2017/1/1c/Softwarewithwords.png" width=408px; height=252px; class="testImage" />
+
         <div class="testContentDiv" id="testImageDiv65"><img src="https://static.igem.org/mediawiki/2017/1/1c/Softwarewithwords.png" width=408px; height=252px; class="testImage" />
 
         </div>
 
         </div>
−
         <div class="contentDiv" id="text40"><p class="segment2"><br>A tool to detect potentially harmful encrypted sequences</p>
+
         <div class="testContentDiv" id="testText40"><p class="segment2"><br>A tool to detect potentially harmful encrypted sequences</p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 136: Line 119:
  
 
<center>
 
<center>
−
     <div class="segmentContainer">
+
     <div class="testContainer">
−
         <div class="contentDiv" id="text40"><p class="segment2">A safe synthetic biology teaching tool<br><br>Simplified protocols<br><br>Curriculum aligned lesson plans</p>
+
         <div class="testContentDiv" id="testText40"><p class="segment2">A safe synthetic biology teaching tool<br><br>Simplified protocols<br><br>Curriculum aligned lesson plans</p>
 
         </div>
 
         </div>
−
         <div class="contentDiv" id="image40"><img src="https://static.igem.org/mediawiki/2017/3/36/Educationkit.png" width=542px; height=400px; class="testImage" />
+
         <div class="testContentDiv" id="testImageDiv40"><img src="https://static.igem.org/mediawiki/2017/3/36/Educationkit.png" width=542px; height=400px; class="testImage" />
 
         </div>
 
         </div>
 
     </div>
 
     </div>

Revision as of 07:18, 23 October 2017

Cell-free Synthetic Biology
for the Masses


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


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