Difference between revisions of "Team:Calgary"

 
(60 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<head>
+
  <head>
  
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
Line 30: Line 30:
 
     <style>
 
     <style>
  
        .interface-group {
+
      .interface-group {
            margin-bottom: 0px;
+
        margin-bottom: 0px;
         }
+
      }
 +
      .center {
 +
         display: block;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
        width: 50%;
 +
      }
 +
     
 +
      .navbar {
 +
      background-color: #00c2ff;
 +
      }
 +
     
 
     </style>
 
     </style>
</head>
+
  </head>
<body>
+
  <body>
  
 
     <div class="container-fluid">
 
     <div class="container-fluid">
  
        <div class="fixed" id="fixed-content">
+
      <div class="fixed" id="fixed-content">
            <nav class="navbar navbar-expand-lg navbar-dark nav-down" id="navbar">
+
        <nav class="navbar navbar-expand-lg navbar-dark nav-down" id="navbar">
                <a class="navbar-brand" href="https://2019.igem.org/Team:Calgary">yOIL</a>
+
          <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>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
          <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>
+
            <span class="navbar-toggler-icon"></span>
                </button>
+
          </button>
  
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav mr-auto">
+
            <ul class="navbar-nav mr-auto">
  
                        <li class="nav-item dropdown">
+
              <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">Project</a>
+
                <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">
+
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <ul class="nav flex-column" style="margin-left: 0px;">
+
                  <ul class="nav flex-column" style="margin-left: 0px;">
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Description">Description</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Description">Description</a></li>
                                    <div class="dropdown-divider"></div>
+
                    <div class="dropdown-divider"></div>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/WetLab">Wet Lab Overview</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/WetLab">Wet Lab Overview</a></li>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/ChlorophyllExtraction">Chlorophyll Extraction</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/ChlorophyllExtraction">Chlorophyll Extraction</a></li>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/EmulsifiedBindingProteinProcess">Protein Emulsification</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/EmulsifiedBindingProteinProcess">Protein Emulsification</a></li>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/RepurposingChlorophyll">Repurposing Chlorophyll</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/RepurposingChlorophyll">Repurposing Chlorophyll</a></li>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Anti-Fungal">Anti-Fungal</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Anti-Fungal">Anti-Fungal</a></li>
                                    <div class="dropdown-divider"></div>
+
                    <div class="dropdown-divider"></div>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a></li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a></li>
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Demonstrate">Demonstrate</a> </li>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Demonstrate">Demonstrate</a> </li>
                                </ul>
+
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Judging">Judging</a></li>
                            </div>
+
<li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Awards">Awards</a></li>
                        </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 Centered Design</a>
+
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                                <ul class="nav flex-column" style="margin-left: 0px;">
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Human_Practices">Integrated Human Practices</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">Mean Green Machine</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/SunnyDays">Sunny Days</a></li>
+
                                    <div class="dropdown-divider"></div>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Entrepreneurship">Entrepreneurship</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Public_Engagement">Education</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Collaborations">Collaborations</a></li>
+
                                    <div class="dropdown-divider"></div>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Safety">Safety</a></li>
+
                                </ul>
+
                            </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">Measurement and Model</a>
+
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                                <ul class="nav flex-column" style="margin-left: 0px;">
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model">Overview</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/ICARUS">ICARUS</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/EmulsionPrediction">Emulsion Construction Prediction</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/DirectedProteinModification">Directed Protein Modification</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/InSilicoEmulsionSystemVerification">In Silico Emulsion System Verification</a></li>
+
                                    <div class="dropdown-divider"></div>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Measurement">Measurement</a></li>
+
                                    <div class="dropdown-divider"></div>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Software">Software Tools</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/BOT">BOTS</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/iGAM">iGAM</a></li>
+
                                    <div class="dropdown-divider"></div>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a></li>
+
                                </ul>
+
                            </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">Parts</a>
+
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                                <ul class="nav flex-column" style="margin-left: 0px;">
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Parts">Parts Overview</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Part_Collection">Collection</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Improve">Improve</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Contribution">Characterize</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Validate">Validate</a></li>
+
                                </ul>
+
                            </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">Journal</a>
+
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
                                <ul class="nav flex-column" style="margin-left: 0px;">
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Experiments">Protocols</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Appendix">Appendix</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Notebook">Journal</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Judging">Judging</a></li>
+
                                </ul>
+
                            </div>
+
                        </li>
+
  
                        <li class="nav-item dropdown">
+
                  </ul>
                            <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">
+
                                <ul class="nav flex-column" style="margin-left: 0px;">
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Team">Members</a></li>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Attributions">Attributions</a></li>
+
                                    <div class="dropdown-divider"></div>
+
                                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
+
                                </ul>
+
                            </div>
+
                        </li>
+
                    </ul>
+
 
                 </div>
 
                 </div>
            </nav>
+
              </li>
         </div>
+
              <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 Centered Design</a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                  <ul class="nav flex-column" style="margin-left: 0px;">
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Human_Practices">Integrated Human Practices</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">Mean Green Machine</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/SunnyDays">Sunny Days</a></li>
 +
                    <div class="dropdown-divider"></div>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Entrepreneurship">Entrepreneurship</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Public_Engagement">Education</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Collaborations">Collaborations</a></li>
 +
                    <div class="dropdown-divider"></div>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Safety">Safety</a></li>
 +
                  </ul>
 +
                </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">Measurement and Model</a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                  <ul class="nav flex-column" style="margin-left: 0px;">
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model">Overview</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/ICARUS">ICARUS</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/EmulsionPrediction">Emulsion Construction Prediction</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/DirectedProteinModification">Directed Protein Modification</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Model/InSilicoEmulsionSystemVerification">In Silico Emulsion System Verification</a></li>
 +
                    <div class="dropdown-divider"></div>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Measurement">Measurement</a></li>
 +
                    <div class="dropdown-divider"></div>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Software">Software Tools</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/BOT">BOTS</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/iGAM">iGAM</a></li>
 +
                    <div class="dropdown-divider"></div>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Results">Results</a></li>
 +
                  </ul>
 +
                </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">Parts</a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                  <ul class="nav flex-column" style="margin-left: 0px;">
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Parts">Parts Overview</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Part_Collection">Collection</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Improve">Improve</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Contribution">Characterize</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Validate">Validate</a></li>
 +
                  </ul>
 +
                </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">Journal</a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 +
                  <ul class="nav flex-column" style="margin-left: 0px;">
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Experiments">Protocols</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Appendix">Appendix</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Notebook">Journal</a></li>
 +
                  </ul>
 +
                </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">
 +
                  <ul class="nav flex-column" style="margin-left: 0px;">
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Team">Members</a></li>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Attributions">Attributions</a></li>
 +
                    <div class="dropdown-divider"></div>
 +
                    <li><a class="dropdown-item" href="https://2019.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
 +
                  </ul>
 +
                </div>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
         </nav>
 +
      </div>
 
     </div>
 
     </div>
  
 
     <div class="interface-group">
 
     <div class="interface-group">
        <div class="content-panel header">
+
      <div class="content-panel header">
            <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/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">
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/1/12/T--Calgary--header-size-2_new.svg" id="header-size-2">
            <img class="header-photo" src="https://static.igem.org/mediawiki/2019/e/eb/T--Calgary--header-size-3_new.svg" id="header-size-3">
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/e/eb/T--Calgary--header-size-3_new.svg" id="header-size-3">
            <img class="header-photo" src="https://static.igem.org/mediawiki/2019/7/7b/T--Calgary--header-size-4_new.svg" id="header-size-4">
+
        <img class="header-photo" src="https://static.igem.org/mediawiki/2019/7/7b/T--Calgary--header-size-4_new.svg" id="header-size-4">
            <div class="animated zoomIn intro-message">
+
        <div class="animated zoomIn intro-message">
                <div class="text-container">
+
          <div class="text-container">
                    <h1>
+
            <h1>
                    <span class="emphasis">CANOLA:</span>  
+
              <span class="emphasis">CANOLA:</span>
                    one of Canada's largest agricultural industries</h1>
+
              one of Canada's largest agricultural industries
                    <p>First bred in 1974, canola has gone on to become one of Canada’s  
+
            </h1>
                    leading crops. The industry contributes  
+
            <p>
                    <span class="emphasis">19.3 billion dollars</span>  
+
              First bred in 1974, canola has gone on to become one of Canada’s
                    to the Canadian economy every year while providing  
+
              leading crops. The industry contributes
                    <span class="emphasis">12.5 billion dollars</span> in wages to  
+
              <span class="emphasis">19.3 billion dollars</span>
                    <span class="emphasis">249,000 workers</span>.  
+
              to the Canadian economy every year while providing
                    Canada is also the number one exporter of canola  
+
              <span class="emphasis">12.5 billion dollars</span> in wages to
                    in the world and annually exports  
+
              <span class="emphasis">249,000 workers</span>.
                    <span class="emphsasis">9 billion dollars</span>  
+
              Canada is also the number one exporter of canola
                    worth of seed, oil, and meal to countries like the USA,  
+
              in the world and annually exports
                    China, Japan, and Mexico.</p>
+
              <span class="emphasis">9 billion dollars</span>
                </div>
+
              worth of seed, oil, and meal to countries like the USA,
            </div>
+
              China, Japan, and Mexico.
 +
            </p>
 +
          </div>
 
         </div>
 
         </div>
        <div class="content-panel pipeline dynamic-padding">
+
      </div>
            <h1>The Current Canola Pipeline</h1>
+
      <div class="content-panel main-message dynamic-padding">
            <h2>And Its Losses</h2>
+
        <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>
  
        </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>
+
============================ NEW ===============================
            <p>Engineering a process to de-green canola seeds and establishing a market for chlorophyll derivatives.</p>
+
-->
        </div>
+
 
 +
      <div class="content-panel dynamic-padding">
 
         <div class="content-panel highlights dynamic-padding">
 
         <div class="content-panel highlights dynamic-padding">
            <h1>Project Highlights</h1>
+
          <h1>The Green Seed Problem</h1><h2 style="font-family:Barlow">Green Seeds Lead to Green Oil</h2>
            <div class="article-holder">
+
          <br><br>
                <div class="emphasis-quote" data-link="https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">
+
          <h2 style="font-family:Barlow">
                    <img class="quotation" src="https://static.igem.org/mediawiki/2019/a/a8/T--Calgary--quotation.svg">
+
            The green seed problem arises when canola plants are exposed
                    <p class="quote">Green is the different between profit and loss.</p>
+
            to frost, drought or other inclement weather before maturation is complete.</h2>
                    <img class="quotation" src="https://static.igem.org/mediawiki/2019/a/a8/T--Calgary--quotation.svg">
+
          <h2 style="font-family:Barlow">The chlorophyll
                </div>
+
            degradation pathway is suspended and the seed remains green.</h2>
                <div class="articles">
+
          <img class ="center" src ="https://static.igem.org/mediawiki/2019/d/d6/T--Calgary--greenseed.png" style ="width:40vw; height: auto;">
                    <div class="article-row">
+
          <br><br>
                        <div class="article" data-link="https://2019.igem.org/Team:Calgary/Anti-Fungal">
+
          <h1>So what's the big deal?</h1>
                            <h2>Chlorophyll Repurposing</h2>
+
          <h2 style="font-family:Barlow">Green seeds cause financial harm to farmers and oil producers.</h2>
                            <h1>An Anti-Fungal Treatment</h1>
+
                            <p>Fungal growth has proven to be a destructive condition for canola plants and we may have found a solution.</p>
+
                        </div>
+
                        <div class="article" data-link="https://2019.igem.org/Team:Calgary/Model/InSilicoEmulsionSystemVerification">
+
                            <h2>Modelling</h2>
+
                            <h1>Understanding our protein in different environments</h1>
+
                            <p>With the direction, knowledge, and tools supplied by Dr. Anderson we were equipped to design the experiments that would allow for the better understanding of the 6GIX protein in multiple systems.</p>
+
                        </div>
+
                    </div>
+
                    <div class="article-row" data-link="https://2019.igem.org/Team:Calgary/Software">
+
                        <div class="article">
+
                            <h2>Software</h2>
+
                            <h1>Optimizing the production and synthesis of DNA</h1>
+
                            <p>Codon optimization is a standard problem in synthetic biology. We created a tool that removes repeats, hairpins, and keeps GC richness below a certain percentage.</p>
+
                        </div>
+
                        <div class="article" data-link="https://2019.igem.org/Team:Calgary/Entrepreneurship">
+
                            <h2>Entrepreneurship</h2>
+
                            <h1>Commercializing our Project</h1>
+
                            <p>Over the summer, we examined the entrepreneurial aspects of our project and navigated intellectual property regulations and market analysis techniques.</p>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
 
         </div>
 
         </div>
         <div class="content-panel project-icons dynamic-padding">
+
         <br><br>
            <h1>Project Components</h1>
+
      </div>
            <div class="component-holder">
+
 
                <div class="component-row">
+
      <div class="content-panel main-message dynamic-padding" data-link="https://2019.igem.org/Team:Calgary/Human_Practices">
                    <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Human_Practices">
+
        <h2>Our Methodology</h2>
                        <div class="icon">
+
        <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>
                            <svg width="53" height="66" viewBox="0 0 53 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
      <h2>This is human centered design.<h2>
                                <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" />
+
      </div>
                                <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" />
+
      <div class="content-panel project-icons dynamic-padding">
                                <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" />
+
        <h1>Project Components</h1>
                                <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" />
+
        <br><br>
                                <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" />
+
        <img class ="center" src ="https://static.igem.org/mediawiki/2019/2/21/T--Calgary--pipelineFull.png" style ="width:70%; margin-bottom: 70px;">
                                <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" />
+
        <h2 style="font-family:Barlow">See how we addressed each area of the canola oil pipeline by exploring the six areas below</h2>
                                <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" />
+
        <br>
                                <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="component-holder">
                                <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" />
+
          <div class="component-row">
                            </svg>
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Human_Practices">
                        </div>
+
              <div class="icon">
                        <h2 class="title">Human Practices</h2>
+
                <svg width="53" height="66" viewBox="0 0 53 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <p class="description">We conducted in-depth conversations with professionals from both the academic and agricultural community in Alberta</p>
+
                  <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" />
                    </div>
+
                  <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" />
                    <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Description">
+
                  <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 class="icon">
+
                  <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" />
                            <svg width="42" height="66" viewBox="0 0 42 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
                  <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="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="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="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="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="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="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="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="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="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="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>
+
                </svg>
                        </div>
+
              </div>
                        <h2 class="title">Project</h2>
+
              <h2 class="title">Human Practices</h2>
                        <p class="description">We created tools and mechanisms to help canola farmers, graders and crushers</p>
+
              <p class="description">We conducted in-depth conversations with professionals from both the academic and agricultural community in Alberta</p>
                    </div>
+
            </div>
                    <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Modelling">
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Description">
                        <div class="icon">
+
              <div class="icon">
                            <svg width="66" height="54" viewBox="0 0 66 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+
                <svg width="42" height="66" viewBox="0 0 42 66" 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="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="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="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="M37.8595 42.1382H28.1491V48.7722H37.8595V42.1382Z" stroke="white" stroke-width="2" stroke-miterlimit="10" 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="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="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="M1.00006 36.1558H65.0001" stroke="white" stroke-width="2" stroke-miterlimit="10" 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="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
                </svg>
                                <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" />
+
              </div>
                                <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" />
+
              <h2 class="title">Project</h2>
                                <path d="M44.7305 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
              <p class="description">We created tools and mechanisms to help canola farmers, graders and crushers</p>
                                <path d="M36.4351 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
            </div>
                                <path d="M32.566 23.0003V18.7726V14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Model">
                                <path d="M48.5993 23.0003V18.7726V14.5449" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
              <div class="icon">
                            </svg>
+
                <svg width="66" height="54" viewBox="0 0 66 54" fill="none" xmlns="http://www.w3.org/2000/svg">
                        </div>
+
                  <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" />
                        <h2 class="title">Modelling</h2>
+
                  <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" />
                        <p class="description">Computer modelling informed experimental design through every step</p>
+
                  <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="component-row">
+
                  <path d="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
                    <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Software">
+
                  <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" />
                        <div class="icon">
+
                  <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" />
                            <svg width="66" height="44" viewBox="0 0 66 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+
                  <path d="M44.7305 22.5944V18.7726V14.9507" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
                                <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="M36.4351 22.5944V18.7726V14.9507" 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="M32.566 23.0003V18.7726V14.5449" 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="M48.5993 23.0003V18.7726V14.5449" 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" />
+
                </svg>
                                <path d="M6.31253 12.9663H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
+
              </div>
                                <path d="M6.31253 16.1748H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
+
              <h2 class="title">Modelling</h2>
                                <path d="M6.31253 19.3823H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
+
              <p class="description">Computer modelling informed experimental design through every step</p>
                                <path d="M6.31253 22.5918H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
+
            </div>
                            </svg>
+
          </div>
                        </div>
+
          <div class="component-row">
                        <h2 class="title">Software</h2>
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Software">
                        <p class="description">We developed a hardware integrated computer vision algorithm to automate the seed grading process</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/Notebook">
+
                  <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="49" height="66" viewBox="0 0 49 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="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="M24.8555 28.187H6.31253V37.5576H24.8555V28.187Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
                                <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="M6.31253 12.9663H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <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="M6.31253 16.1748H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <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="M6.31253 19.3823H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M5.59398 28.4102H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
+
                  <path d="M6.31253 22.5918H24.8555" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
                                <path d="M5.59398 32.897H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
+
                </svg>
                                <path d="M5.59398 37.4917H30.3143" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
+
              </div>
                            </svg>
+
              <h2 class="title">Software</h2>
                        </div>
+
              <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>
                        <h2 class="title">Journal</h2>
+
            </div>
                        <p class="description">We meticulously documented methods and protocols used throughout the project</p>
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Notebook">
                    </div>
+
              <div class="icon">
                    <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Public_Engagement">
+
                <svg width="49" height="66" viewBox="0 0 49 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <div class="icon">
+
                  <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" />
                            <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+
                  <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="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="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="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="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="M33 16.7633V12.1411" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" />
+
                  <path d="M5.59398 28.4102H30.3143" 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="M5.59398 32.897H30.3143" 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="M5.59398 37.4917H30.3143" 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" />
+
                </svg>
                                <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" />
+
              </div>
                                <path d="M36.4726 33.2965L44.0222 21.978L33 29.5277" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
              <h2 class="title">Journal</h2>
                                <path d="M29.5277 33.2964L21.9781 44.0223L33.0003 36.4727" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round" />
+
              <p class="description">We meticulously documented methods and protocols used throughout the project</p>
                            </svg>
+
            </div>
                        </div>
+
            <div class="project-component" data-link="https://2019.igem.org/Team:Calgary/Public_Engagement">
                        <h2 class="title">Public Engagement</h2>
+
              <div class="icon">
                        <p class="description"> We engaged with the local community. Spreading our knowledge and eliciting public feedback.</p>
+
                <svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
                    </div>
+
                  <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" />
                </div>
+
                  <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>
 
     </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.