Difference between revisions of "Template:Virginia/index"

Line 1: Line 1:
 +
<!--
 +
* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
 +
* @version v0.7.3
 +
* @link https://github.com/Virginia-iGEM/igem-wikibrick
 +
* @license MIT
 +
*-->
 
<header></header>
 
<header></header>
 
<script>
 
<script>
 
  $(function() {
 
  $(function() {
−
     $('header').load('/templates/header.html');
+
     $('header').load('https://2018.igem.org/Template:Virginia/header?action=raw&ctype=text/javascript');
 
  });
 
  });
 
</script>
 
</script>
Line 8: Line 14:
 
<article class="banner">
 
<article class="banner">
 
   <section>
 
   <section>
−
     <img src="/images/logos/dark.svg" alt="logo">
+
     <img src="https://static.igem.org/mediawiki/2018/3/3c/T--Virginia--2018_dark.svg" alt="logo">
 
     <h3>Microbial Symphony</h3>
 
     <h3>Microbial Symphony</h3>
 
   </section>
 
   </section>
Line 18: Line 24:
 
     <div class="spacer" style="height: 110vh"></div>
 
     <div class="spacer" style="height: 110vh"></div>
 
     <div class="card">
 
     <div class="card">
−
       <h2>1.1</h3>
+
       <h2>1.1
 
       <p>By transforming these cells with our own synthetic genes, we can produce proteins of interest. This is the foundational goal of biomanufacturing.</p>
 
       <p>By transforming these cells with our own synthetic genes, we can produce proteins of interest. This is the foundational goal of biomanufacturing.</p>
−
       <img src="/images/landing_page/Plasmid-Gallery.svg">
+
       <img src="https://static.igem.org/mediawiki/2018/9/92/T--Virginia--2018_Plasmid-Gallery.svg">
−
     </div>
+
     </h2></div>
 
   </section>
 
   </section>
  
Line 29: Line 35:
 
       <p>These are normal Escheri coli cells. Given nutrients and space, they will grow, producing various proteins.</p>
 
       <p>These are normal Escheri coli cells. Given nutrients and space, they will grow, producing various proteins.</p>
 
     </div>
 
     </div>
−
     <div class="sticky" tabIndex="-1">
+
     <div class="sticky" tabindex="-1">
 
       <div class="spacer" style="height: 10vh"></div>
 
       <div class="spacer" style="height: 10vh"></div>
 
       <div class="petri">
 
       <div class="petri">
Line 84: Line 90:
 
       <p>These E. coli have been modified with a constitutively promoted gene of interest.</p>
 
       <p>These E. coli have been modified with a constitutively promoted gene of interest.</p>
 
     </div>
 
     </div>
−
     <div class="sticky" tabIndex="-1">
+
     <div class="sticky" tabindex="-1">
 
       <div class="spacer" style="height: 10vh"></div>
 
       <div class="spacer" style="height: 10vh"></div>
 
       <div class="petri">
 
       <div class="petri">
Line 127: Line 133:
 
       <p>These E. coli have been modified with an artificially inducible gene of interest.</p>
 
       <p>These E. coli have been modified with an artificially inducible gene of interest.</p>
 
     </div>
 
     </div>
−
     <div class="sticky" tabIndex="-1">
+
     <div class="sticky" tabindex="-1">
 
       <div class="spacer" style="height: 10vh"></div>
 
       <div class="spacer" style="height: 10vh"></div>
 
       <div class="petri">
 
       <div class="petri">
Line 162: Line 168:
 
<script>
 
<script>
 
  $(function() {
 
  $(function() {
−
     $('footer').load('/templates/footer.html');
+
     $('footer').load('https://2018.igem.org/Template:Virginia/footer?action=raw&ctype=text/javascript');
 
  });
 
  });
 
</script>
 
</script>
 
<!--SMOOTH SCROLL UP-->
 
<!--SMOOTH SCROLL UP-->
−
<div class='scrolltop'>
+
<div class="scrolltop">
−
   <div class='scroll icon'><i class="fa fa-4x fa-angle-up"></i></div>
+
   <div class="scroll icon"><i class="fa fa-4x fa-angle-up"></i></div>
 
</div>
 
</div>
  
 
<script>
 
<script>
 
  $(function() {
 
  $(function() {
−
   $('header').load('/templates/header.html');
+
   $('header').load('https://2018.igem.org/Template:Virginia/header?action=raw&ctype=text/javascript');
−
   $('footer').load('/templates/footer.html');
+
   $('footer').load('https://2018.igem.org/Template:Virginia/footer?action=raw&ctype=text/javascript');
 
  });
 
  });
 
</script>
 
</script>

Revision as of 00:05, 10 October 2018

<header></header> <script> 

$(function() {
   $('header').load('https://2018.igem.org/Template:Virginia/header?action=raw&ctype=text/javascript');
});

</script>

<article class="banner"> 

 <section>
   <img src="https://static.igem.org/mediawiki/2018/3/3c/T--Virginia--2018_dark.svg" alt="logo">

Microbial Symphony

 </section>

</article>

<article class="call-to-action"> 

 <section>

1.1

By transforming these cells with our own synthetic genes, we can produce proteins of interest. This is the foundational goal of biomanufacturing.

<img src="https://static.igem.org/mediawiki/2018/9/92/T--Virginia--2018_Plasmid-Gallery.svg">

 </section>

 <section class="scroll-action">

1. Background

These are normal Escheri coli cells. Given nutrients and space, they will grow, producing various proteins.

Strain: Unmodified E. coli

Division Time: 1 hour

Yield: N/A 

 </section>

 <section>

1.2

An important component of these genes is their promoter, which determines how and when they are expressed. There are two common ways genes are induced in biomanufacturing; constitutive and inducible expression. 

 </section>

</article>

<article id="constitutive-article"> 

 <section>

2.1 Constitutive Expression

Constitutive promoters result in constant expression. The primary benefit of this "system" is its inherent simplicity - expression will occur with no intervention. A cell will always be producing the protein of interest, from its first division to its last.

Very little protein of interest is produced because the colony isn't given the chance to mature - so many of the cells' resources are committed towards producing the protein that the colony's growth rate is reduced. 

 </section>
 
 <section class="scroll-action">

2. Constitutive Expression

These E. coli have been modified with a constitutively promoted gene of interest.

Strain: E. coli with constitutive expression

Division Time: 3 hours

Yield: Low 

 </section>

 <section>

While this is appropriate for experimentation, when optimizing for biomanufacturing, constitutive promoters begin to show their flaws. 

 </section>

</article>

<article id="inducible-article"> 

 <section>

3.1 Inducible Expression

Inducible promoters are an improvement over constitutive expression because they give the manufacturer a degree of control over the gene.

 </section>
 <section class="scroll-action">

3. Inducible Expression

These E. coli have been modified with an artificially inducible gene of interest.

Strain: Inducible E. coli

Division Time: 1 hours

Yield: High 

 </section>
 <section>

These promoters will only express the protein of interest in the presence of some inducer - such as the artificial inducer IPTG - is added to the culture or bioreactor. 

     <button class="inducible_button">Add some IPTG</button>

 </section>

</article>

<article id="quorus-article">

</article>

<footer></footer> <script> 

$(function() {
   $('footer').load('https://2018.igem.org/Template:Virginia/footer?action=raw&ctype=text/javascript');
});

</script>

<script> 

$(function() {
  $('header').load('https://2018.igem.org/Template:Virginia/header?action=raw&ctype=text/javascript');
  $('footer').load('https://2018.igem.org/Template:Virginia/footer?action=raw&ctype=text/javascript');
});

</script>