Difference between revisions of "Team:Waterloo/Requirements"

 
(31 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
{{Template:Waterloo/style.css}}
 
{{Template:Waterloo/style.css}}
 
{{Template:Waterloo/sidenav.css}}
 
{{Template:Waterloo/sidenav.css}}
 +
 
<html>
 
<html>
 
<head>
 
<head>
  
−
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/angular?action=raw&ctype=text/javascript"></script>
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
 +
  <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/angular?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/app?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/app?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/nav?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/nav?action=raw&ctype=text/javascript"></script>
Line 15: Line 17:
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery-color?action=raw&ctype=text/javascript"></script>
 
   <script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/jquery-color?action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript" src="https://2016.igem.org/Template:Waterloo/svgquery?action=raw&ctype=text/javascript"></script>
+
  <!--  this last link is actually loading fontawesome even though it's just called CSS -->
 +
  <link rel="stylesheet" href="https://2016.igem.org/Team:Waterloo/CSS?action=raw&amp;ctype=text/css" type="text/css" />
 +
 
 
</head>
 
</head>
−
<header ng-app="waterloo">
+
<div ng-controller="team" ng-app="waterloo">
 +
 
 +
<header>
 +
 
 
<div class="cd-auto-hide-header" ng-mouseleave="hider()"  ng-controller="nav" ng-cloak>
 
<div class="cd-auto-hide-header" ng-mouseleave="hider()"  ng-controller="nav" ng-cloak>
 
   <a href="/Team:Waterloo"><img style="height: 100%; padding-left: 7vw;" src="https://static.igem.org/mediawiki/2016/7/7e/T--Waterloo--WATERLOgo.jpg"> </a>
 
   <a href="/Team:Waterloo"><img style="height: 100%; padding-left: 7vw;" src="https://static.igem.org/mediawiki/2016/7/7e/T--Waterloo--WATERLOgo.jpg"> </a>
Line 29: Line 36:
 
     <!-- .nav-trigger -->
 
     <!-- .nav-trigger -->
  
−
     <ul id="cd-navigation">
+
     <ul id="cd-navigation" class="mobile-menu">
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='project'; ">PROJECT</a></li>
+
       <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='project'; ">PROJECT</a>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='design';">BLUEPRINT</a></li>
+
        <ul class="secondary-nav">
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='results';">RESULTS</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Description">DESCRIPTION</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='lab'">LAB</a></li>
+
       <li><a class="paragraph-medium" href="/Team:Waterloo/Design">DESIGN</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='practices'">POLICY</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Requirements">REQUIREMENTS</a></li>
−
       <li><a href="#" ng-click="clickety=true" ng-mouseover="subnav='team';">TEAM</a></li>
+
      <li><a class="paragraph-medium" href="/Team:Waterloo/Model">MODELLING</a></li>
 +
        </ul>
 +
      </li>
 +
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='design';">BLUEPRINT</a>
 +
        <ul class="secondary-nav">
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/HowItWorks">HOW IT WORKS</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/Software">PREMATURE STOP CODON</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PromoterSelection">PROMOTER SELECTION</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS</a></li>
 +
              <li> <a class="paragraph-medium" href="/Team:Waterloo/NetworkModelling">NETWORK MODELLING</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/Aggregation">AGGREGATION MODEL</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/Crispr">CRISPR</a></li>
 +
        </ul>
 +
       </li>
 +
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='results';">RESULTS</a>
 +
      <ul class="secondary-nav">
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/InDepthDesign/PlasmidLossModel">PLASMID LOSS</a></li>
 +
              <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li>
 +
       </ul>
 +
      </li>
 +
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='lab'">LAB</a>
 +
      <ul class="secondary-nav">
 +
                <li><a class="paragraph-medium" href="/Team:Waterloo/Parts">PARTS</a></li>
 +
                <li><a class="paragraph-medium" href="/Team:Waterloo/Experiments">PROTOCOLS</a></li>
 +
                <li><a class="paragraph-medium" href="/Team:Waterloo/Notebook">NOTEBOOK</a></li>
 +
                <li><a class="paragraph-medium" href="/Team:Waterloo/Safety">SAFETY</a></li>
 +
       </ul>
 +
      </li>
 +
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='practices'">POLICY</a>
 +
      <ul class="secondary-nav">
 +
      <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Silver">SILVER</a></li>
 +
       <li><a class="paragraph-medium" href="/Team:Waterloo/HP/Gold">GOLD</a></li>
 +
      <li><a class="paragraph-medium"  style="font-weight: bold; color: #cd5f94" href="/Team:Waterloo/Engagement">ENGAGEMENT</a></li>
 +
      <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/GenderEquity">GENDER EQUITY</a></li>
 +
      <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/Ethics">ETHICS</a></li>
 +
      <li><a class="paragraph-medium"  style="color: #cd5f94" href="/Team:Waterloo/Engagement/Access">ACCESS</a></li>
 +
      <li><a class="paragraph-medium" style="font-weight:bold; color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices">INTEGRATED PRACTICES</a></li>
 +
      <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/OpenScience">OPEN SCIENCE</a></li>
 +
      <li><a class="paragraph-medium" style="color: #5f94cd;" href="/Team:Waterloo/Integrated_Practices/Networks">NETWORKS</a></li>
 +
      </ul>
 +
      </li>
 +
      <li onclick="$(this).toggleClass('show-secondary-nav');"><a href="#" ng-click="clickety=true" ng-mouseover="subnav='team';">TEAM</a>
 +
      <ul class="secondary-nav">
 +
            <li><a class="paragraph-medium" href="/Team:Waterloo/Team">THE TEAM</a></li>
 +
            <li><a class="paragraph-medium" href="/Team:Waterloo/Attributions">ATTRIBUTIONS</a></li>
 +
            <li><a class="paragraph-medium" href="/Team:Waterloo/Sponsors">SPONSORS</a></li>
 +
            <li><a class="paragraph-medium" href="/Team:Waterloo/Collaborations">COLLABORATION</a></li>
 +
      </ul>
 +
      </li>
 
     </ul>
 
     </ul>
 
   </nav>
 
   </nav>
Line 63: Line 119:
 
     <ul>
 
     <ul>
 
               <li><a class="paragraph-medium" href="https://2016.igem.org/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li>
 
               <li><a class="paragraph-medium" href="https://2016.igem.org/Team:Waterloo/Proof">PROOF OF CONCEPT</a></li>
−
               <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PlasmidLoss">PLASMID LOSS MODEL</a></li>
+
               <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PlasmidLoss">PLASMID LOSS</a></li>
 
               <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li>
 
               <li><a class="paragraph-medium" href="/Team:Waterloo/Results/PromoterAnalysis">PROMOTER ANALYSIS</a></li>
  
Line 107: Line 163:
 
</div>
 
</div>
 
<!-- .cd-auto-hide-header -->
 
<!-- .cd-auto-hide-header -->
 +
 
</header>
 
</header>
−
<div ng-app="waterloo" ng-controller="medals">
+
 
 +
 
 +
 
 +
  <div class="container-fluid">
 +
 
 +
  <div class="idkmakeityellow">
 +
    <div class="header-image" style="background-image: url(https://static.igem.org/mediawiki/2016/1/19/T--Waterloo--awards.jpg);">
 +
      <h3 class="header-text"><span style="background-color: #FFFFFF;opacity: 0.8;">Requirements</span></h3>
 +
    </div>
 +
  </div>
 +
  </div>
 +
 
 +
<div ng-controller="medals">
 
    
 
    
 
<div class="clickmepls">
 
<div class="clickmepls">
−
 
+
 
 
<div class="medal">
 
<div class="medal">
−
<a href="#bronze" ng-click="active='bronze'">
+
<a href="" ng-click="active='bronze'">
−
   <img src="https://static.igem.org/mediawiki/2016/d/dc/T--Waterloo--bronzemedal.svg">
+
   <img src="https://static.igem.org/mediawiki/2016/0/0b/T--Waterloo--Bronze_medal.png">
 
</a>
 
</a>
 
</div>
 
</div>
 +
 
<div class="medal">
 
<div class="medal">
−
 
+
<a href="" ng-click="active='silver'">
−
<a href="#silver" ng-click="active='silver'">
+
   <img src="https://static.igem.org/mediawiki/2016/a/a1/T--Waterloo--Silver_medal.png">
−
   <img src="https://static.igem.org/mediawiki/2016/5/5d/T--Waterloo--silvermedal.svg">
+
 
</a>
 
</a>
 
</div>
 
</div>
  
 
<div class="medal">
 
<div class="medal">
−
<a href="#gold" ng-click="active='gold'">
+
<a href="" ng-click="active='gold'">
−
   <img src="https://static.igem.org/mediawiki/2016/8/80/T--Waterloo--gold.svg
+
   <img src="https://static.igem.org/mediawiki/2016/c/c7/T--Waterloo--Gold_medal.png">
−
">
+
 
</a>
 
</a>
 
</div>
 
</div>
Line 133: Line 201:
  
  
−
     <div class="wcontent-box" ng-show="active=='bronze'">
+
     <div class="wcontent-box" ng-show="active == 'bronze'">
 
     <div class="wcontent-title">
 
     <div class="wcontent-title">
 
     Bronze Requirements
 
     Bronze Requirements
Line 151: Line 219:
 
     </div>
 
     </div>
  
−
     <div class="wcontent-box"  ng-show="active=='silver'">
+
     <div class="wcontent-box"  ng-show=" active == 'silver'">
 
     <div class="wcontent-title" id="silver">
 
     <div class="wcontent-title" id="silver">
 
     Silver Requirements
 
     Silver Requirements
Line 167: Line 235:
 
     </div>
 
     </div>
  
−
     <div class="wcontent-box"  ng-show="active=='gold'">
+
     <div class="wcontent-box"  ng-show=" active == 'gold' ">
 
     <div class="wcontent-title" id="gold">
 
     <div class="wcontent-title" id="gold">
 
     Gold Requirements
 
     Gold Requirements
Line 184: Line 252:
  
  
 +
</div>
 +
 
</div>
 
</div>
 
  </html>
 
  </html>
  
 
{{Template:Waterloo/Footer}}
 
{{Template:Waterloo/Footer}}

Latest revision as of 01:46, 20 October 2016

Requirements

Bronze Requirements
  1. Register and Attend

    We had a really great summer! We are registered and will be attending the Giant Jamboree Oct. 27-31, 2016.

  2. Deliverables

    Follow this link to our completed Judging Form. Our project is described in our Project Description and our parts can be found on the registry through our Parts page. We will present our project at this year’s Giant Jamboree on Saturday Oct. 29, 2016 in Room 311 at 4:00 PM.

  3. Attributions

    The work done by the students on the Waterloo iGEM team and the assistance we received from our advisors, iGEM teams, graduate students, and many other is displayed on our Attributions page.

  4. Parts/Contribution

    We have added our two BioBricks with documentation on the iGEM Parts Registry: BBa_K2137001 and BBa_K2137002. How these parts are used is discusssed on the Parts page.

Silver Requirements
  1. Validated Part

    We have validated both of our Biobricks (BBa_K2137001 and BBa_K2137002) and documented its characterization in the iGEM Parts Registry found on our Parts page with an explanation of its utility.

  2. Collaboration

    Our collaborations with three different Ontario universities in Canada is outlined on our Collaboration page.

  3. Human Practices

    Our Policy and Practices team has delved into multiple areas beyond the lab like the ethics, social justice, and intellectual property rights of our project and the overarching synthetic biology used in it. In addition, our special project looking at the 2015 iGEM collaboration network has revealed some issues. Please see our Practices Overview page for details.

Gold Requirements
  1. Integrated Human Practices

    We integrated our Human Practices activities into our project where details can be found on the Practices Overview page. Moreover, our special investigation on the 2015 iGEM collaborations network issues yielded important results we highly recommend for other iGEM teams where details can also be found on the Practices Overview page.

  2. Improve a Previous Part or Project

    Building on last year’s BBa_K1645998 BioBrick, we improved its characterization with more robust flow cytometry experiments demonstrating the modified sgRNA’s ability to repress the LacI promoter upstream of an RFP. The related documented information can be found here.

  3. Proof of Concept

    We demonstrate our proof-of-concept, novel regulatory element functions on our Results page.