Difference between revisions of "Team:Amazonas Brazil/Demonstrate"

 
(132 intermediate revisions by 6 users not shown)
Line 34: Line 34:
  
 
<header>
 
<header>
     <nav class="navbar navbar-fixed-top navbar-default" style="background-color: rgba(255, 255, 255, 0);">
+
     <nav class="navbar navbar-fixed-top navbar-default" id="#" style="background-color: rgba(255, 255, 255, 0);">
 
       <ul class="Links_bar" style="background: linear-gradient(to left, #263D9E, #3F2759);">
 
       <ul class="Links_bar" style="background: linear-gradient(to left, #263D9E, #3F2759);">
 
         <li><a class="Link-pg" href="https://2017.igem.org/Team:Amazonas_Brazil"><img src="https://static.igem.org/mediawiki/2017/d/d4/T--Amazonas_Brazil--LogoBranco.png"  width="104.04";height="90"; class="Menu_image"></a></li>
 
         <li><a class="Link-pg" href="https://2017.igem.org/Team:Amazonas_Brazil"><img src="https://static.igem.org/mediawiki/2017/d/d4/T--Amazonas_Brazil--LogoBranco.png"  width="104.04";height="90"; class="Menu_image"></a></li>
Line 80: Line 80:
 
             <div class="text-content  text-center">
 
             <div class="text-content  text-center">
 
               <h2 class="Page_Title" align="middle">DEMONSTRATE</h2>
 
               <h2 class="Page_Title" align="middle">DEMONSTRATE</h2>
  </div>
+
 
 +
        </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 92: Line 93:
 
         <div class="row section-container-spacer">
 
         <div class="row section-container-spacer">
 
           <div class="col-xs-12";>
 
           <div class="col-xs-12";>
            <h1 class="First"style="text-align: center;">Demonstrate</h1>
+
              <div style="margin-bottom: 0;padding-bottom: 0; margin-top: 15px;">
              <div style="margin-top: 6%">
+
  
                <div style='position:relative;top:0px; left:0px'>
+
              <img alt="Erro" style="width: 70%;height: 70%; margin-left: 17%" usemap="#toolbox"  
               
+
              src="https://static.igem.org/mediawiki/2017/f/f8/Amazonas_Brazil_2017-10-31.png">
      <!--    <div style="position: absolute;top:30% ;left:5% ">  -->
+
                <img style="display: block; margin-left: auto; margin-right: auto;width: 20%;height: 20%"  
+
                src="https://static.igem.org/mediawiki/2017/0/02/Amazonas_Brazil_2017Demonstrate1.png">
+
      <!--      </div> -->  
+
  
                <div style='position:absolute;top:85%; left:10%;'>                
+
              <map name="toolbox">
                <img alt="Erro" style="display: block; margin-left: auto; margin-right: auto; width:45%; height:45%;"
+
                <area shape="rect" coords="321,3,788,336" href="#toolbox2"> <!--toolbox -->
                src="https://static.igem.org/mediawiki/2017/8/87/Amazonas_Brazil_2017OPERATION1.png"/>                   
+
               
                </div>
+
                <area shape="rect" coords="9,603,398,835" href="#crout2"> <!--crout -->
 +
                  
 +
                <area shape="rect" coords="709,607,1099,836" href="#crin2"> <!--crin -->
 +
              </map>
  
                <!--
+
              </div>
                <div style='position:absolute;top:53%; left:4%;'>                
+
             
                <img alt="Erro" style="display: block; margin-left: auto; margin-right: auto; width:45%; height:45%;"
+
                src="https://static.igem.org/mediawiki/2017/0/0d/Amazonas_Brazil_2017CROUT1.png"/>                 
+
                </div>
+
  
                <div style='position:absolute;top:53%; left:48%;'>                 
+
              <div>
                <img alt="Erro" style="display: block; margin-left: auto; margin-right: auto; width:45%; height:45%;"
+
                src="https://static.igem.org/mediawiki/2017/1/12/Amazonas_Brazil_2017CRIN1.png"/>                 
+
                </div>
+
  
                <div style='position:absolute;top:5%; left:40%;'>                
+
            <div>
                <img alt="Erro" style="display: block; margin-left: auto; margin-right: auto; width:45%; height:45%;"
+
              <a data-toggle="tab" data-target="#toolbox" id="toolbox2">
                src="https://static.igem.org/mediawiki/2017/0/02/Amazonas_Brazil_2017Demonstrate1.png"/>                 
+
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px;opacity: 1"
                </div>
+
              src="https://static.igem.org/mediawiki/2017/c/c2/Amazonas_Brazil_Demonstrate1_2.png"
                -->
+
              onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"
                </div>
+
              onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- Toolbox -->
 +
              </a>
 +
            </div>
  
 +
            <div class="tab-content" align="center">
 +
              <div id="toolbox" class="team-content tab-pane fade" >
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px"
 +
              src="https://static.igem.org/mediawiki/2017/5/58/Amazonas_Brazil_Assembly.png">
 
               </div>
 
               </div>
                
+
            </div>
 +
           
 +
            <div>
 +
               <a data-toggle="tab" data-target="#crout" id="crout2">
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px;opacity: 1"
 +
              src="https://static.igem.org/mediawiki/2017/6/63/Amazonas_Brazil_Demonstrate3_1.png"
 +
              onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"
 +
              onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- CROUT -->
 +
              </a>
 +
            </div>
  
 +
            <div class="tab-content" align="center">
 +
              <div id="crout" class="team-content tab-pane fade" >               
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px"
 +
              src="https://static.igem.org/mediawiki/2017/0/0d/Amazonas_Brazil_Demonstrate4.png">
 +
              <img alt="Erro" style="width: 60%;height: 80%;margin-left: 20%; margin-top: 60px"
 +
              src="https://static.igem.org/mediawiki/2017/8/85/Amazonas_Brazil_Demonstrate4_5.png">
 +
              <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 15px"
 +
              src="https://static.igem.org/mediawiki/2017/e/ea/Amazonas_Brazil_Demonstrate5.png">
 +
           
 +
             
 +
                <div class="container-fluid" style="background-color:#323232; margin-bottom: 60px">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/a/a9/Amazonas_Brazil_Demonstrate_Proof_1.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/9/9a/Amazonas_Brazil_Demonstrate_Proof_2.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/a/a0/Amazonas_Brazil_Demonstrate_Proof_3.png">
 +
                </div>
 +
             
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 8%; margin-top: 60px"
 +
                src="https://static.igem.org/mediawiki/2017/3/3e/Amazonas_Brazil_Discussion.png">
 +
              </div>
 +
              </div>
 +
           
 
               <div>
 
               <div>
                <h1 style=" margin: 0;padding-top: 0.1em;"id="Assembly"></h1>
+
                <a data-toggle="tab" data-target="#crin" id="crin2">
                 <h2 style="margin-top: 1.4em;">Toolbox modules assembly</h2>
+
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 60px;opacity: 1"
                 <h4 style="padding: 0;">How we constructed our circuits</h4>
+
                    src="https://static.igem.org/mediawiki/2017/f/f8/Amazonas_Brazil_Demonstrate6_1.png"
                 <h3 style="padding: 0;margin-top: 0.5em;margin-bottom: 0.5em;">core breakthroughs</h3>
+
                    onmouseover="this.style.opacity=0.5;this.filters.alpha.opacity=100"  
                <li>Construction of standard interchangeable parts for genome engineering based on CRISPR-Cas9 machinery;</li>
+
                    onmouseout="this.style.opacity=1;this.filters.alpha.opacity=50"> <!-- CRIN -->
                 <li>Engineering of an optimized sgRNA (both crRNA design AND tracrRNA structure) to amplify editing efficiency;</li>
+
                  </a>
 +
              </div>
 +
             
 +
                 <div class="tab-content" align="center">
 +
                  <div id="crin" class="team-content tab-pane fade" > 
 +
                 
 +
                  <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
                    src="https://static.igem.org/mediawiki/2017/d/d1/Amazonas_Brazil_Demonstrate7.png">
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
              src="https://static.igem.org/mediawiki/2017/f/fa/Amazonas_Brazil_Demonstrate8.png">
 +
                 <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
              src="https://static.igem.org/mediawiki/2017/3/34/Amazonas_Brazil_Demonstrate9.png">
 +
                 <img alt="Erro" style="width: 80%;height: 80%;margin-left: 10%; margin-top: 40px"
 +
              src="https://static.igem.org/mediawiki/2017/7/74/Amazonas_Brazil_Demonstrate10.png">
 +
             
 +
             
 +
                <div class="container-fluid" style="background-color:#323232; margin-bottom: 60px">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/6/60/Amazonas_Brazil_Demonstrate_Proof_4.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/a/a2/Amazonas_Brazil_Demonstrate_Proof_5.png">
 +
                  <img style="width: 100%" src="https://static.igem.org/mediawiki/2017/3/3a/Amazonas_Brazil_Demonstrate_Proof_6.png">
 +
                 </div>
 +
               
 +
                <img alt="Erro" style="width: 80%;height: 80%;margin-left: 8%; margin-top: 60px"
 +
                src="https://static.igem.org/mediawiki/2017/2/2f/Amazonas_Brazil_Discussion2.png">
 +
                </div>
 
               </div>
 
               </div>
              <div>
+
 
              <h1 style=" margin: 0;padding-top: 0.1em;"id="Testing"></h1>
+
                <h2 style="margin-top: 1.4em;">CRISPeasy-out method (crOUT)</h2>
+
                <h3 style="padding: 0;margin-top: 0.5em;margin-bottom: 0.5em;">core breakthroughs:</h3>
+
                <li>Characterization of the Cas9 device + optimized sgRNA (BBa_K2457006) in E. coli K12 MG1655 cells by tracking the impact on the cellular system (i.e., growth ratio);</li>
+
                <li>Setting up a reliable data sheet of Cas9 activation machinery in a range of conditions to further expand its uses by SynBio and iGEM community;</li>
+
              </div>
+
 
                
 
                
              <div style="background-color:#323232"> <!-- Div para imagens-->
+
      <!--      <div style="background-color:#323232">  
 
                 <div>
 
                 <div>
 
                   <p>
 
                   <p>
Line 150: Line 197:
 
                   </p>
 
                   </p>
 
                 </div>
 
                 </div>
               </div>
+
               </div> Div para imagens -->  
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
+
</div>
 
<script>
 
<script>
 
     document.addEventListener("DOMContentLoaded", function (event) {
 
     document.addEventListener("DOMContentLoaded", function (event) {
Line 165: Line 212:
 
<script type="text/javascript" src="https://2017.igem.org/Template:Amazonas_Brazil/JS?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Template:Amazonas_Brazil/JS?action=raw&ctype=text/javascript"></script>
 
</body>
 
</body>
 +
 +
<footer style="position:fixed;">
 +
<div class="subcontainer">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/5/55/T--Amazonas_Brazil--IconTop.png" style="width: 4%;position: absolute;bottom: 0.5em;right: 0.5em;opacity: 0.5;"></a>
 +
</div>
 +
</footer>
 +
 
<footer style="background: linear-gradient(to left, #263D9E, #3F2759)">
 
<footer style="background: linear-gradient(to left, #263D9E, #3F2759)">
 
   <div class="footer-container" >
 
   <div class="footer-container" >
Line 177: Line 232:
 
         <i class="fa fa-facebook" aria-hidden="true"></i>
 
         <i class="fa fa-facebook" aria-hidden="true"></i>
 
     </a>
 
     </a>
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/5/55/T--Amazonas_Brazil--IconTop.png" style="width: 4%;position: absolute;bottom: 5.5em;right: 0.5em;opacity: 0.5;"></a>
 
   </p>
 
   </p>
 
   </div>
 
   </div>

Latest revision as of 03:24, 2 November 2017

Wiki_iGEM_Amazonas

DEMONSTRATE