Team:Waterloo

From 2014.igem.org

(Difference between revisions)
 
(68 intermediate revisions not shown)
Line 9: Line 9:
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
</style>
</style>
-
<!--Back to top button-->
+
<div style="position: relative; top: -30px; margin: 0px -5px;">
-
<a href="#TOP"><img id="toTop" src="https://static.igem.org/mediawiki/2014/a/ad/Waterloo_to-top-button.png"></a>
+
<div class="blueOnGrey">
-
 
+
<h1>Staphylocide</h1>
-
 
+
<h3 style="text-align: center">Delivery of an Antibiotic Resistance Gene Silencing Mechanism to a MRSA Population using Bacterial Conjugation</h3>
-
 
+
</div>
<!--Content below images-->
<!--Content below images-->
-
<div class="content">
+
<div class="content" style="margin-top: 0px;">
-
<ul class="tabs">
+
-
<li><a href="#view0">Instructions Tab</a></li>
+
-
<li><a href="#view1">Tab 1</a></li>
+
-
<li><a href="#view2">Tab 2</a></li>
+
-
<li><a href="#view3">Tab 3</a></li>
+
-
</ul>
+
<div class="tabcontents">
<div class="tabcontents">
-
                         <div class="anchor" id="view0" style="padding-top:50px;">
+
                         <div class="anchor" id="view0" style="padding-top:0px;">
-
<div class="subheading">Instructions for Tabs<br><br></div>
+
<div style="padding-bottom:50px; min-height: 200px; margin-bottom: 40px;">
-
In the file, use the 'find' function to search for "Content below images." Below this line, the code for the different tabs begin.
+
<div class="half-column floatLeft">
-
Between the 'ul' tags, there is a list with the tab names. Change the tabs to list them in order. Under the '/ul' tag and within the 'tabcontents' div, include other divs with the ids in the list of tabs. Between these divs, add the information that you would like displayed when the corresponding tab is selected.
+
  <h2 class="centerUpper blueOnGrey">Problem</h2>
 +
  <img class="smallIcon floatRight" src="https://static.igem.org/mediawiki/2014/c/cc/Waterloo_mrsa_face.png" />
 +
  <p>MRSA is sweeping the nation, an antibiotic-resistant scourge migrating from hospitals into communities. We need a hero to fight it and Waterloo iGEM has designed a synthetic bacterium that just might do the trick...</p>
 +
</div>
 +
<div class="half-column floatRight">
 +
  <h2 class="centerUpper blueOnGrey">Solution</h2>
 +
  <img class="smallIcon floatRight" src="https://static.igem.org/mediawiki/2014/9/94/Waterloo_staphylocide_face.png" />
 +
  <p>...Staphylocide! Staphylocide delivers antibiotic resistance gene silencing <em>in vivo</em> and could one day be incorporated into a treatment that would help doctors defeat MRSA once and for all.</p>
 +
</div>
 +
</div>
 +
<p>&nbsp;</p>
 +
<!-- here go the centered images -->
 +
<h2 class="centerUpper blueOnGrey" style="margin-left: 2%; margin-right: 2%; margin-top: 80;"">Project Cornerstones</h2>
 +
<div style="padding:20px 20px; text-align:center; width:100%; margin: auto;" >
 +
<a href="https://2014.igem.org/Team:Waterloo/Deliver"><img src="https://static.igem.org/mediawiki/2014/9/98/Waterloo_deliver_icon.png" class="icon" /></a>
 +
<a href="https://2014.igem.org/Team:Waterloo/Silence"><img src="https://static.igem.org/mediawiki/2014/9/9e/Waterloo_silence_icon.png" class="icon" /></a>
 +
<a href="https://2014.igem.org/Team:Waterloo/Translate"><img src="https://static.igem.org/mediawiki/2014/7/7e/Waterloo_translate_icon.png" class="icon" /></a>
 +
</div>
 +
<div style="text-align: center; width: 90%; margin: auto;"><p>Explore the three cornerstones of this year's project: <a href="https://2014.igem.org/Team:Waterloo/Deliver">delivering</a> the silencing <em>in vivo</em> using conjugation, <a href="https://2014.igem.org/Team:Waterloo/Silence">silencing</a> <em>mecA</em> expression using CRISPRi and sRNA and <a href="https://2014.igem.org/Team:Waterloo/Translate">translating</a> from the lab to the patients.</p></div>
 +
</div></div></div></div>
-
Note: The epidemiology map is shown in 'Tab 1'
 
-
</div></div></div>
 
-
 
+
-
<h1>Heading</h1>
+
-
 
+
-
<!--Slideshow or image here-->
+
-
<div id="imgBox">
+
-
+
-
</div>
+
-
<!--Content below images-->
+
-
<div class="content">
+
-
<ul class="tabs">
+
-
<li><a href="#view0">Instructions Tab</a></li>
+
-
<li><a href="#view1">Tab 1</a></li>
+
-
<li><a href="#view2">Tab 2</a></li>
+
-
<li><a href="#view3">Tab 3</a></li>
+
-
</ul>
+
-
<div class="tabcontents">
+
-
                        <div class="anchor" id="view0" style="padding-top:50px;">
+
-
<div class="subheading">Instructions for Tabs<br><br></div>
+
-
In the file, use the 'find' function to search for "Content below images." Below this line, the code for the different tabs begin.
+
-
Between the 'ul' tags, there is a list with the tab names. Change the tabs to list them in order. Under the '/ul' tag and within the 'tabcontents' div, include other divs with the ids in the list of tabs. Between these divs, add the information that you would like displayed when the corresponding tab is selected.
+
-
 
+
-
Note: The epidemiology map is shown in 'Tab 1'
+
-
</div>
+
-
<div class="anchor" id="view1">
+
-
<div class="subheading">Tab 1<br><br></div>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
<iframe src="http://mapsengine.google.com/map/embed?mid=ztrZ1qkPPbZo.kq_MwB1YDonc" width="640" height="480"></iframe>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
</div>
+
-
<div class="anchor" id="view2">
+
-
<div class="subheading">Tab2<br><br></div>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
</div>
+
-
<div class="anchor" id="view3">
+
-
<div class="subheading">Tab 3<br><br></div>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
</div>
+
-
</div>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Latest revision as of 02:33, 18 October 2014

Waterloo iGem 2014 Team

Staphylocide

Delivery of an Antibiotic Resistance Gene Silencing Mechanism to a MRSA Population using Bacterial Conjugation

Problem

MRSA is sweeping the nation, an antibiotic-resistant scourge migrating from hospitals into communities. We need a hero to fight it and Waterloo iGEM has designed a synthetic bacterium that just might do the trick...

Solution

...Staphylocide! Staphylocide delivers antibiotic resistance gene silencing in vivo and could one day be incorporated into a treatment that would help doctors defeat MRSA once and for all.

 

Project Cornerstones

Explore the three cornerstones of this year's project: delivering the silencing in vivo using conjugation, silencing mecA expression using CRISPRi and sRNA and translating from the lab to the patients.