Difference between revisions of "Team:Calgary"

Line 12: Line 12:
 
     <style>
 
     <style>
 
       /* --- [ PROJECT COMPONENTS STYLING ] --- */
 
       /* --- [ PROJECT COMPONENTS STYLING ] --- */
 +
      /* --- [ PIPELINE PANELS ] --- */
 +
 +
      .content-panel.pipeline {
 +
        background-color: #f3f3f3;
 +
      }
 +
 +
      #bodyContent .content-panel.pipeline h1 {
 +
        font-weight: 600;
 +
        font-size: 36px;
 +
 +
        line-height: 50px;
 +
        letter-spacing: 0.2em;
 +
 +
        margin-bottom: 10px;
 +
      }
 +
 +
      #bodyContent .content-panel.pipeline h2 {
 +
        font-weight: 400;
 +
        font-size: 30px;
 +
 +
        line-height: 40px;
 +
        letter-spacing: 0.1em;
 +
 +
        margin-bottom: 80px;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface {
 +
        display: flex;
 +
        flex-direction: row;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-information {
 +
        background-color: #ffffff;
 +
        padding: 60px;
 +
        flex: 1;
 +
      }
 +
 +
      .content-panel.pipeline
 +
        .pipeline-interface
 +
        .pipeline-information
 +
        .hidden {
 +
        display: none;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-information h3 {
 +
        display: inline;
 +
 +
        font-family: Barlow Medium;
 +
        font-style: normal;
 +
        font-weight: 500;
 +
        font-size: 36px;
 +
 +
        line-height: 43px;
 +
        align-items: center;
 +
 +
        color: rgb(68, 68, 68);
 +
 +
        margin-bottom: 20px;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-information p {
 +
        display: flex;
 +
 +
        font-family: Barlow;
 +
        font-style: normal;
 +
        font-weight: normal;
 +
        font-size: 18px;
 +
 +
        line-height: 25px;
 +
 +
        color: rgb(68, 68, 68);
 +
 +
        margin-bottom: 20px;
 +
      }
 +
 +
      .content-panel.pipeline
 +
        .pipeline-interface
 +
        .pipeline-information
 +
        p:last-child {
 +
        margin-bottom: 0px;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-information .ast {
 +
        font-weight: 600;
 +
 +
        color: #f8b200;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-diagram {
 +
        margin-right: 80px;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-diagram g:hover {
 +
        cursor: pointer;
 +
      }
 +
 +
      .content-panel.pipeline .pipeline-interface .pipeline-diagram g .fixed {
 +
        position: absolute;
 +
      }
 +
 +
      @media only screen and (max-width: 900px) {
 +
        #bodyContent .content-panel.pipeline h1 {
 +
          font-size: 36px;
 +
 +
          line-height: 50px;
 +
          letter-spacing: 0.2em;
 +
        }
 +
 +
        #bodyContent .content-panel.pipeline h2 {
 +
          font-size: 30px;
 +
 +
          line-height: 40px;
 +
          letter-spacing: 0.1em;
 +
        }
 +
 +
        .content-panel.pipeline .pipeline-interface {
 +
          flex-direction: column;
 +
        }
 +
 +
        .content-panel.pipeline .pipeline-interface .pipeline-diagram {
 +
          margin-right: 0px;
 +
          margin-bottom: 80px;
 +
          text-align: center;
 +
        }
 +
 +
        .content-panel.pipeline .pipeline-interface .pipeline-information {
 +
          padding: 40px;
 +
        }
 +
 +
        #proposed-diagram {
 +
          max-width: 70vw;
 +
        }
 +
      }
 +
 +
      @media only screen and (max-width: 600px) {
 +
        .content-panel.pipeline .pipeline-interface .pipeline-information h3 {
 +
          font-size: 30px;
 +
 +
          line-height: 40px;
 +
        }
 +
      }
 +
 +
      @media only screen and (max-width: 400px) {
 +
        .content-panel.pipeline .pipeline-interface .pipeline-information h3 {
 +
          font-size: 24px;
 +
 +
          line-height: 30px;
 +
        }
 +
      }
 +
 +
      /* --- [ MAIN MESSAGE PANEL ] --- */
 +
 +
      .content-panel.main-message {
 +
        background-color: #1e6273;
 +
        padding: 80px;
 +
 +
        text-align: left;
 +
        justify-content: left;
 +
      }
 +
 +
      .content-panel.main-message > * {
 +
        margin-bottom: 10px;
 +
      }
 +
 +
      .content-panel.main-message h2 {
 +
        font-weight: bold;
 +
        font-size: 36px;
 +
        line-height: 43px;
 +
        letter-spacing: 0.05em;
 +
        text-transform: uppercase;
 +
 +
        color: rgba(255, 255, 255, 0.6);
 +
      }
 +
 +
      .content-panel.main-message h1 {
 +
        font-size: 48px;
 +
        line-height: 58px;
 +
        font-weight: bold;
 +
        letter-spacing: 0.05em;
 +
        text-transform: uppercase;
 +
 +
        color: rgba(255, 255, 255, 0.9);
 +
      }
 +
 +
      .content-panel.main-message h1 .emphasis {
 +
        color: #ffe600;
 +
      }
 +
 +
      .content-panel.main-message p {
 +
        font-weight: 500;
 +
        font-size: 24px;
 +
        line-height: 29px;
 +
 +
        color: rgba(255, 255, 255, 0.9);
 +
 +
        max-width: 700px;
 +
      }
 +
 +
      @media only screen and (max-width: 900px) {
 +
        .content-panel.main-message h2 {
 +
          font-size: 30px;
 +
        }
 +
 +
        .content-panel.main-message h1 {
 +
          font-size: 36px;
 +
        }
 +
 +
        .content-panel.main-message p {
 +
          font-size: 21px;
 +
        }
 +
      }
 +
 +
      /* --- [ HIGHLIGHTS STYLING ] --- */
 +
 +
      .content-panel.highlights .article-holder {
 +
        display: flex;
 +
        flex-direction: row;
 +
        margin-top: 20px;
 +
      }
 +
 +
      .content-panel.highlights .article-holder .emphasis-quote {
 +
        display: flex;
 +
        flex-direction: column;
 +
 +
        justify-content: center;
 +
 +
        margin-right: 40px;
 +
 +
        padding: 60px;
 +
      }
 +
 +
      .content-panel.highlights .article-holder .emphasis-quote:hover {
 +
        cursor: pointer;
 +
      }
 +
 +
      .content-panel.highlights .article-holder .emphasis-quote > * {
 +
        margin-bottom: 60px;
 +
      }
 +
 +
      .content-panel.highlights .article-holder .emphasis-quote > *:last-child {
 +
        margin-bottom: 0px;
 +
      }
 +
 +
      #HQ_page
 +
        .content-panel.highlights
 +
        .article-holder
 +
        .emphasis-quote
 +
        .quote {
 +
        font-weight: 500;
 +
        font-size: 36px;
 +
        line-height: 43px;
 +
        align-items: center;
 +
        text-align: center;
 +
        letter-spacing: 0.1em;
 +
        text-transform: uppercase;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
 +
        color: #444444;
 +
 +
        max-width: 350px;
 +
      }
 +
 +
      .content-panel.highlights .articles {
 +
        display: flex;
 +
        flex-direction: column;
 +
        justify-content: center;
 +
      }
 +
 +
      .content-panel.highlights .article-row {
 +
        display: flex;
 +
        flex-direction: row;
 +
        margin-bottom: 40px;
 +
      }
 +
 +
      .content-panel.highlights .article-row:last-child {
 +
        margin-bottom: 0px;
 +
      }
 +
 +
      .content-panel.highlights .article-row .article {
 +
        text-align: left;
 +
        justify-content: left;
 +
        margin-right: 40px;
 +
 +
        max-width: 350px;
 +
      }
 +
 +
      .content-panel.highlights .article-row .article:hover {
 +
        cursor: pointer;
 +
      }
 +
 +
      .content-panel.highlights .article-row .article:last-child {
 +
        text-align: left;
 +
        justify-content: left;
 +
        margin-right: 0px;
 +
      }
 +
 +
      .content-panel.highlights .article-row .article h2 {
 +
        font-weight: 700;
 +
        font-size: 18px;
 +
        line-height: 22px;
 +
        letter-spacing: 0.1em;
 +
 +
        color: #1e6273;
 +
      }
 +
 +
      .content-panel.highlights .article-row .article h1 {
 +
        font-weight: 600;
 +
        font-size: 24px;
 +
        line-height: 29px;
 +
        letter-spacing: 0.1em;
 +
 +
        color: #444444;
 +
      }
 +
 +
      .content-panel.highlights .article-row .article p {
 +
        font-size: 18px;
 +
        line-height: 22px;
 +
        letter-spacing: 0.1em;
 +
 +
        color: #444444;
 +
      }
 +
 +
      @media only screen and (max-width: 1000px) {
 +
        .content-panel.highlights .article-holder {
 +
          flex-direction: column;
 +
        }
 +
 +
        .content-panel.highlights .article-holder .emphasis-quote {
 +
          margin-right: 0px;
 +
          margin-bottom: 40px;
 +
          padding: 30px;
 +
        }
 +
 +
        #HQ_page
 +
          .content-panel.highlights
 +
          .article-holder
 +
          .emphasis-quote
 +
          .quote {
 +
          max-width: 500px;
 +
        }
 +
      }
 +
 +
      @media only screen and (max-width: 600px) {
 +
        .content-panel.highlights .article-row {
 +
          flex-direction: column;
 +
          margin-bottom: 40px;
 +
        }
 +
 +
        .content-panel.highlights .article-row .article {
 +
          margin-right: 0px;
 +
          margin-bottom: 40px;
 +
 +
          max-width: 500px;
 +
        }
 +
 +
        .content-panel.highlights .article-row .article:last-child {
 +
          margin-bottom: 0px;
 +
        }
 +
      }
 +
 +
      @media only screen and (max-width: 400px) {
 +
        .content-panel.highlights .article-holder .emphasis-quote {
 +
          padding: 0px;
 +
          text-align: center;
 +
        }
 +
 +
        #HQ_page
 +
          .content-panel.highlights
 +
          .article-holder
 +
          .emphasis-quote
 +
          .quote {
 +
          font-size: 24px;
 +
          line-height: 30px;
 +
          letter-spacing: 0.1em;
 +
          text-transform: uppercase;
 +
          margin-left: auto;
 +
          margin-right: auto;
 +
        }
 +
 +
        #HQ_page
 +
          .content-panel.highlights
 +
          .article-holder
 +
          .emphasis-quote
 +
          .quotation {
 +
          max-width: 20px;
 +
          margin-left: auto;
 +
          margin-right: auto;
 +
        }
 +
 +
        .content-panel.highlights .article-holder .emphasis-quote > * {
 +
          margin-bottom: 20px;
 +
        }
 +
 +
        .content-panel.highlights
 +
          .article-holder
 +
          .emphasis-quote
 +
          > *:last-child {
 +
          margin-bottom: 0px;
 +
        }
 +
      }
  
 
       .content-panel.project-icons {
 
       .content-panel.project-icons {
Line 355: Line 756:
 
           </div>
 
           </div>
 
           <!-- NAVIGATION GRID -->
 
           <!-- NAVIGATION GRID -->
−
           <div class="component-holder">
+
           <div class="content-panel project-icons dynamic-padding">
−
             <div class="component-row">
+
            <h1>Project Components</h1>
−
               <div
+
            <br /><br />
−
                 class="project-component"
+
            <img
−
                data-link="https://2019.igem.org/Team:Calgary/Human_Practices"
+
              class="center"
−
              >
+
              src="https://static.igem.org/mediawiki/2019/2/21/T--Calgary--pipelineFull.png"
−
                <div class="icon">
+
              style="width: 70%; margin-bottom: 70px"
−
                  <svg
+
            />
−
                    width="53"
+
            <h2 style="font-family: Barlow">
−
                    height="66"
+
              See how we addressed each area of the canola oil pipeline by
−
                    viewBox="0 0 53 66"
+
              exploring the six areas below
−
                    fill="none"
+
            </h2>
−
                    xmlns="http://www.w3.org/2000/svg"
+
            <br />
−
                  >
+
             <div class="component-holder">
−
                    <path
+
               <div class="component-row">
−
                      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"
+
                 <div
−
                      stroke="white"
+
                  class="project-component"
−
                      stroke-width="2"
+
                  data-link="https://2019.igem.org/Team:Calgary/Human_Practices"
−
                      stroke-miterlimit="10"
+
                >
−
                    />
+
                  <div class="icon">
−
                    <path
+
                    <svg
−
                      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"
+
                      width="53"
−
                      stroke="white"
+
                      height="66"
−
                      stroke-width="2"
+
                      viewBox="0 0 53 66"
−
                      stroke-miterlimit="10"
+
                      fill="none"
−
                    />
+
                      xmlns="http://www.w3.org/2000/svg"
−
                    <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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                      />
−
                    <path
+
                      <path
−
                      d="M34.4082 60.7354L32.8892 55.0459C31.3323 55.1969 29.7378 55.2157 28.1149 55.1025L26.6147 60.7354H34.4082Z"
+
                        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="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                      stroke-linejoin="round"
+
                      />
−
                     />
+
                      <path
−
                   </svg>
+
                        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>
 +
                  <h2 class="title">Human Practices</h2>
 +
                  <p class="description">
 +
                    We conducted in-depth conversations with professionals from
 +
                    both the academic and agricultural community in Alberta
 +
                  </p>
 
                 </div>
 
                 </div>
−
                 <h2 class="title">Human Practices</h2>
+
                 <div
−
                <p class="description">
+
                   class="project-component"
−
                   We conducted in-depth conversations with professionals from
+
                  data-link="https://2019.igem.org/Team:Calgary/Description"
−
                  both the academic and agricultural community in Alberta
+
                >
−
                </p>
+
                  <div class="icon">
−
              </div>
+
                    <svg
−
              <div
+
                      width="42"
−
                class="project-component"
+
                      height="66"
−
                data-link="https://2019.igem.org/Team:Calgary/Description"
+
                      viewBox="0 0 42 66"
−
              >
+
                      fill="none"
−
                <div class="icon">
+
                      xmlns="http://www.w3.org/2000/svg"
−
                  <svg
+
                    >
−
                    width="42"
+
                      <path
−
                    height="66"
+
                        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"
−
                    viewBox="0 0 42 66"
+
                        stroke="white"
−
                    fill="none"
+
                        stroke-width="2"
−
                    xmlns="http://www.w3.org/2000/svg"
+
                        stroke-miterlimit="10"
−
                  >
+
                      />
−
                    <path
+
                      <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"
+
                        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="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="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"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linecap="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                      />
−
                    <path
+
                      <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"
+
                        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="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                      />
−
                    <path
+
                      <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"
+
                        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="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                      />
−
                    <path
+
                     </svg>
−
                      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"
+
                   </div>
−
                      stroke="white"
+
                  <h2 class="title">Project</h2>
−
                      stroke-width="2"
+
                  <p class="description">
−
                      stroke-miterlimit="10"
+
                    We created tools and mechanisms to help canola farmers,
−
                     />
+
                    graders and crushers
−
                   </svg>
+
                  </p>
 
                 </div>
 
                 </div>
−
                 <h2 class="title">Project</h2>
+
                 <div
−
                <p class="description">
+
                   class="project-component"
−
                   We created tools and mechanisms to help canola farmers,
+
                  data-link="https://2019.igem.org/Team:Calgary/Model"
−
                  graders and crushers
+
                >
−
                </p>
+
                  <div class="icon">
−
              </div>
+
                    <svg
−
              <div
+
                      width="66"
−
                class="project-component"
+
                      height="54"
−
                data-link="https://2019.igem.org/Team:Calgary/Model"
+
                      viewBox="0 0 66 54"
−
              >
+
                      fill="none"
−
                <div class="icon">
+
                      xmlns="http://www.w3.org/2000/svg"
−
                  <svg
+
                    >
−
                    width="66"
+
                      <path
−
                    height="54"
+
                        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"
−
                    viewBox="0 0 66 54"
+
                        stroke="white"
−
                    fill="none"
+
                        stroke-width="2"
−
                    xmlns="http://www.w3.org/2000/svg"
+
                        stroke-miterlimit="10"
−
                  >
+
                      />
−
                    <path
+
                      <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"
+
                        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="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <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"
+
                      <path
−
                      stroke="white"
+
                        d="M37.8595 42.1382H28.1491V48.7722H37.8595V42.1382Z"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M37.8595 42.1382H28.1491V48.7722H37.8595V42.1382Z"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        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"
+
                      <path
−
                      stroke="white"
+
                        d="M1.00006 36.1558H65.0001"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M1.00006 36.1558H65.0001"
+
                      <path
−
                      stroke="white"
+
                        d="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="round"
−
                    <path
+
                        stroke-linejoin="round"
−
                      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"
+
                      <path
−
                      stroke-width="2"
+
                        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-miterlimit="10"
+
                        stroke="white"
−
                      stroke-linecap="round"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="round"
−
                    <path
+
                        stroke-linejoin="round"
−
                      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"
+
                      <path
−
                      stroke-width="2"
+
                        d="M44.7305 22.5944V18.7726V14.9507"
−
                      stroke-miterlimit="10"
+
                        stroke="white"
−
                      stroke-linecap="round"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M44.7305 22.5944V18.7726V14.9507"
+
                      <path
−
                      stroke="white"
+
                        d="M36.4351 22.5944V18.7726V14.9507"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M36.4351 22.5944V18.7726V14.9507"
+
                      <path
−
                      stroke="white"
+
                        d="M32.566 23.0003V18.7726V14.5449"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M32.566 23.0003V18.7726V14.5449"
+
                      <path
−
                      stroke="white"
+
                        d="M48.5993 23.0003V18.7726V14.5449"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M48.5993 23.0003V18.7726V14.5449"
+
                     </svg>
−
                      stroke="white"
+
                   </div>
−
                      stroke-width="2"
+
                  <h2 class="title">Modelling</h2>
−
                      stroke-miterlimit="10"
+
                  <p class="description">
−
                      stroke-linejoin="round"
+
                    Computer modelling informed experimental design through
−
                     />
+
                    every step
−
                   </svg>
+
                  </p>
 
                 </div>
 
                 </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="component-row">
+
                <div
−
              <div
+
                  class="project-component"
−
                class="project-component"
+
                  data-link="https://2019.igem.org/Team:Calgary/Software"
−
                data-link="https://2019.igem.org/Team:Calgary/Software"
+
                >
−
              >
+
                  <div class="icon">
−
                <div class="icon">
+
                    <svg
−
                  <svg
+
                      width="66"
−
                    width="66"
+
                      height="44"
−
                    height="44"
+
                      viewBox="0 0 66 44"
−
                    viewBox="0 0 66 44"
+
                      fill="none"
−
                    fill="none"
+
                      xmlns="http://www.w3.org/2000/svg"
−
                    xmlns="http://www.w3.org/2000/svg"
+
                    >
−
                  >
+
                      <path
−
                    <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"
−
                      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="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M1.00006 7.65283H64.8201"
−
                      d="M1.00006 7.65283H64.8201"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M59.5075 12.9663H30.169V37.5487H59.5075V12.9663Z"
−
                      d="M59.5075 12.9663H30.169V37.5487H59.5075V12.9663Z"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M24.8555 28.187H6.31253V37.5576H24.8555V28.187Z"
−
                      d="M24.8555 28.187H6.31253V37.5576H24.8555V28.187Z"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M6.31253 12.9663H24.8555"
−
                      d="M6.31253 12.9663H24.8555"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linecap="round"
−
                      stroke-linecap="round"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M6.31253 16.1748H24.8555"
−
                      d="M6.31253 16.1748H24.8555"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linecap="round"
−
                      stroke-linecap="round"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M6.31253 19.3823H24.8555"
−
                      d="M6.31253 19.3823H24.8555"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linecap="round"
−
                      stroke-linecap="round"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M6.31253 22.5918H24.8555"
−
                      d="M6.31253 22.5918H24.8555"
+
                        stroke="white"
−
                      stroke="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linecap="round"
−
                      stroke-linecap="round"
+
                        stroke-linejoin="round"
−
                      stroke-linejoin="round"
+
                      />
−
                     />
+
                     </svg>
−
                   </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>
−
                 <h2 class="title">Software</h2>
+
                 <div
−
                <p class="description">
+
                   class="project-component"
−
                   We developed tools to codon-optimize hard-to-synthesize
+
                  data-link="https://2019.igem.org/Team:Calgary/Notebook"
−
                  sequences and a genetic algorithm based on GROMACS to increase
+
                >
−
                  protein stability.
+
                  <div class="icon">
−
                </p>
+
                    <svg
−
              </div>
+
                      width="49"
−
              <div
+
                      height="66"
−
                class="project-component"
+
                      viewBox="0 0 49 66"
−
                data-link="https://2019.igem.org/Team:Calgary/Notebook"
+
                      fill="none"
−
              >
+
                      xmlns="http://www.w3.org/2000/svg"
−
                <div class="icon">
+
                    >
−
                  <svg
+
                      <path
−
                    width="49"
+
                        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"
−
                    height="66"
+
                        stroke="white"
−
                    viewBox="0 0 49 66"
+
                        stroke-width="2"
−
                    fill="none"
+
                        stroke-miterlimit="10"
−
                    xmlns="http://www.w3.org/2000/svg"
+
                      />
−
                  >
+
                      <path
−
                    <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"
−
                      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="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                      />
−
                    />
+
                      <path
−
                    <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"
−
                      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="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                      />
−
                    />
+
                      <path
−
                    <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"
−
                      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="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                      />
−
                    />
+
                      <path
−
                    <path
+
                        d="M5.59398 28.4102H30.3143"
−
                      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="white"
+
                        stroke-width="2"
−
                      stroke-width="2"
+
                        stroke-miterlimit="10"
−
                      stroke-miterlimit="10"
+
                        stroke-linecap="round"
−
                    />
+
                      />
−
                    <path
+
                      <path
−
                      d="M5.59398 28.4102H30.3143"
+
                        d="M5.59398 32.897H30.3143"
−
                      stroke="white"
+
                        stroke="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                      stroke-linecap="round"
+
                        stroke-linecap="round"
−
                    />
+
                      />
−
                    <path
+
                      <path
−
                      d="M5.59398 32.897H30.3143"
+
                        d="M5.59398 37.4917H30.3143"
−
                      stroke="white"
+
                        stroke="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                      stroke-linecap="round"
+
                        stroke-linecap="round"
−
                    />
+
                      />
−
                    <path
+
                     </svg>
−
                      d="M5.59398 37.4917H30.3143"
+
                   </div>
−
                      stroke="white"
+
                  <h2 class="title">Journal</h2>
−
                      stroke-width="2"
+
                  <p class="description">
−
                      stroke-miterlimit="10"
+
                    We meticulously documented methods and protocols used
−
                      stroke-linecap="round"
+
                    throughout the project
−
                     />
+
                  </p>
−
                   </svg>
+
 
                 </div>
 
                 </div>
−
                 <h2 class="title">Journal</h2>
+
                 <div
−
                <p class="description">
+
                   class="project-component"
−
                   We meticulously documented methods and protocols used
+
                  data-link="https://2019.igem.org/Team:Calgary/Public_Engagement"
−
                  throughout the project
+
                >
−
                </p>
+
                  <div class="icon">
−
              </div>
+
                    <svg
−
              <div
+
                      width="66"
−
                class="project-component"
+
                      height="66"
−
                data-link="https://2019.igem.org/Team:Calgary/Public_Engagement"
+
                      viewBox="0 0 66 66"
−
              >
+
                      fill="none"
−
                <div class="icon">
+
                      xmlns="http://www.w3.org/2000/svg"
−
                  <svg
+
                    >
−
                    width="66"
+
                      <path
−
                    height="66"
+
                        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"
−
                    viewBox="0 0 66 66"
+
                        stroke="white"
−
                    fill="none"
+
                        stroke-width="2"
−
                    xmlns="http://www.w3.org/2000/svg"
+
                        stroke-miterlimit="10"
−
                  >
+
                      />
−
                    <path
+
                      <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"
+
                        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="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                      />
−
                    <path
+
                      <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"
+
                        d="M33 16.7633V12.1411"
−
                      stroke="white"
+
                        stroke="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="round"
−
                    <path
+
                      />
−
                      d="M33 16.7633V12.1411"
+
                      <path
−
                      stroke="white"
+
                        d="M33 53.8593V49.6875"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linecap="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="round"
−
                    <path
+
                      />
−
                      d="M33 53.8593V49.6875"
+
                      <path
−
                      stroke="white"
+
                        d="M12.1414 33H16.7755"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linecap="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="round"
−
                    <path
+
                      />
−
                      d="M12.1414 33H16.7755"
+
                      <path
−
                      stroke="white"
+
                        d="M49.2259 33H53.86"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linecap="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linecap="round"
−
                    <path
+
                      />
−
                      d="M49.2259 33H53.86"
+
                      <path
−
                      stroke="white"
+
                        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-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linecap="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                      />
−
                    <path
+
                      <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"
+
                        d="M36.4726 33.2965L44.0222 21.978L33 29.5277"
−
                      stroke="white"
+
                        stroke="white"
−
                      stroke-width="2"
+
                        stroke-width="2"
−
                      stroke-miterlimit="10"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M36.4726 33.2965L44.0222 21.978L33 29.5277"
+
                      <path
−
                      stroke="white"
+
                        d="M29.5277 33.2964L21.9781 44.0223L33.0003 36.4727"
−
                      stroke-width="2"
+
                        stroke="white"
−
                      stroke-miterlimit="10"
+
                        stroke-width="2"
−
                      stroke-linejoin="round"
+
                        stroke-miterlimit="10"
−
                    />
+
                        stroke-linejoin="round"
−
                    <path
+
                      />
−
                      d="M29.5277 33.2964L21.9781 44.0223L33.0003 36.4727"
+
                     </svg>
−
                      stroke="white"
+
                   </div>
−
                      stroke-width="2"
+
                  <h2 class="title">Public Engagement</h2>
−
                      stroke-miterlimit="10"
+
                  <p class="description">
−
                      stroke-linejoin="round"
+
                    We engaged with the local community. Spreading our knowledge
−
                     />
+
                    and eliciting public feedback.
−
                   </svg>
+
                  </p>
 
                 </div>
 
                 </div>
 
               </div>
 
               </div>

Revision as of 12:39, 7 October 2020




A MAJOR PROBLEM


VITAMIN A DEFICIENCY IS A LEADING CAUSE OF CHILDHOOD MORTALITY AND BLINDNESS.
WE'RE HERE TO CHANGE THAT.

OVIITA DESIGN


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?

1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three

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.