Difference between revisions of "Team:Calgary"

 
(90 intermediate revisions by 6 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
  <head>
−
<!-- CSS Dependencies -->
+
−
  <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Bootstrap?action=raw&ctype=text/css">
+
−
  <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:Calgary/WikiResetCSSImposter?action=raw&ctype=text/css">
+
−
  <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Style-Animate?action=raw&ctype=text/css">
+
−
+
  
−
<!-- In-House CSS -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/WikiReset-Styling?action=raw&ctype=text/css">
+
−
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/General-Styling?action=raw&ctype=text/css">
+
−
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Home-Style?action=raw&ctype=text/css">
+
  
−
<!-- Code Dependencies
+
    <title>iGEM Calgary 2019</title>
−
  <script src="https://2019.igem.org/Template:Calgary/jQuery-Code?action=raw&ctype=text/javascript"></script>-->
+
−
<script src="https://2019.igem.org/Template:Calgary/PopperJS-Code?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2019.igem.org/Template:Calgary/Bootstrap-Code?action=raw&ctype=text/javascript"></script>
+
−
<script src="https://2019.igem.org/Template:Calgary/Animate-Code?action=raw&ctype=text/javascript"></script>
+
  
−
<!-- In-House Code -->
+
    <!-- CSS Dependencies -->
−
<script src="https://2019.igem.org/Template:Calgary/General-Code?action=raw&ctype=text/javascript"></script>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Bootstrap?action=raw&ctype=text/css">
−
<script src="https://2019.igem.org/Template:Calgary/HomeBase-Code?action=raw&ctype=text/javascript"></script>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/WikiReset-Styling?action=raw&ctype=text/css">
−
<script src="https://2019.igem.org/Template:Calgary/Home-Code?action=raw&ctype=text/javascript"></script>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Style-Animate?action=raw&ctype=text/css">
−
<!-- <script src="initiateHome.js"></script> -->
+
  
−
</head>
 
−
<body>
 
  
−
<div class = "fixed" id="fixed-content">
+
    <!-- In-House CSS -->
−
<nav class="navbar navbar-expand-lg navbar-dark nav-down" id="navbar">
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/General-Styling?action=raw&ctype=text/css">
−
  <a class="navbar-brand" href="https://2019.igem.org/Team:Calgary">yOIL</a>
+
    <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Home-Style?action=raw&ctype=text/css">
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
−
    <span class="navbar-toggler-icon"></span>
+
−
  </button>
+
  
−
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
    <!-- Code Dependencies -->
−
    <ul class="navbar-nav mr-auto">
+
    <script src="https://2019.igem.org/Template:Calgary/PopperJS-Code?action=raw&ctype=text/javascript"></script>
−
     
+
    <script src="https://2019.igem.org/Template:Calgary/Bootstrap-Code?action=raw&ctype=text/javascript"></script>
−
      <li class="nav-item dropdown">
+
    <script src="https://2019.igem.org/Template:Calgary/Animate-Code?action=raw&ctype=text/javascript"></script>
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Description">Description</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Judging">Judging</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Design">Design</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Appendix">Appendix</a>
+
−
          <div class="dropdown-divider"></div>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Experiments">Protocols</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Notebook">Journal</a>
+
−
                                  <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Safety">Safety</a>
+
−
         
+
−
        </div>
+
−
      </li>
+
−
      <li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Wet Lab</a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/WetLab">Overview</a>          
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/ChlorophyllExtraction">Chlorophyll Extraction</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/EmulsifiedBindingProteinProcess">Protein Emulsification</a>
+
−
                                  <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/RepurposingChlorophyll">Repurposing Chlorophyll</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Anti-Fungal">Anti-Fungal</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Demonstrate">Demonstrate</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Parts">Parts Overview</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Part_Collection">Collection</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Improve">Improve</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Contribution">Characterize</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Validate">Validate</a>
+
  
 +
    <!-- In-House Code -->
 +
    <script src="https://2019.igem.org/Template:Calgary/General-Code?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Template:Calgary/HomeBase-Code?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2019.igem.org/Template:Calgary/Home-Code?action=raw&ctype=text/javascript"></script>
 +
    <!-- <script src="initiateHome.js"></script> -->
 +
    <script src="https://2019.igem.org/Template:Calgary/Definitions-Code?action=raw&ctype=text/javascript"></script>
  
−
</div>
+
    <style>
−
      </li>
+
−
      <li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Model</a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model">Overview</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/ICARUS">ICARUS</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/EmulsionPrediction">Emulsion Construction Prediction</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/DirectedProteinModification">Directed Protein Modification</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/InSilicoEmulsionSystemVerification">In Silico Emulsion System Verification</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Measurement">Measurement</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Software">Software Tools</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/BOT">BOTS</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Software">iGAM</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a>
+
−
        </div>
+
−
      </li>
+
−
<li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Centric Design</a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Human_Practices">Integrated Human Practices</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">Mean Green Machine</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/SunnyDays">Sunny Days</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Entrepreneurship">Entrepreneurship</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Public_Engagement">Education</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Collaborations">Collaborations</a>
+
−
<div class="dropdown-divider"></div>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a>
+
−
        </div>
+
−
      </li>
+
−
      <li class="nav-item dropdown">
+
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Team">Members</a>
+
−
                                  <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Attributions">Attributions</a>
+
−
          <div class="dropdown-divider"></div>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Sponsors">Sponsors</a>
+
−
        </div>
+
−
      </li>
+
−
    </ul>
+
−
  </div>
+
−
</nav>
+
−
</div>
+
  
−
<div class="interface-group">
+
      .interface-group {
−
<div class="content-panel header">
+
        margin-bottom: 0px;
−
<img class="header-photo" src="https://static.igem.org/mediawiki/2019/e/e6/T--Calgary--header-size-1_new.svg" id="header-size-1">
+
      }
−
<img class="header-photo" src="https://static.igem.org/mediawiki/2019/1/12/T--Calgary--header-size-2_new.svg" id="header-size-2">
+
      .center {
−
<img class="header-photo" src="https://static.igem.org/mediawiki/2019/e/eb/T--Calgary--header-size-3_new.svg" id="header-size-3">
+
        display: block;
−
<img class="header-photo" src="https://static.igem.org/mediawiki/2019/7/7b/T--Calgary--header-size-4_new.svg" id="header-size-4">
+
        margin-left: auto;
−
          <div class="animated zoomIn intro-message">
+
        margin-right: auto;
−
<div class="text-container">
+
        width: 50%;
−
<h1><span class="emphasis">CANOLA:</span> one of Canada's largest agricultural industries</h1>
+
      }
−
<p>First bred in 1974, canola has gone on to become one of Canada’s leading crops. The industry contributes <span class="emphasis">19.3 billion dollars</span> to the Canadian economy every year while providing <span class="emphasis">12.5 billion dollars</span> in wages to <span class="emphasis">249,000 workers</span>. Canada is also the number one exporter of canola in the world and annually exports <span class="emphsasis">9 billion dollars</span> worth of seed, oil, and meal to countries like the USA, China, Japan, and Mexico.</p>
+
     
−
</div>
+
      .navbar {
−
</div>
+
      background-color: #00c2ff;
−
</div>
+
      }
−
<div class="content-panel pipeline dynamic-padding">
+
     
−
<h1>The Current Canola Pipeline</h1>
+
    </style>
−
<h2>And Its Losses</h2>
+
  </head>
−
<div class="pipeline-interface">
+
  <body>
−
<div class="pipeline-diagram">
+
−
<svg width="155" height="446" viewBox="0 0 155 446" fill="none" xmlns="http://www.w3.org/2000/svg">
+
−
<path d="M77.2929 111.707C77.6834 112.098 78.3166 112.098 78.7071 111.707L85.0711 105.343C85.4616 104.953 85.4616 104.319 85.0711 103.929C84.6805 103.538 84.0474 103.538 83.6569 103.929L78 109.586L72.3431 103.929C71.9526 103.538 71.3195 103.538 70.9289 103.929C70.5384 104.319 70.5384 104.953 70.9289 105.343L77.2929 111.707ZM79 81C79 80.4477 78.5523 80 78 80C77.4477 80 77 80.4477 77 81L79 81ZM79 111L79 96L77 96L77 111L79 111ZM79 96L79 81L77 81L77 96L79 96Z" fill="#444444"/>
+
−
<path d="M77.2929 238.707C77.6834 239.098 78.3166 239.098 78.7071 238.707L85.0711 232.343C85.4616 231.953 85.4616 231.319 85.0711 230.929C84.6805 230.538 84.0474 230.538 83.6569 230.929L78 236.586L72.3431 230.929C71.9526 230.538 71.3195 230.538 70.9289 230.929C70.5384 231.319 70.5384 231.953 70.9289 232.343L77.2929 238.707ZM79 208C79 207.448 78.5523 207 78 207C77.4477 207 77 207.448 77 208L79 208ZM79 238L79 223L77 223L77 238L79 238ZM79 223L79 208L77 208L77 223L79 223Z" fill="#444444"/>
+
−
<path d="M77.2929 365.707C77.6834 366.098 78.3166 366.098 78.7071 365.707L85.0711 359.343C85.4616 358.953 85.4616 358.319 85.0711 357.929C84.6805 357.538 84.0474 357.538 83.6569 357.929L78 363.586L72.3431 357.929C71.9526 357.538 71.3195 357.538 70.9289 357.929C70.5384 358.319 70.5384 358.953 70.9289 359.343L77.2929 365.707ZM79 335C79 334.448 78.5523 334 78 334C77.4477 334 77 334.448 77 335L79 335ZM79 365L79 350L77 350L77 365L79 365ZM79 350L79 335L77 335L77 350L79 350Z" fill="#444444"/>
+
−
<g class="current-pipeline-segment" data-entity="farmer">
+
−
<rect width="155" height="65" fill="white"/>
+
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="39.9531" y="42.1">Farmer</tspan></text>
+
−
</g>
+
−
<g class="current-pipeline-segment" data-entity="processor">
+
−
<rect width="155" height="65" transform="translate(0 254)" fill="white"/>
+
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="24.7656" y="296.1">Processor</tspan></text>
+
−
</g>
+
−
<g class="current-pipeline-segment" data-entity="elevator">
+
−
<rect width="155" height="65" transform="translate(0 127)" fill="white"/>
+
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="34.4688" y="169.1">Elevator</tspan></text>
+
−
</g>
+
−
<g class="current-pipeline-segment" data-entity="market">
+
−
<rect class="fixed" width="155" height="65" transform="translate(0 381)" fill="white"/>
+
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="41.9453" y="423.1">Market</tspan></text>
+
−
</g>
+
−
</svg>
+
−
</div>
+
−
<div class="pipeline-information" id="current-pipeline-info">
+
−
<div id="farmer-info" data-entity="farmer">
+
−
<h3>The Farmer</h3>
+
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
−
</div>
+
−
<div class="hidden" id="elevator-info" data-entity="elevator">
+
−
<h3>The Elevator</h3>
+
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
−
</div>
+
−
<div class="hidden" id="processor-info" data-entity="processor">
+
−
<h3>The Processor</h3>
+
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
−
</div>
+
−
<div class="hidden" id="market-info" data-entity="market">
+
−
<h3>The Market</h3>
+
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="content-panel main-message dynamic-padding">
+
−
<h2>A major problem</h2>
+
−
<h1>Green seed causes millions of dollars of losses in the canola industry. <span class="emphasis">We're here to change that.</span></h1>
+
−
<p>Engineering a process to de-green canola seeds and establishing a market for chlorophyll derivatives.</p>
+
−
</div>
+
−
<div class="content-panel pipeline dynamic-padding">
+
−
<h1>Our Proposed Pipeline</h1>
+
−
<h2>And Its Benefits</h2>
+
−
<div class="pipeline-interface">
+
−
<div class="pipeline-diagram">
+
−
<svg id="proposed-diagram" width="436" height="493" viewBox="0 0 436 493" fill="none" xmlns="http://www.w3.org/2000/svg">
+
−
<path d="M360 1C360 0.447716 359.552 -4.82823e-08 359 0C358.448 4.82823e-08 358 0.447716 358 1L360 1ZM358.293 31.7071C358.683 32.0976 359.317 32.0976 359.707 31.7071L366.071 25.3431C366.462 24.9526 366.462 24.3195 366.071 23.9289C365.681 23.5384 365.047 23.5384 364.657 23.9289L359 29.5858L353.343 23.9289C352.953 23.5384 352.319 23.5384 351.929 23.9289C351.538 24.3195 351.538 24.9526 351.929 25.3431L358.293 31.7071ZM358 1L358 16L360 16L360 1L358 1ZM358 16L358 31L360 31L360 16L358 16Z" fill="#F8B200"/>
+
−
<path d="M359 1.00002L234.5 1.00001L110 1" stroke="#F8B200" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/>
+
−
<path d="M358.293 158.707C358.683 159.098 359.317 159.098 359.707 158.707L366.071 152.343C366.462 151.953 366.462 151.319 366.071 150.929C365.681 150.538 365.047 150.538 364.657 150.929L359 156.586L353.343 150.929C352.953 150.538 352.319 150.538 351.929 150.929C351.538 151.319 351.538 151.953 351.929 152.343L358.293 158.707ZM360 128C360 127.448 359.552 127 359 127C358.448 127 358 127.448 358 128L360 128ZM360 158L360 143L358 143L358 158L360 158ZM360 143L360 128L358 128L358 143L360 143Z" fill="#444444"/>
+
−
<path d="M358.293 285.707C358.683 286.098 359.317 286.098 359.707 285.707L366.071 279.343C366.462 278.953 366.462 278.319 366.071 277.929C365.681 277.538 365.047 277.538 364.657 277.929L359 283.586L353.343 277.929C352.953 277.538 352.319 277.538 351.929 277.929C351.538 278.319 351.538 278.953 351.929 279.343L358.293 285.707ZM360 255C360 254.448 359.552 254 359 254C358.448 254 358 254.448 358 255L360 255ZM360 285L360 270L358 270L358 285L360 285ZM360 270L360 255L358 255L358 270L360 270Z" fill="#444444"/>
+
−
<path d="M358.293 412.707C358.683 413.098 359.317 413.098 359.707 412.707L366.071 406.343C366.462 405.953 366.462 405.319 366.071 404.929C365.681 404.538 365.047 404.538 364.657 404.929L359 410.586L353.343 404.929C352.953 404.538 352.319 404.538 351.929 404.929C351.538 405.319 351.538 405.953 351.929 406.343L358.293 412.707ZM360 382C360 381.448 359.552 381 359 381C358.448 381 358 381.448 358 382L360 382ZM360 412L360 397L358 397L358 412L360 412ZM360 397L360 382L358 382L358 397L360 397Z" fill="#444444"/>
+
−
<path d="M265 335C265.552 335 266 334.552 266 334C266 333.448 265.552 333 265 333L265 335ZM234.293 333.293C233.902 333.683 233.902 334.317 234.293 334.707L240.657 341.071C241.047 341.462 241.681 341.462 242.071 341.071C242.462 340.681 242.462 340.047 242.071 339.657L236.414 334L242.071 328.343C242.462 327.953 242.462 327.319 242.071 326.929C241.681 326.538 241.047 326.538 240.657 326.929L234.293 333.293ZM265 333L250 333L250 335L265 335L265 333ZM250 333L235 333L235 335L250 335L250 333Z" fill="#F8B200"/>
+
−
<path d="M109 285C109 285.552 109.448 286 110 286C110.552 286 111 285.552 111 285H109ZM110.707 254.293C110.317 253.902 109.683 253.902 109.293 254.293L102.929 260.657C102.538 261.047 102.538 261.681 102.929 262.071C103.319 262.462 103.953 262.462 104.343 262.071L110 256.414L115.657 262.071C116.047 262.462 116.681 262.462 117.071 262.071C117.462 261.681 117.462 261.047 117.071 260.657L110.707 254.293ZM111 285L111 270H109L109 285H111ZM111 270L111 255H109L109 270H111Z" fill="#F8B200"/>
+
−
<path d="M265.707 461.707C266.098 461.317 266.098 460.683 265.707 460.293L259.343 453.929C258.953 453.538 258.319 453.538 257.929 453.929C257.538 454.319 257.538 454.953 257.929 455.343L263.586 461L257.929 466.657C257.538 467.047 257.538 467.681 257.929 468.071C258.319 468.462 258.953 468.462 259.343 468.071L265.707 461.707ZM110 460C109.448 460 109 460.448 109 461C109 461.552 109.448 462 110 462L110 460ZM265 460L187.5 460L187.5 462L265 462L265 460ZM187.5 460L110 460L110 462L187.5 462L187.5 460Z" fill="#F8B200"/>
+
−
<path d="M110 1.00001L110 79.5L110 158" stroke="#F8B200" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/>
+
−
<path d="M110 382L110 421.5L110 461" stroke="#F8B200" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel"/>
+
  
−
<g class="proposed-pipeline-segment" data-entity="farmer">
+
    <div class="container-fluid">
−
<rect width="155" height="65" transform="translate(281 47)" fill="white"/>
+
 
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="313.77" y="89.1">Farmer</tspan></text>
+
      <div class="fixed" id="fixed-content">
−
<text fill="#F8B200" xml:space="preserve" style="white-space: pre" font-family="Barlow SemiBold" font-size="24" font-weight="600" letter-spacing="0em"><tspan x="388.863" y="89.1"> *</tspan></text>
+
        <nav class="navbar navbar-expand-lg navbar-dark nav-down" id="navbar">
−
</g>
+
          <a class="navbar-brand" href="https://2019.igem.org/Team:Calgary"><img src="https://static.igem.org/mediawiki/2019/f/ff/T--Calgary--logowhite.png" style="height:50px; width:auto;"></a>
−
<g class="proposed-pipeline-segment" data-entity="processor">
+
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
−
<rect width="155" height="65" transform="translate(281 301)" fill="white"/>
+
            <span class="navbar-toggler-icon"></span>
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="298.594" y="343.1">Processor </tspan></text>
+
          </button>
−
<text fill="#F8B200" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="408.867" y="343.1">*</tspan></text>
+
 
−
</g>
+
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
−
<g class="proposed-pipeline-segment" data-entity="pheophorbide">
+
            <ul class="navbar-nav mr-auto">
−
<rect width="219" height="65" transform="translate(0 301)" fill="#F8B200"/>
+
 
−
<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="26.918" y="343.1">Pheophorbide A</tspan></text>
+
              <li class="nav-item dropdown">
−
</g>
+
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
−
<g class="proposed-pipeline-segment" data-entity="fungicide">
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<rect width="219" height="65" transform="translate(0 174)" fill="#F8B200"/>
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
−
<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="58.2305" y="216.1">Fungicide</tspan></text>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Description">Description</a></li>
−
</g>
+
                    <div class="dropdown-divider"></div>
−
<g class="proposed-pipeline-segment" data-entity="elevator">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/WetLab">Wet Lab Overview</a></li>
−
<rect width="155" height="65" transform="translate(281 174)" fill="white"/>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/ChlorophyllExtraction">Chlorophyll Extraction</a></li>
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="308.297" y="216.1">Elevator </tspan></text>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/EmulsifiedBindingProteinProcess">Protein Emulsification</a></li>
−
<text fill="#F8B200" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="399.164" y="216.1">*</tspan></text>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/RepurposingChlorophyll">Repurposing Chlorophyll</a></li>
−
</g>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Anti-Fungal">Anti-Fungal</a></li>
−
<g class="proposed-pipeline-segment" data-entity="market">
+
                    <div class="dropdown-divider"></div>
−
<rect width="155" height="65" transform="translate(281 428)" fill="white"/>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a></li>
−
<text fill="#444444" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="315.773" y="470.1">Market </tspan></text>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Demonstrate">Demonstrate</a> </li>
−
<text fill="#F8B200" xml:space="preserve" style="white-space: pre" font-family="Barlow" font-size="24" letter-spacing="0em"><tspan x="391.688" y="470.1">*</tspan></text>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Judging">Judging</a></li>
−
</g>
+
<li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Awards">Awards</a></li>
−
</svg>
+
 
−
</div>
+
                  </ul>
−
<div class="pipeline-information" id="proposed-pipeline-info">
+
                </div>
−
<div id="farmer-info" data-entity="farmer">
+
              </li>
−
<h3>The Farmer<span class="ast">&nbsp;*</span></h3>
+
              <li class="nav-item dropdown">
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Centered Design</a>
−
</div>
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<div class="hidden" id="elevator-info" data-entity="elevator">
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
−
<h3>The Elevator<span class="ast">&nbsp;*</span></h3>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Human_Practices">Integrated Human Practices</a></li>
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">Mean Green Machine</a></li>
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/SunnyDays">Sunny Days</a></li>
−
<div class="hidden" id="processor-info" data-entity="processor">
+
                    <div class="dropdown-divider"></div>
−
<h3>The Processor<span class="ast">&nbsp;*</span></h3>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Entrepreneurship">Entrepreneurship</a></li>
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Public_Engagement">Education</a></li>
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Collaborations">Collaborations</a></li>
−
<div class="hidden" id="market-info" data-entity="market">
+
                    <div class="dropdown-divider"></div>
−
<h3>The Market<span class="ast">&nbsp;*</span></h3>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Safety">Safety</a></li>
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
                  </ul>
−
</div>
+
                </div>
−
<div class="hidden" id="fungicide-info" data-entity="fungicide">
+
              </li>
−
<h3><span class="ast">**&nbsp;</span>A Fungicide for Canola Plants<span class="ast">&nbsp;**</span></h3>
+
              <li class="nav-item dropdown">
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Measurement and Model</a>
−
</div>
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<div class="hidden" id="pheophorbide-info" data-entity="pheophorbide">
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
−
<h3><span class="ast">**&nbsp;</span>Pheophorbide<span class="ast">&nbsp;**</span></h3>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model">Overview</a></li>
−
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/ICARUS">ICARUS</a></li>
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/EmulsionPrediction">Emulsion Construction Prediction</a></li>
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/DirectedProteinModification">Directed Protein Modification</a></li>
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/InSilicoEmulsionSystemVerification">In Silico Emulsion System Verification</a></li>
−
</div>
+
                    <div class="dropdown-divider"></div>
−
<div class="content-panel highlights dynamic-padding">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Measurement">Measurement</a></li>
−
<h1>Project Highlights</h1>
+
                    <div class="dropdown-divider"></div>
−
<div class="article-holder">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Software">Software Tools</a></li>
−
<div class="emphasis-quote" data-link="https://canolagrowers.com/on-the-farm/what-is-canola/">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/BOT">BOTS</a></li>
−
<img class="quotation" src="https://static.igem.org/mediawiki/2019/a/a8/T--Calgary--quotation.svg">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/iGAM">iGAM</a></li>
−
<p class="quote">Green is the different between profit and loss.</p>
+
                    <div class="dropdown-divider"></div>
−
<img class="quotation" src="https://static.igem.org/mediawiki/2019/a/a8/T--Calgary--quotation.svg">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a></li>
−
</div>
+
                  </ul>
−
<div class="articles">
+
                </div>
−
<div class="article-row">
+
              </li>
−
<div class="article" data-link="http://spencermortensen.com/articles/typographic-scale/">
+
              <li class="nav-item dropdown">
−
<h2>Public Outreach</h2>
+
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
−
<h1>The Good, The Bad, and The Biological</h1>
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<p>A discussion on the importance of innovating with controversial biotechnologies and how to keep people safe from scientific misuse.</p>
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Parts">Parts Overview</a></li>
−
<div class="article" data-link="http://spencermortensen.com/articles/typographic-scale/">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Part_Collection">Collection</a></li>
−
<h2>Public Outreach</h2>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Improve">Improve</a></li>
−
<h1>The Good, The Bad, and The Biological</h1>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Contribution">Characterize</a></li>
−
<p>A discussion on the importance of innovating with controversial biotechnologies and how to keep people safe from scientific misuse.</p>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Validate">Validate</a></li>
−
</div>
+
                  </ul>
−
</div>
+
                </div>
−
<div class="article-row" data-link="http://spencermortensen.com/articles/typographic-scale/">
+
              </li>
−
<div class="article">
+
              <li class="nav-item dropdown">
−
<h2>Public Outreach</h2>
+
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Journal</a>
−
<h1>The Good, The Bad, and The Biological</h1>
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<p>A discussion on the importance of innovating with controversial biotechnologies and how to keep people safe from scientific misuse.</p>
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
−
</div>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Experiments">Protocols</a></li>
−
<div class="article" data-link="http://spencermortensen.com/articles/typographic-scale/">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Appendix">Appendix</a></li>
−
<h2>Public Outreach</h2>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Notebook">Journal</a></li>
−
<h1>The Good, The Bad, and The Biological</h1>
+
                  </ul>
−
<p>A discussion on the importance of innovating with controversial biotechnologies and how to keep people safe from scientific misuse.</p>
+
                </div>
−
</div>
+
              </li>
−
</div>
+
 
−
</div>
+
              <li class="nav-item dropdown">
−
</div>
+
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
−
      </div>
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
      <div class="content-panel project-icons dynamic-padding">
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
−
          <h1>Project Componenets</h1>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Team">Members</a></li>
−
          <div class="component-holder">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Attributions">Attributions</a></li>
−
              <div class="component-row">
+
                    <div class="dropdown-divider"></div>
−
                  <div class="project-component" data-link="https://www.projectengineer.net/">
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
−
                      <div class="icon">
+
                  </ul>
−
                        <svg width="53" height="66" viewBox="0 0 53 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
                </div>
−
                            <path d="M48.1549 43.8463C43.3146 48.9036 36.3609 51.9229 28.7089 51.47C16.5658 50.7529 6.52676 41.0063 5.47945 28.8915C4.5548 18.1826 10.4424 8.75676 19.2737 4.40713C20.1418 3.98254 20.406 2.86918 19.8304 2.09549L19.5096 1.65206C19.0662 1.04821 18.2453 0.821736 17.5754 1.15197C7.37594 6.20924 0.629737 17.1824 1.86575 29.5897C3.15837 42.6103 13.4805 53.2627 26.4539 54.9327C36.0024 56.1593 44.7394 52.6305 50.7213 46.4221C51.2402 45.8843 51.278 45.0351 50.8345 44.4313L50.5326 44.0161C49.9571 43.2425 48.8248 43.1481 48.1549 43.8463Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
              </li>
−
                            <path d="M51.6272 50.5543L49.4854 47.6294C48.1645 48.8465 46.7303 49.9316 45.2112 50.8846L47.2964 53.734C47.8814 54.5359 49.0042 54.7058 49.8062 54.1208L51.2498 53.0641C52.0423 52.4791 52.2122 51.3563 51.6272 50.5543Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
            </ul>
−
                            <path d="M30.5207 46.686C41.6252 46.686 50.6272 37.6841 50.6272 26.5796C50.6272 15.4751 41.6252 6.47314 30.5207 6.47314C19.4162 6.47314 10.4142 15.4751 10.4142 26.5796C10.4142 37.6841 19.4162 46.686 30.5207 46.686Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
          </div>
−
                            <path d="M21.0853 8.82252L18.2548 4.9541C16.6791 5.82214 15.1978 6.85998 13.858 8.03938L16.7263 11.9645C18.0283 10.7379 19.4908 9.67169 21.0853 8.82252Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
        </nav>
−
                            <path d="M40.2852 44.1574L43.0309 47.9126C44.5688 46.9785 46.003 45.884 47.3051 44.648L44.5877 40.9399C43.3139 42.1948 41.8609 43.2799 40.2852 44.1574Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
      </div>
−
                            <path d="M33.0865 6.65283C33.7564 9.81363 34.8981 13.031 35.8133 15.9371C36.2002 17.1542 36.6059 18.4657 36.2285 19.6829C35.9832 20.4754 35.4359 21.1359 35.0585 21.8813C34.5396 22.9286 34.3792 24.1174 34.332 25.2874C34.2565 27.2499 34.5207 29.3445 35.7473 30.8919C36.9644 32.4393 39.361 33.1752 40.9744 32.043C41.7103 31.5335 42.1821 30.7315 42.8143 30.1088C44.4371 28.5236 46.8903 28.2406 49.1547 28.1462C49.6171 28.1274 50.0794 28.1085 50.5417 28.0802C50.5794 27.5802 50.6172 27.0801 50.6172 26.5706C50.6266 16.3522 42.9747 7.91715 33.0865 6.65283Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
    </div>
−
                            <path d="M20.8683 30.4956C20.5097 30.6843 20.0757 30.7975 19.8304 31.1183C19.6322 31.373 19.5851 31.7221 19.5473 32.0429C19.4058 33.411 19.3209 34.7886 19.3115 36.1567C19.3115 36.619 19.3114 37.0908 19.5001 37.5154C19.6889 37.9494 20.0474 38.289 20.406 38.6098C20.8966 39.0627 21.3966 39.5156 21.8873 39.9685C22.2458 40.2987 22.6138 40.629 23.0478 40.8365C23.7271 41.1573 24.5008 41.1573 25.2556 41.1479C26.5577 41.1385 27.8692 41.1196 29.1712 41.1102C30.662 41.0913 32.3698 40.9686 33.2473 39.7703C34.1059 38.5909 33.719 36.8926 32.9453 35.6472C32.1716 34.4017 31.0677 33.3733 30.4167 32.0618C30.1242 31.4579 29.8978 30.7692 29.36 30.3729C29.0109 30.1182 27.1049 28.5425 26.7087 28.4104C25.416 27.9669 25.5764 27.6178 24.2366 27.6084C22.7081 27.6178 22.1232 29.8445 20.8683 30.4956Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
 
−
                            <path d="M28.2462 6.76568C28.2368 6.71851 28.2368 6.66192 28.2273 6.61475C18.1977 7.75641 10.4042 16.2575 10.4042 26.5891C10.4042 26.8344 10.4325 27.0797 10.442 27.325C10.4703 27.325 10.4986 27.3439 10.5269 27.3439C11.8761 27.5043 13.2254 27.1929 14.5463 26.8816C16.122 26.5136 17.7826 26.0985 18.9808 25.004C19.4337 24.5888 19.8017 24.0887 20.2546 23.6641C21.7831 22.2394 24.0004 21.9375 26.0195 21.3808C28.0386 20.8336 30.2087 19.6919 30.6711 17.6539C30.9636 16.3707 30.4824 15.0592 30.0672 13.8232C29.2841 11.521 28.6803 9.16223 28.2462 6.76568Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
    <div class="interface-group">
−
                            <path d="M37.2568 64.9999H23.7644C23.0945 64.9999 22.5567 64.4621 22.5567 63.7922V61.924C22.5567 61.2541 23.0945 60.7163 23.7644 60.7163H37.2568C37.9267 60.7163 38.4645 61.2541 38.4645 61.924V63.7922C38.4645 64.4621 37.9267 64.9999 37.2568 64.9999Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
      <div class="content-panel header">
−
                            <path d="M34.4082 60.7354L32.8892 55.0459C31.3323 55.1969 29.7378 55.2157 28.1149 55.1025L26.6147 60.7354H34.4082Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/e/e6/T--Calgary--header-size-1_new.svg" id="header-size-1">
−
                          </svg>
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/1/12/T--Calgary--header-size-2_new.svg" id="header-size-2">
−
                      </div>
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/e/eb/T--Calgary--header-size-3_new.svg" id="header-size-3">
−
                      <h2 class="title">Human Practices</h2>
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/7/7b/T--Calgary--header-size-4_new.svg" id="header-size-4">
−
                      <p class="description">Input from the local academic community was used to inform our project</p>
+
        <div class="animated zoomIn intro-message">
−
                  </div>
+
          <div class="text-container">
−
                  <div class="project-component" data-link="https://www.projectengineer.net/">
+
            <h1>
−
                      <div class="icon">
+
              <span class="emphasis">CANOLA:</span>
−
                        <svg width="42" height="66" viewBox="0 0 42 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
              one of Canada's largest agricultural industries
−
                          <path d="M40.6209 20.7307C40.6209 9.7388 31.6387 0.850933 20.609 1.0019C9.6548 1.15286 0.653692 10.7673 1.18206 21.7026C1.36133 25.3634 2.5407 28.7506 4.45604 31.6188C5.92792 33.8361 7.32433 36.11 8.31502 38.582L12.5986 49.2814H29.1855L33.337 38.9028C34.3843 36.2798 35.8467 33.8644 37.3941 31.5056C39.4321 28.4109 40.6209 24.7124 40.6209 20.7307Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
            </h1>
−
                          <path d="M13.9284 35.9119C14.721 37.3555 17.3722 40.7333 17.91 42.3372L18.3157 49.2909H23.4579L23.7975 42.5448C24.3636 40.8465 27.0527 37.3744 27.8924 35.8364" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
            <p>
−
                          <path d="M32.0536 54.244H9.7206C8.80539 54.244 8.06945 53.508 8.06945 52.5928V50.9417C8.06945 50.0265 8.80539 49.2905 9.7206 49.2905H32.0536C32.9688 49.2905 33.7047 50.0265 33.7047 50.9417V52.5928C33.7142 53.4986 32.9688 54.244 32.0536 54.244Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
              First bred in 1974, canola has gone on to become one of Canada’s
−
                          <path d="M26.0153 64.9998H15.4763C13.4383 64.9998 11.7871 63.3487 11.7871 61.3107V59.1973H29.695V61.3107C29.7044 63.3487 28.0533 64.9998 26.0153 64.9998Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
              leading crops. The industry contributes
−
                          <path d="M32.0536 59.2073H9.7206C8.80539 59.2073 8.06945 58.4714 8.06945 57.5562V55.9051C8.06945 54.9898 8.80539 54.2539 9.7206 54.2539H32.0536C32.9688 54.2539 33.7047 54.9898 33.7047 55.9051V57.5562C33.7142 58.462 32.9688 59.2073 32.0536 59.2073Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
              <span class="emphasis">19.3 billion dollars</span>
−
                        </svg>
+
              to the Canadian economy every year while providing
−
                      </div>
+
              <span class="emphasis">12.5 billion dollars</span> in wages to
−
                      <h2 class="title">Project</h2>
+
              <span class="emphasis">249,000 workers</span>.
−
                      <p class="description">We worked to create tools and mechanisms to help canola farmers</p>
+
              Canada is also the number one exporter of canola
−
                  </div>
+
              in the world and annually exports
−
                  <div class="project-component" data-link="https://www.projectengineer.net/">
+
              <span class="emphasis">9 billion dollars</span>
−
                      <div class="icon">
+
              worth of seed, oil, and meal to countries like the USA,
−
                        <svg width="66" height="54" viewBox="0 0 66 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+
              China, Japan, and Mexico.
−
                            <path d="M53.7324 27.1714H27.4322C26.1677 27.1714 25.1391 26.1428 25.1391 24.8783V12.6671C25.1391 11.4026 26.1677 10.374 27.4322 10.374H53.7324C54.9969 10.374 56.0255 11.4026 56.0255 12.6671V24.8783C56.0255 26.1428 54.9969 27.1714 53.7324 27.1714Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
            </p>
−
                            <path d="M63.3864 42.1383H2.61371C1.71721 42.1383 1.00003 41.4117 1.00003 40.5246V3.01355C1.00003 2.11706 1.72665 1.3999 2.61371 1.3999H63.3864C64.2828 1.3999 65 2.12649 65 3.01355V40.5246C65 41.4211 64.2828 42.1383 63.3864 42.1383Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
          </div>
−
                            <path d="M37.8595 42.1382H28.1491V48.7722H37.8595V42.1382Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
        </div>
−
                            <path d="M40.1062 52.3489H25.8945C25.2528 52.3489 24.7337 51.8299 24.7337 51.1882V49.9425C24.7337 49.3008 25.2528 48.7817 25.8945 48.7817H40.1062C40.7479 48.7817 41.2669 49.3008 41.2669 49.9425V51.1882C41.2669 51.8204 40.7479 52.3489 40.1062 52.3489Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
      </div>
−
                            <path d="M1.00006 36.1558H65.0001" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
      <div class="content-panel main-message dynamic-padding">
−
                            <path d="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
        <h2>A major problem</h2>
−
                            <path d="M30.2825 14.5449C30.2825 14.5449 40.5874 14.5449 40.5874 18.7726C40.5874 23.0002 50.8923 23.0003 50.8923 23.0003" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+
        <h1>Green seed causes millions of dollars of losses in the canola industry. <span class="emphasis">We're here to change that.</span></h1>
−
                            <path d="M30.2825 23.0003C30.2825 23.0003 40.5874 23.0002 40.5874 18.7726C40.5874 14.5449 50.8923 14.5449 50.8923 14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+
 
−
                            <path d="M44.7305 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
      </div>
−
                            <path d="M36.4351 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
      <!--
−
                            <path d="M32.566 23.0003V18.7726V14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
 
−
                            <path d="M48.5993 23.0003V18.7726V14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
============================ NEW ===============================
−
                        </svg>
+
-->
−
                      </div>
+
 
−
                      <h2 class="title">Modelling</h2>
+
      <div class="content-panel dynamic-padding">
−
                      <p class="description">Computer models were used extensively to design our experiments</p>
+
        <div class="content-panel highlights dynamic-padding">
−
                  </div>
+
          <h1>The Green Seed Problem</h1><h2 style="font-family:Barlow">Green Seeds Lead to Green Oil</h2>
 +
          <br><br>
 +
          <h2 style="font-family:Barlow">
 +
            The green seed problem arises when canola plants are exposed
 +
            to frost, drought or other inclement weather before maturation is complete.</h2>
 +
          <h2 style="font-family:Barlow">The chlorophyll
 +
            degradation pathway is suspended and the seed remains green.</h2>
 +
          <img class ="center" src ="https://static.igem.org/mediawiki/2019/d/d6/T--Calgary--greenseed.png" style ="width:40vw; height: auto;">
 +
          <br><br>
 +
          <h1>So what's the big deal?</h1>
 +
          <h2 style="font-family:Barlow">Green seeds cause financial harm to farmers and oil producers.</h2>
 +
        </div>
 +
        <br><br>
 +
      </div>
 +
 
 +
      <div class="content-panel main-message dynamic-padding" data-link="https://2019.igem.org/Team:Calgary/Human_Practices">
 +
        <h2>Our Methodology</h2>
 +
        <h1>Our solutions were not only made with end users in mind,<span class="emphasis">end users were involved in every step of the design.</span></h1>
 +
      <h2>This is human centered design.<h2>
 +
      </div>
 +
 
 +
      <div class="content-panel project-icons dynamic-padding">
 +
        <h1>Project Components</h1>
 +
        <br><br>
 +
        <img class ="center" src ="https://static.igem.org/mediawiki/2019/2/21/T--Calgary--pipelineFull.png" style ="width:70%; margin-bottom: 70px;">
 +
        <h2 style="font-family:Barlow">See how we addressed each area of the canola oil pipeline by exploring the six areas below</h2>
 +
        <br>
 +
        <div class="component-holder">
 +
          <div class="component-row">
 +
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Human_Practices">
 +
              <div class="icon">
 +
                <svg width="53" height="66" viewBox="0 0 53 66" fill="none" xmlns="http://www.w3.org/2000/svg">
 +
                  <path d="M48.1549 43.8463C43.3146 48.9036 36.3609 51.9229 28.7089 51.47C16.5658 50.7529 6.52676 41.0063 5.47945 28.8915C4.5548 18.1826 10.4424 8.75676 19.2737 4.40713C20.1418 3.98254 20.406 2.86918 19.8304 2.09549L19.5096 1.65206C19.0662 1.04821 18.2453 0.821736 17.5754 1.15197C7.37594 6.20924 0.629737 17.1824 1.86575 29.5897C3.15837 42.6103 13.4805 53.2627 26.4539 54.9327C36.0024 56.1593 44.7394 52.6305 50.7213 46.4221C51.2402 45.8843 51.278 45.0351 50.8345 44.4313L50.5326 44.0161C49.9571 43.2425 48.8248 43.1481 48.1549 43.8463Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M51.6272 50.5543L49.4854 47.6294C48.1645 48.8465 46.7303 49.9316 45.2112 50.8846L47.2964 53.734C47.8814 54.5359 49.0042 54.7058 49.8062 54.1208L51.2498 53.0641C52.0423 52.4791 52.2122 51.3563 51.6272 50.5543Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M30.5207 46.686C41.6252 46.686 50.6272 37.6841 50.6272 26.5796C50.6272 15.4751 41.6252 6.47314 30.5207 6.47314C19.4162 6.47314 10.4142 15.4751 10.4142 26.5796C10.4142 37.6841 19.4162 46.686 30.5207 46.686Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M21.0853 8.82252L18.2548 4.9541C16.6791 5.82214 15.1978 6.85998 13.858 8.03938L16.7263 11.9645C18.0283 10.7379 19.4908 9.67169 21.0853 8.82252Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M40.2852 44.1574L43.0309 47.9126C44.5688 46.9785 46.003 45.884 47.3051 44.648L44.5877 40.9399C43.3139 42.1948 41.8609 43.2799 40.2852 44.1574Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M33.0865 6.65283C33.7564 9.81363 34.8981 13.031 35.8133 15.9371C36.2002 17.1542 36.6059 18.4657 36.2285 19.6829C35.9832 20.4754 35.4359 21.1359 35.0585 21.8813C34.5396 22.9286 34.3792 24.1174 34.332 25.2874C34.2565 27.2499 34.5207 29.3445 35.7473 30.8919C36.9644 32.4393 39.361 33.1752 40.9744 32.043C41.7103 31.5335 42.1821 30.7315 42.8143 30.1088C44.4371 28.5236 46.8903 28.2406 49.1547 28.1462C49.6171 28.1274 50.0794 28.1085 50.5417 28.0802C50.5794 27.5802 50.6172 27.0801 50.6172 26.5706C50.6266 16.3522 42.9747 7.91715 33.0865 6.65283Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M20.8683 30.4956C20.5097 30.6843 20.0757 30.7975 19.8304 31.1183C19.6322 31.373 19.5851 31.7221 19.5473 32.0429C19.4058 33.411 19.3209 34.7886 19.3115 36.1567C19.3115 36.619 19.3114 37.0908 19.5001 37.5154C19.6889 37.9494 20.0474 38.289 20.406 38.6098C20.8966 39.0627 21.3966 39.5156 21.8873 39.9685C22.2458 40.2987 22.6138 40.629 23.0478 40.8365C23.7271 41.1573 24.5008 41.1573 25.2556 41.1479C26.5577 41.1385 27.8692 41.1196 29.1712 41.1102C30.662 41.0913 32.3698 40.9686 33.2473 39.7703C34.1059 38.5909 33.719 36.8926 32.9453 35.6472C32.1716 34.4017 31.0677 33.3733 30.4167 32.0618C30.1242 31.4579 29.8978 30.7692 29.36 30.3729C29.0109 30.1182 27.1049 28.5425 26.7087 28.4104C25.416 27.9669 25.5764 27.6178 24.2366 27.6084C22.7081 27.6178 22.1232 29.8445 20.8683 30.4956Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M28.2462 6.76568C28.2368 6.71851 28.2368 6.66192 28.2273 6.61475C18.1977 7.75641 10.4042 16.2575 10.4042 26.5891C10.4042 26.8344 10.4325 27.0797 10.442 27.325C10.4703 27.325 10.4986 27.3439 10.5269 27.3439C11.8761 27.5043 13.2254 27.1929 14.5463 26.8816C16.122 26.5136 17.7826 26.0985 18.9808 25.004C19.4337 24.5888 19.8017 24.0887 20.2546 23.6641C21.7831 22.2394 24.0004 21.9375 26.0195 21.3808C28.0386 20.8336 30.2087 19.6919 30.6711 17.6539C30.9636 16.3707 30.4824 15.0592 30.0672 13.8232C29.2841 11.521 28.6803 9.16223 28.2462 6.76568Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M37.2568 64.9999H23.7644C23.0945 64.9999 22.5567 64.4621 22.5567 63.7922V61.924C22.5567 61.2541 23.0945 60.7163 23.7644 60.7163H37.2568C37.9267 60.7163 38.4645 61.2541 38.4645 61.924V63.7922C38.4645 64.4621 37.9267 64.9999 37.2568 64.9999Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M34.4082 60.7354L32.8892 55.0459C31.3323 55.1969 29.7378 55.2157 28.1149 55.1025L26.6147 60.7354H34.4082Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                </svg>
 
               </div>
 
               </div>
−
               <div class="component-row">
+
               <h2 class="title">Human Practices</h2>
−
                  <div class="project-component" data-link="https://www.projectengineer.net/">
+
              <p class="description">We conducted in-depth conversations with professionals from both the academic and agricultural community in Alberta</p>
−
                      <div class="icon">
+
            </div>
−
                        <svg width="66" height="44" viewBox="0 0 66 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Description">
−
                            <path d="M63.3769 42.3608H2.80307C1.90658 42.3608 1.17996 41.6342 1.17996 40.7377V3.46298C1.17996 2.5665 1.90658 1.83984 2.80307 1.83984H63.3769C64.2733 1.83984 65 2.5665 65 3.46298V40.7377C65 41.6247 64.2733 42.3608 63.3769 42.3608Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
              <div class="icon">
−
                            <path d="M1.00006 7.65283H64.8201" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
                <svg width="42" height="66" viewBox="0 0 42 66" fill="none" xmlns="http://www.w3.org/2000/svg">
−
                            <path d="M59.5075 12.9663H30.169V37.5487H59.5075V12.9663Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
                  <path d="M40.6209 20.7307C40.6209 9.7388 31.6387 0.850933 20.609 1.0019C9.6548 1.15286 0.653692 10.7673 1.18206 21.7026C1.36133 25.3634 2.5407 28.7506 4.45604 31.6188C5.92792 33.8361 7.32433 36.11 8.31502 38.582L12.5986 49.2814H29.1855L33.337 38.9028C34.3843 36.2798 35.8467 33.8644 37.3941 31.5056C39.4321 28.4109 40.6209 24.7124 40.6209 20.7307Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
−
                            <path d="M24.8555 28.187H6.31253V37.5576H24.8555V28.187Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
                  <path d="M13.9284 35.9119C14.721 37.3555 17.3722 40.7333 17.91 42.3372L18.3157 49.2909H23.4579L23.7975 42.5448C24.3636 40.8465 27.0527 37.3744 27.8924 35.8364" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
−
                            <path d="M6.31253 12.9663H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+
                  <path d="M32.0536 54.244H9.7206C8.80539 54.244 8.06945 53.508 8.06945 52.5928V50.9417C8.06945 50.0265 8.80539 49.2905 9.7206 49.2905H32.0536C32.9688 49.2905 33.7047 50.0265 33.7047 50.9417V52.5928C33.7142 53.4986 32.9688 54.244 32.0536 54.244Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
−
                            <path d="M6.31253 16.1748H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+
                  <path d="M26.0153 64.9998H15.4763C13.4383 64.9998 11.7871 63.3487 11.7871 61.3107V59.1973H29.695V61.3107C29.7044 63.3487 28.0533 64.9998 26.0153 64.9998Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
−
                            <path d="M6.31253 19.3823H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+
                  <path d="M32.0536 59.2073H9.7206C8.80539 59.2073 8.06945 58.4714 8.06945 57.5562V55.9051C8.06945 54.9898 8.80539 54.2539 9.7206 54.2539H32.0536C32.9688 54.2539 33.7047 54.9898 33.7047 55.9051V57.5562C33.7142 58.462 32.9688 59.2073 32.0536 59.2073Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
−
                            <path d="M6.31253 22.5918H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+
                </svg>
−
                        </svg>
+
−
                      </div>
+
−
                      <h2 class="title">Software</h2>
+
−
                      <p class="description">We used computer vision to automate the process of grading canola seeds</p>
+
−
                  </div>
+
−
                  <div class="project-component" data-link="https://www.projectengineer.net/">
+
−
                      <div class="icon">
+
−
                          <svg width="49" height="66" viewBox="0 0 49 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
−
                              <path d="M37.3734 65H35.4786C35.1645 65 34.9092 64.7447 34.9092 64.4306V1.56937C34.9092 1.25521 35.1645 1 35.4786 1H37.3734C37.6875 1 37.9428 1.25521 37.9428 1.56937V64.4306C37.9428 64.7447 37.6875 65 37.3734 65Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M34.9094 2.04053H2.86521C1.83438 2.04053 0.999901 2.87498 0.999901 3.90581V62.1135C0.999901 63.1444 1.83438 63.9788 2.86521 63.9788H34.9094V2.04053V2.04053Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M40.7115 2.04053H37.9331V63.969H40.7115C44.5305 63.969 47.6328 60.8667 47.6328 57.0477V8.95199C47.6328 5.133 44.5403 2.04053 40.7115 2.04053Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M29.3531 23.9238H6.56675C6.03661 23.9238 5.60465 23.4919 5.60465 22.9618V7.48944C5.60465 6.95929 6.03661 6.52734 6.56675 6.52734H29.3531C29.8832 6.52734 30.3152 6.95929 30.3152 7.48944V22.9618C30.3152 23.4919 29.8832 23.9238 29.3531 23.9238Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M5.59398 28.4102H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                              <path d="M5.59398 32.897H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                              <path d="M5.59398 37.4917H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                          </svg>
+
−
                      </div>
+
−
                      <h2 class="title">Journal</h2>
+
−
                      <p class="description">Our team thoroughly documented our methods throughout the project</p>
+
−
                  </div>
+
−
                  <div class="project-component" data-link="https://www.projectengineer.net/">
+
−
                      <div class="icon">
+
−
                          <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
−
                              <path d="M33.0001 65C50.6732 65 65.0001 50.6731 65.0001 33C65.0001 15.3269 50.6732 1 33.0001 1C15.327 1 1.00009 15.3269 1.00009 33C1.00009 50.6731 15.327 65 33.0001 65Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M32.9997 57.7817C46.6866 57.7817 57.782 46.6864 57.782 32.9995C57.782 19.3127 46.6866 8.21729 32.9997 8.21729C19.3129 8.21729 8.2175 19.3127 8.2175 32.9995C8.2175 46.6864 19.3129 57.7817 32.9997 57.7817Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M33 16.7633V12.1411" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                              <path d="M33 53.8593V49.6875" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                              <path d="M12.1414 33H16.7755" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                              <path d="M49.2259 33H53.86" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+
−
                              <path d="M33.0003 36.473C34.9182 36.473 36.4729 34.9183 36.4729 33.0004C36.4729 31.0826 34.9182 29.5278 33.0003 29.5278C31.0824 29.5278 29.5277 31.0826 29.5277 33.0004C29.5277 34.9183 31.0824 36.473 33.0003 36.473Z" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
+
−
                              <path d="M36.4726 33.2965L44.0222 21.978L33 29.5277" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
−
                              <path d="M29.5277 33.2964L21.9781 44.0223L33.0003 36.4727" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
+
−
                          </svg>
+
−
                      </div>
+
−
                      <h2 class="title">Outreach</h2>
+
−
                      <p class="description">We made sure to spread our knowledge to members of the local community</p>
+
−
                  </div>
+
 
               </div>
 
               </div>
 +
              <h2 class="title">Project</h2>
 +
              <p class="description">We created tools and mechanisms to help canola farmers, graders and crushers</p>
 +
            </div>
 +
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Model">
 +
              <div class="icon">
 +
                <svg width="66" height="54" viewBox="0 0 66 54" fill="none" xmlns="http://www.w3.org/2000/svg">
 +
                  <path d="M53.7324 27.1714H27.4322C26.1677 27.1714 25.1391 26.1428 25.1391 24.8783V12.6671C25.1391 11.4026 26.1677 10.374 27.4322 10.374H53.7324C54.9969 10.374 56.0255 11.4026 56.0255 12.6671V24.8783C56.0255 26.1428 54.9969 27.1714 53.7324 27.1714Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M63.3864 42.1383H2.61371C1.71721 42.1383 1.00003 41.4117 1.00003 40.5246V3.01355C1.00003 2.11706 1.72665 1.3999 2.61371 1.3999H63.3864C64.2828 1.3999 65 2.12649 65 3.01355V40.5246C65 41.4211 64.2828 42.1383 63.3864 42.1383Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M37.8595 42.1382H28.1491V48.7722H37.8595V42.1382Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M40.1062 52.3489H25.8945C25.2528 52.3489 24.7337 51.8299 24.7337 51.1882V49.9425C24.7337 49.3008 25.2528 48.7817 25.8945 48.7817H40.1062C40.7479 48.7817 41.2669 49.3008 41.2669 49.9425V51.1882C41.2669 51.8204 40.7479 52.3489 40.1062 52.3489Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M1.00006 36.1558H65.0001" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M30.2825 14.5449C30.2825 14.5449 40.5874 14.5449 40.5874 18.7726C40.5874 23.0002 50.8923 23.0003 50.8923 23.0003" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
 +
                  <path d="M30.2825 23.0003C30.2825 23.0003 40.5874 23.0002 40.5874 18.7726C40.5874 14.5449 50.8923 14.5449 50.8923 14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
 +
                  <path d="M44.7305 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M36.4351 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M32.566 23.0003V18.7726V14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M48.5993 23.0003V18.7726V14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                </svg>
 +
              </div>
 +
              <h2 class="title">Modelling</h2>
 +
              <p class="description">Computer modelling informed experimental design through every step</p>
 +
            </div>
 
           </div>
 
           </div>
 +
          <div class="component-row">
 +
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Software">
 +
              <div class="icon">
 +
                <svg width="66" height="44" viewBox="0 0 66 44" fill="none" xmlns="http://www.w3.org/2000/svg">
 +
                  <path d="M63.3769 42.3608H2.80307C1.90658 42.3608 1.17996 41.6342 1.17996 40.7377V3.46298C1.17996 2.5665 1.90658 1.83984 2.80307 1.83984H63.3769C64.2733 1.83984 65 2.5665 65 3.46298V40.7377C65 41.6247 64.2733 42.3608 63.3769 42.3608Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M1.00006 7.65283H64.8201" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M59.5075 12.9663H30.169V37.5487H59.5075V12.9663Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M24.8555 28.187H6.31253V37.5576H24.8555V28.187Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M6.31253 12.9663H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
 +
                  <path d="M6.31253 16.1748H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
 +
                  <path d="M6.31253 19.3823H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
 +
                  <path d="M6.31253 22.5918H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
 +
                </svg>
 +
              </div>
 +
              <h2 class="title">Software</h2>
 +
              <p class="description">We developed tools to codon-optimize hard-to-synthesize sequences and a genetic algorithm based on GROMACS to increase protein stability.</p>
 +
            </div>
 +
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Notebook">
 +
              <div class="icon">
 +
                <svg width="49" height="66" viewBox="0 0 49 66" fill="none" xmlns="http://www.w3.org/2000/svg">
 +
                  <path d="M37.3734 65H35.4786C35.1645 65 34.9092 64.7447 34.9092 64.4306V1.56937C34.9092 1.25521 35.1645 1 35.4786 1H37.3734C37.6875 1 37.9428 1.25521 37.9428 1.56937V64.4306C37.9428 64.7447 37.6875 65 37.3734 65Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M34.9094 2.04053H2.86521C1.83438 2.04053 0.999901 2.87498 0.999901 3.90581V62.1135C0.999901 63.1444 1.83438 63.9788 2.86521 63.9788H34.9094V2.04053V2.04053Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M40.7115 2.04053H37.9331V63.969H40.7115C44.5305 63.969 47.6328 60.8667 47.6328 57.0477V8.95199C47.6328 5.133 44.5403 2.04053 40.7115 2.04053Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M29.3531 23.9238H6.56675C6.03661 23.9238 5.60465 23.4919 5.60465 22.9618V7.48944C5.60465 6.95929 6.03661 6.52734 6.56675 6.52734H29.3531C29.8832 6.52734 30.3152 6.95929 30.3152 7.48944V22.9618C30.3152 23.4919 29.8832 23.9238 29.3531 23.9238Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M5.59398 28.4102H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                  <path d="M5.59398 32.897H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                  <path d="M5.59398 37.4917H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                </svg>
 +
              </div>
 +
              <h2 class="title">Journal</h2>
 +
              <p class="description">We meticulously documented methods and protocols used throughout the project</p>
 +
            </div>
 +
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Public_Engagement">
 +
              <div class="icon">
 +
                <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
 +
                  <path d="M33.0001 65C50.6732 65 65.0001 50.6731 65.0001 33C65.0001 15.3269 50.6732 1 33.0001 1C15.327 1 1.00009 15.3269 1.00009 33C1.00009 50.6731 15.327 65 33.0001 65Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M32.9997 57.7817C46.6866 57.7817 57.782 46.6864 57.782 32.9995C57.782 19.3127 46.6866 8.21729 32.9997 8.21729C19.3129 8.21729 8.2175 19.3127 8.2175 32.9995C8.2175 46.6864 19.3129 57.7817 32.9997 57.7817Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M33 16.7633V12.1411" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                  <path d="M33 53.8593V49.6875" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                  <path d="M12.1414 33H16.7755" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                  <path d="M49.2259 33H53.86" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
 +
                  <path d="M33.0003 36.473C34.9182 36.473 36.4729 34.9183 36.4729 33.0004C36.4729 31.0826 34.9182 29.5278 33.0003 29.5278C31.0824 29.5278 29.5277 31.0826 29.5277 33.0004C29.5277 34.9183 31.0824 36.473 33.0003 36.473Z" stroke="white" stroke-width="2" stroke-miterlimit="10" />
 +
                  <path d="M36.4726 33.2965L44.0222 21.978L33 29.5277" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                  <path d="M29.5277 33.2964L21.9781 44.0223L33.0003 36.4727" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
 +
                </svg>
 +
              </div>
 +
              <h2 class="title">Public Engagement</h2>
 +
              <p class="description"> We engaged with the local community. Spreading our knowledge and eliciting public feedback.</p>
 +
            </div>
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
−
</div>
+
    </div>
−
 
+
  </body>
−
</body>
+
 
</html>
 
</html>

Latest revision as of 19:57, 13 December 2019

iGEM Calgary 2019

CANOLA: one of Canada's largest agricultural industries

First bred in 1974, canola has gone on to become one of Canada’s leading crops. The industry contributes 19.3 billion dollars to the Canadian economy every year while providing 12.5 billion dollars in wages to 249,000 workers. Canada is also the number one exporter of canola in the world and annually exports 9 billion dollars worth of seed, oil, and meal to countries like the USA, China, Japan, and Mexico.

A major problem

Green seed causes millions of dollars of losses in the canola industry. We're here to change that.

The Green Seed Problem

Green Seeds Lead to Green Oil



The green seed problem arises when canola plants are exposed to frost, drought or other inclement weather before maturation is complete.

The chlorophyll degradation pathway is suspended and the seed remains green.



So what's the big deal?

Green seeds cause financial harm to farmers and oil producers.



Our Methodology

Our solutions were not only made with end users in mind,end users were involved in every step of the design.

This is human centered design.

Project Components



See how we addressed each area of the canola oil pipeline by exploring the six areas below


Human Practices

We conducted in-depth conversations with professionals from both the academic and agricultural community in Alberta

Project

We created tools and mechanisms to help canola farmers, graders and crushers

Modelling

Computer modelling informed experimental design through every step

Software

We developed tools to codon-optimize hard-to-synthesize sequences and a genetic algorithm based on GROMACS to increase protein stability.

Journal

We meticulously documented methods and protocols used throughout the project

Public Engagement

We engaged with the local community. Spreading our knowledge and eliciting public feedback.