Difference between revisions of "Team:Lethbridge"

Line 22: Line 22:
 
@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 27: Line 53:
 
<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">
 +
<!-- anchor buttons -->
 +
<center>
 +
<form>
 +
    <input class="tealButton" type="button" value="Why Cell-free?" onclick="window.location.href='#anchor1'" />
 +
</form>
 +
   
 +
<form>
 +
    <input class="tealButton" type="button" value="Motivation" onclick="window.location.href='anchor2'" />
 +
</form>
 +
   
 +
<form>
 +
    <input class="tealButton" type="button" value="Design" onclick="window.location.href='#anchor3'" />
 +
</form>
 +
   
 +
<form>
 +
    <input class="tealButton" type="button" value="Our System" onclick="window.location.href='#anchor4'" />
 +
</form>
 +
<div style="clear:both"></div>
 +
</center>
 +
 +
 
<div id="allContent"><!--div to set margin for all content but header and footer image -->
 
<div id="allContent"><!--div to set margin for all content but header and footer image -->
  
Line 33: Line 80:
 
<p id="slogan">Cell-free Synthetic Biology<br> for the Masses</p><br>
 
<p id="slogan">Cell-free Synthetic Biology<br> for the Masses</p><br>
  
−
<h1 class="segmentHeader">Why Cell-free?</h1>
+
<h1 class="segmentHeader" id="anchor1">Why Cell-free?</h1>
  
 
<center>
 
<center>
Line 46: Line 93:
 
<div style="clear: both"></div>
 
<div style="clear: both"></div>
  
−
<h1 class="segmentHeader">Motivation</h1>
+
<h1 class="segmentHeader" id="anchor2">Motivation</h1>
  
 
<center>
 
<center>
Line 59: Line 106:
 
<div style="clear: both"></div><br>
 
<div style="clear: both"></div><br>
  
−
<h1 class="segmentHeader">Design</h1>
+
<h1 class="segmentHeader" id="anchor3">Design</h1>
  
 
<center>
 
<center>
Line 72: Line 119:
 
<div style="clear: both"></div><br>
 
<div style="clear: both"></div><br>
  
−
<h1 class="segmentHeader">Our System</h1>
+
<h1 class="segmentHeader" id="anchor2">Our System</h1>
  
 
<center>
 
<center>

Revision as of 23:50, 30 October 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




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






footer with sponsors