Difference between revisions of "Team:Toronto"

Line 23: Line 23:
 
  -->
 
  -->
  
 +
<div class="navigation">
 +
<div id='logo'><h1>iGEMTO</h1></div>
 
<div id="navigation">
 
<div id="navigation">
 
<ul>
 
<ul>
−
<li><a href="https://2017.igem.org/Team:Toronto"><span>home</span></a></li>
+
<li class="team">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li>
 
</li>
 
</li>
−
<li><a href="#"><span>team</span></a>
+
<li class="model">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li>
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Team"><span>team</span></a></li>
+
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Collaborations"><span>collaborations</span></a></li>
+
<li class="demo">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>demonstrate</span></a></li>
 
</li>
 
</li>
−
</ul>
+
<li class="data">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/undefined"><span>measurement</span></a></li>
−
<li><a href="#"><span>project</span></a>
+
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Description"><span>description</span></a></li>
+
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Design"><span>design</span></a></li>
+
<li class="human_practices">&bull;&nbsp;<a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>human practices</span></a></li>
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Experiments"><span>experiments</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Proof"><span>proof</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Demonstrate"><span>demonstrate</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Results"><span>results</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Notebook"><span>notebook</span></a></li>
+
 
</li>
 
</li>
 
</ul>
 
</ul>
−
<li><a href="#"><span>parts</span></a>
+
</div>
 +
</div>
 +
 
 +
<div class="content">
 +
<div id=content-main><!-- Landing div =========================================================== -->
 +
<div class='section1 navyBlue large' id='animation'>
 +
  <div id="pink-orb"></div>
 +
  <div id="mustard-orb"></div>
 +
  <div id="turquois-orb"></div>
 +
  <div id="darkTurquois-orb"></div>
 +
  <div class='section3 col3 textCentre' style='z-index: 2;'>
 +
    <h1 id='title'>Team Tagline</h1>
 +
    <div class='textLeft pad5-y'>
 +
      <h3 style='display: inline;'>Welcome to the 2017 iGEM Toronto Wiki. Your first stop to learn about our&nbsp;</h3>
 +
      <div id='text'>
 +
        <div id='scrollWords'>
 +
          <h3 style='color:#39BAC1;'>project.</h3>
 +
          <h3 style='color:#FF4C49;'>engagement.</h3>
 +
          <h3 style='color:#DFA431;'>models.</h3>
 +
          <h3 style='color:#367B8C;'>journey.</h3>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <button type='button' class='pink'>Here&#39;s the problem</button>
 +
  </div>
 +
</div>
 +
 
 +
<!-- Facts ================================================================= -->
 +
<div class='section1 white textCentre pad3'>
 +
    <h2>The problem we want to solve</h2>
 +
    <div class='section2 alignCentre'>
 +
      <img src='../../images/igem.png' class='col1 alignCentre'/>
 +
      <div class='section3 col1 textLeft pad2'>
 +
        <h3>FACT #1</h3>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat.</p>
 +
      </div>
 +
      <div class='section3 col1 textLeft pad2'>
 +
        <h3>FACT #2</h3>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius.</p>
 +
      </div>
 +
      <div class='section3 col1 textLeft pad2'>
 +
        <h3>FACT #3</h3>
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum.</p>
 +
      </div>
 +
    </div>
 +
</div>
 +
 
 +
<!-- Subteams ============================================================== -->
 +
<div class='section1 navyBlue pad5 large'>
 +
  <div class='section2 alignCentre alignDeadCentre spaceBetween'>
 +
    <div class='section1 col2 alignCentre'>
 +
      <h3>Wet Lab Info</h3>
 +
      <p>
 +
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris.
 +
      </p>
 +
      <ul>
 +
        <li class='demo'><a href='#'> demo</a></li>
 +
        <li class='data'><a href='#'> data</a></li>
 +
        <li class='team'><a href='#'> members &amp; collaborators</a></li>
 +
      </ul>
 +
      <button type='button' class='mustard'>How the wet lab team helps</button>
 +
    </div>
 +
    <img src='../../images/circles.PNG' class='col3 alignCentre'/>
 +
  </div>
 +
</div>
 +
 
 +
<!-- <div class='diagonal'></div> -->
 +
<div class='section1 navyBlue pad5 large'>
 +
  <div class='section2 alignCentre alignDeadCentre spaceBetween'>
 +
  <img src='../../images/circles.PNG' class='col3 alignCentre'/>
 +
    <div class='section1 col2 alignCentre'>
 +
      <h3>Dry Lab Info</h3>
 +
      <p>
 +
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus.
 +
      </p>
 +
      <ul>
 +
        <li class='model'><a href='#'> model</a></li>
 +
        <li class='demo'><a href='#'> demo</a></li>
 +
        <li class='team'><a href='#'> members &amp; collaborators</a></li>
 +
      </ul>
 +
      <button type='button' class='white'>How we engage the community</button>
 +
    </div>
 +
  </div>
 +
</div>
 +
 
 +
<!-- <div class='diagonal' style='transform: rotate(180deg);'></div> -->
 +
<div class='section1 navyBlue pad5 large'>
 +
  <div class='section2 alignCentre alignDeadCentre spaceBetween'>
 +
  <div class='section1 col2 alignCentre'>
 +
    <h3>PnP Info</h3>
 +
    <p>
 +
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus. Donec maximus porttitor ante, eget pretium urna sagittis nec. Duis congue urna id iaculis bibendum.
 +
    </p>
 +
    <ul>
 +
      <li class='human_practices'><a href='#'> details on hp</a></li>
 +
      <li class='team'><a href='#'> members and collaborators</a></li>
 +
    </ul>
 +
  </div>
 +
  <img src='../../images/circles.PNG' class='col3 alignCentre'/>
 +
  </div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="footer pad3 white">
 +
<p>SITE MAP</p><div class="section3">
 
<ul>
 
<ul>
−
<li><a href="https://2017.igem.org/Team:Toronto/Parts"><span>parts</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto"><span>Home</span></a></li>
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Basic_Part"><span>basic_part</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Team"><span>Team</span></a></li>
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Composite_Part"><span>composite_part</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Description"><span>Description</span></a></li>
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Part_Collection"><span>part_collection</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>Human Practices</span></a></li>
 
</li>
 
</li>
−
</ul>
+
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Silver</span></a></li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Safety"><span>safety</span></a></li>
+
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/Attributions"><span>attributions</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/undefined"><span>HP Gold</span></a></li>
 
</li>
 
</li>
−
<li><a href="#"><span>human_practices</span></a>
+
<li><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>Engagement</span></a></li>
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Human_Practices"><span>human_practices</span></a></li>
+
 
</li>
 
</li>
−
<li><a href="https://2017.igem.org/Team:Toronto/HP-Silver"><span>silver</span></a></li>
+
<li><a href="https://2017.igem.org/Team:Toronto/Software"><span>Software</span></a></li>
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/HP-Gold"><span>gold</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Integrated_Practices"><span>integrated_practices</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Engagement"><span>engagement</span></a></li>
+
 
</li>
 
</li>
 
</ul>
 
</ul>
−
<li><a href="#"><span>awards</span></a>
+
</div></div>
−
<ul>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Entrepreneurship"><span>entrepreneurship</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Hardware"><span>hardware</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Software"><span>software</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Measurement"><span>measurement</span></a></li>
+
−
</li>
+
−
<li><a href="https://2017.igem.org/Team:Toronto/Model"><span>model</span></a></li>
+
−
</li>
+
−
</ul>
+
−
</ul>
+
−
</div>
+
−
<div class="content">
+
−
<div class="content" id="content-main"><div class="row"><div class="col col-lg-8 col-md-12"><div class="content-main"><h2>Description</h2>
+
−
 
+
−
<p>CRISPR-Cas9 is heralded as a revolution in gene-editing technology for making directed genome editing faster and more financially viable as a form of therapy than ever before. However, the fidelity of genetic integrations is still reliant upon the activity of repair mechanism in the host cell and the system is susceptible to off-target edits depending on the duration and level of Cas9 expression. That&#39;s why our 2017 iGEM Toronto summer team is working on developing a light-activated system that will allow spacio-temporal control of CRISPR-Cas9 activity.</p>
+
−
<h4>Our Switch</h4>
+
−
 
+
−
<p>Using sgRNAs (necessary for CRISPR-Cas9 targeting) and AcrIIA4 (anti-CRISPR protein) under the control of LacILOV (a novel light-activated modulator developed by the Mahadevan lab) and cI repressor respectively, we aim to create a toggle switch to allow stringent control of Cas9 activity. In the absence of blue light, LacILOV represses downstream transcription of both sgRNA and the cI repressor. The lack of cI protein expression allows AcrIIA4 to be transcribed which in turn inhibits Cas9 activity. As such, without blue light, CRISPR is essentially “OFF” lacking sgRNA and inhibited by anti-CRISPR. In the presence of blue light, however, LacILOV repression is abolished allowing sgRNAs transcription and removing anti-CRISPR inhibition (through cI expression) to facilitate CRISPR activity.</p>
+
−
<h4>Experimental Data and Computational Model</h4>
+
−
 
+
−
<p>The switch will be validated in E. coli where the kinetics of light-induced activation and repression will be characterized by spectrophotometric assays of reporter proteins (YFP and mCherry). Measurable interference of metabolic and reporter genes by dCas9 will be used to assay functional control of CRISPR activity by our toggle switch. Our computational team will then be using these experimental results to simulate a stochastic model of the gene circuit. Furthermore, the dynamics of the system will be analyzed using MATLAB Symbio Library to provide an optimized model for the wet lab.</p>
+
−
<h4>Policy and Practices</h4>
+
−
 
+
−
<p>While this light activated CRISPR-Cas9 system should provide scientists with greater control and accuracy in gene editing, the regulatory framework required to implement this technology as a normalized component of healthcare, is still lacking. To investigate the barriers that human gene editing may face, our team will conduct a systematic analysis of the socioeconomic, legal, ethical and political considerations of key shareholders impacted. This will be done by creating a dialogue through interviews and a podcast series with individuals including local politicians, healthcare professionals, members of religious communities, advocacy groups, and end users who will be affected by the inclusion of this technology into mainstream healthcare. We are also committed to outreach and education through our high school summer camp on regenerative medicine and synthetic biology, and a daylong iconathon event which will pair scientists and artists to enrich the currently meager synthetic biology icon repository. Our project aims to contribute to the body of research geared towards making CRISPR an accurate, reliable and ultimately safe clinical option as well as to provide a diverse understanding of the manner in which this technology will shape, and is shaped by, the political and social landscape of Canada.</p>
+
−
</div></div><div id="tableofcontents" class="tableofcontents affix sidebar col-lg-4 hidden-xs hidden-sm hidden-md visible-lg-3"><ul class="nav"></div></div></div>
+
−
</div>
+
 
</html>
 
</html>
 
{{Toronto/footer}}
 
{{Toronto/footer}}

Revision as of 15:42, 22 August 2017

The problem we want to solve

FACT #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat.

FACT #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius.

FACT #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum.

Wet Lab Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris.

Dry Lab Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus.

PnP Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vestibulum egestas varius. Sed consequat libero ac mollis rutrum. Morbi eu quam eu dolor pellentesque placerat. Aliquam dignissim lectus mi, vitae molestie velit laoreet ac. Curabitur at diam eget diam scelerisque facilisis ut et felis. Aliquam et dapibus mauris. Cras id nibh sodales, pulvinar neque sed, varius ipsum. Phasellus rhoncus non risus ac cursus. Donec maximus porttitor ante, eget pretium urna sagittis nec. Duis congue urna id iaculis bibendum.

SITE MAP

General Pages

Wet Lab

Dry Lab

Human Practices

iGEM Toronto