Difference between revisions of "Team:Lethbridge"

 
(37 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
{{Team:Lethbridge/navbar}}
 
{{Team:Lethbridge/navbar}}
 
{{Team:Lethbridge/assets/allpages.css}}
 
{{Team:Lethbridge/assets/allpages.css}}
 +
{{Team:Lethbridge/top}}
 
<html>
 
<html>
 
<style>
 
<style>
Line 11: Line 12:
 
p {text-align: center !important;}
 
p {text-align: center !important;}
  
/* from using inline-block */
+
/* FOR INLINE-BLOCK PURPOSES */
 
.contentDiv {display: inline-block;}
 
.contentDiv {display: inline-block;}
 
#text60 {width: 60%; vertical-align:middle;}
 
#text60 {width: 60%; vertical-align:middle;}
Line 22: Line 23:
 
@media only screen and (max-width: 500px) {
 
@media only screen and (max-width: 500px) {
 
     #allContent img {width: 95%; height: 95%;}}
 
     #allContent img {width: 95%; height: 95%;}}
 
/* ANCHOR BUTTONS */
 
form {
 
    padding: 10px;
 
    display: inline-block;
 
}
 
   
 
input.tealButton {
 
    /*width: 300px;*/
 
    padding: 20px;
 
    cursor: pointer;
 
    font-weight: bold;
 
    font-family: Arial, sans-serif !important;
 
    font-size: calc(14px + 0.5vw) !important;
 
    background: #377b7e;
 
    color: #fff;
 
    border: 1px solid #041f39;
 
    border-radius: 10px;
 
    box-shadow: 0 0 10px #377b7e;
 
    }
 
   
 
input.tealButton:hover {
 
    color: #ffffff;
 
    background: #f5af3e;
 
    border: 1px solid #041f39;
 
}
 
  
 
</style>
 
</style>
Line 53: Line 28:
 
<br>
 
<br>
 
<img src="https://static.igem.org/mediawiki/2017/5/56/Banner_nextvivo.png" class="bannerImg">
 
<img src="https://static.igem.org/mediawiki/2017/5/56/Banner_nextvivo.png" class="bannerImg">
<br><br><br>
+
<div id="allContent"><!--div to set margin for all content but header and footer image -->
 +
<!--<div class="circleTop" style="margin-left:90%"><a href="#top">top</a></div>-->
 +
 
 +
<p id="slogan">Cell-free Synthetic Biology<br> for the Masses</p><br>
 +
 
 
<!-- anchor buttons -->
 
<!-- anchor buttons -->
 +
<br>
 
<center>
 
<center>
 
<form>
 
<form>
Line 71: Line 51:
 
     <input class="tealButton" type="button" value="Our System" onclick="window.location.href='#anchor4'" />
 
     <input class="tealButton" type="button" value="Our System" onclick="window.location.href='#anchor4'" />
 
</form>
 
</form>
<div style="clear:both"></div>
+
<div style="clear:both" id="anchor1"></div>
 
</center>
 
</center>
  
 
+
<br><br><br><br>
<div id="allContent"><!--div to set margin for all content but header and footer image -->
+
<h2 class="segmentHeader">Why Cell-free?</h2>
 
+
<br><br>
+
 
+
<p id="slogan">Cell-free Synthetic Biology<br> for the Masses</p><br>
+
 
+
<h1 class="segmentHeader" id="anchor1">Why Cell-free?</h1>
+
  
 
<center>
 
<center>
Line 92: Line 66:
 
</center>
 
</center>
  
<div style="clear: both"></div>
+
<div style="clear: both" id="anchor2"></div>
  
<h1 class="segmentHeader" id="anchor2">Motivation</h1>
+
<br><br><br><br>
 +
<h2 class="segmentHeader">Motivation</h2>
  
 
<center>
 
<center>
Line 105: Line 80:
 
</center>
 
</center>
  
<div style="clear: both"></div><br>
+
<div style="clear: both" id="anchor3"></div>
  
<h1 class="segmentHeader" id="anchor3">Design</h1>
+
<br><br><br><br>
 +
<h2 class="segmentHeader">Design</h2>
  
 
<center>
 
<center>
Line 118: Line 94:
 
</center>
 
</center>
  
<div style="clear: both"></div><br>
+
<div style="clear: both" id="anchor4"></div>
  
<h1 class="segmentHeader" id="anchor4">Our System</h1>
+
<br><br><br><br>
 +
<h2 class="segmentHeader">Our System</h2>
  
 
<center>
 
<center>
Line 138: Line 115:
 
<center>
 
<center>
 
     <div class="segmentContainer">
 
     <div class="segmentContainer">
         <div class="contentDiv"><img src="https://static.igem.org/mediawiki/2017/1/13/Codonswappingwithwords.png" width=408px; height=200px; />
+
         <div class="contentDiv"><a href="https://2017.igem.org/Team:Lethbridge/Software"><img src="https://static.igem.org/mediawiki/2017/8/88/T--Lethbridge--SoftwareMain.png" width=408px; height=200px; /></a>
 
         </div>
 
         </div>
         <div class="contentDiv" id="text40"><p class="text22"><br>A <a href="https://2017.igem.org/Team:Lethbridge/Software" id="pageLink">tool</a> to create an orthogonal system</p>
+
         <div class="contentDiv" id="text40"><p class="text22"><br>
 +
          <a href="https://2017.igem.org/Team:Lethbridge/Software" id="pageLink">Software</a> to keep synthetic biology safe</p>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 151: Line 129:
 
<center>
 
<center>
 
     <div class="segmentContainer">
 
     <div class="segmentContainer">
        <div class="contentDiv"><img src="https://static.igem.org/mediawiki/2017/1/1c/Softwarewithwords.png" width=408px; height=252px; />
+
         <div class="contentDiv" id="text40"><p class="text22">Curriculum aligned synthetic biology <a href="https://2017.igem.org/Team:Lethbridge/HP/Gold_Integrated" id="pageLink">teaching tool</a> <br><br>Simplified protocols</p>
        </div>
+
         <div class="contentDiv" id="text40"><p class="text22"><br>A <a href="https://2017.igem.org/Team:Lethbridge/Software" id="pageLink">tool</a> to detect potentially harmful encrypted sequences</p>
+
        </div>
+
    </div>
+
</center>
+
 
+
<div style="clear: both"></div><br>
+
 
+
<hr class="dividerLine">
+
 
+
<center>
+
    <div class="segmentContainer">
+
        <div class="contentDiv" id="text40"><p class="text22">A safe synthetic biology <a href="https://2017.igem.org/Team:Lethbridge/HP/Gold_Integrated" id="pageLink">teaching</a> tool<br><br>Simplified protocols<br><br>Curriculum aligned lesson plans</p>
+
 
         </div>
 
         </div>
 
         <div class="contentDiv"><img src="https://static.igem.org/mediawiki/2017/d/df/T--Lethbridge--edkitsimple2.png" width=500px; height=421px; />
 
         <div class="contentDiv"><img src="https://static.igem.org/mediawiki/2017/d/df/T--Lethbridge--edkitsimple2.png" width=500px; height=421px; />
Line 175: Line 140:
 
   
 
   
 
</div>
 
</div>
 +
<br><br>
 
<img src="https://static.igem.org/mediawiki/2017/6/63/Banner_footer.png" alt="footer with sponsors" class="bannerImg">
 
<img src="https://static.igem.org/mediawiki/2017/6/63/Banner_footer.png" alt="footer with sponsors" class="bannerImg">
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:51, 2 November 2017


Cell-free Synthetic Biology
for the Masses







Why Cell-free?


Cell-free systems include all the necessary biomachinery to produce 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 Do-It-Yourself (DIY) community





Design

Lowering the barrier to 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





Software to keep synthetic biology safe



Curriculum aligned synthetic biology teaching tool

Simplified protocols








footer with sponsors