Difference between revisions of "Team:Calgary"

 
(78 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<!-- GENERAL PAGE HTML -->
 
<!-- GENERAL PAGE HTML -->
 
 
{{Calgary/Imposter-Navbar}}
 
{{Calgary/Imposter-Navbar}}
 
<html>
 
<html>
Line 10: Line 9:
 
       href="https://2020.igem.org/Template:Calgary/Imposter-Landing-2-Style?action=raw&ctype=text/css"
 
       href="https://2020.igem.org/Template:Calgary/Imposter-Landing-2-Style?action=raw&ctype=text/css"
 
     />
 
     />
    <style>
 
      /* --- [ PROJECT COMPONENTS STYLING ] --- */
 
      /* --- [ PIPELINE PANELS ] --- */
 
 
      #bodyContent .content-panel.pipeline h1 {
 
        font-weight: 600;
 
        font-size: 36px;
 
 
        line-height: 50px;
 
        letter-spacing: 0.2em;
 
      }
 
 
      #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: #444444;
 
        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-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:#ffa600;
 
      }
 
 
      .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: #F1C23F;
 
      }
 
 
      .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 {
 
        background-color:white;
 
      }
 
 
      .content-panel.project-icons .component-holder {
 
        display: flex;
 
        flex-direction: column;
 
        margin-top: 120px;
 
      }
 
 
      .content-panel.project-icons .component-holder .component-row {
 
        display: flex;
 
        flex-direction: row;
 
        margin-bottom: 40px;
 
        margin-left: auto;
 
        margin-right: auto;
 
      }
 
 
      .content-panel.project-icons .component-holder .component-row:last-child {
 
        margin-bottom: 0px;
 
      }
 
 
      .content-panel.project-icons .component-holder .component-row > * {
 
        margin-right: 40px;
 
      }
 
 
      .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        > *:last-child {
 
        margin-right: 0px;
 
      }
 
 
      #HQ_page
 
        .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component {
 
        text-align: center;
 
        max-width: 260px;
 
        padding: 30px;
 
        transform: scale(1);
 
        -webkit-transition: transform 1000ms linear;
 
        -ms-transition: transform 500ms linear;
 
        transition: transform 500ms linear;
 
        cursor: pointer;
 
        background-color: #f3f3f3;
 
      }
 
 
      #HQ_page
 
        .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component:hover {
 
        transform: scale(1.1);
 
        -webkit-transition: transform 500ms linear;
 
        -ms-transition: transform 500ms linear;
 
        transition: transform 500ms linear;
 
        cursor: pointer;
 
      }
 
 
      #HQ_page
 
        .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component:hover
 
        .icon
 
        svg
 
        > * {
 
        stroke: #f8b200;
 
        -webkit-transition: stroke 500ms linear;
 
        -ms-transition: stroke 500ms linear;
 
        transition: stroke 500ms linear;
 
      }
 
 
      #HQ_page
 
        .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component:hover
 
        p {
 
        color: #444444;
 
        -webkit-transition: color 500ms linear;
 
        -ms-transition: color 500ms linear;
 
        transition: color 500ms linear;
 
      }
 
 
      #HQ_page
 
        .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component
 
        p {
 
        text-align: center;
 
        color: #aaaaaa;
 
        -webkit-transition: color 500ms linear;
 
        -ms-transition: color 500ms linear;
 
        transition: color 500ms linear;
 
      }
 
 
      #HQ_page
 
        .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component
 
        h2 {
 
        font-weight: 600;
 
        font-size: 16px;
 
        line-height: 24px;
 
        text-transform: uppercase;
 
        font-variant: small-caps;
 
        margin-bottom: 5px;
 
      }
 
 
      .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component
 
        .icon {
 
        margin-bottom: 20px;
 
      }
 
 
      .content-panel.project-icons
 
        .component-holder
 
        .component-row
 
        .project-component
 
        .icon
 
        svg
 
        > * {
 
        stroke: #0197AE;
 
        -webkit-transition: stroke 1000ms linear;
 
        -ms-transition: stroke 1000ms linear;
 
        transition: stroke 1000ms linear;
 
      }
 
 
      @media only screen and (max-width: 750px) {
 
        .content-panel.project-icons .component-holder .component-row {
 
          flex-direction: column;
 
          margin-bottom: 40px;
 
          margin-left: auto;
 
          margin-right: auto;
 
        }
 
 
        .content-panel.project-icons .component-holder .component-row > * {
 
          margin-right: 0px;
 
          margin-bottom: 40px;
 
        }
 
 
        .content-panel.project-icons
 
          .component-holder
 
          .component-row
 
          > *:last-child {
 
          margin-right: 0px;
 
          margin-bottom: 0px;
 
        }
 
      }
 
 
      /* --- [ MISCELLANEOUS STYLING ] --- */
 
 
      .content-panel.pipeline > h1,
 
      .content-panel.highlights > h1,
 
      .content-panel.project-icons > h1 {
 
        display: flex;
 
 
        font-family: Barlow SemiBold;
 
        font-style: normal;
 
        font-weight: 600;
 
        font-size: 48px;
 
 
        color: rgb(68, 68, 68);
 
 
        line-height: 58px;
 
        letter-spacing: 0.2em;
 
        text-transform: uppercase;
 
        justify-content: center;
 
        text-align: center;
 
      }
 
 
      .content-panel.pipeline > h2,
 
      .content-panel.highlights > h2,
 
      .content-panel.project-icons > h2 {
 
        display: flex;
 
 
        font-family: Barlow Medium;
 
        font-style: normal;
 
        font-weight: 500;
 
        font-size: 36px;
 
 
        color: rgba(68, 68, 68, 0.5);
 
 
        line-height: 43px;
 
        justify-content: center;
 
        letter-spacing: 0.1em;
 
        text-align: center;
 
 
        margin-bottom: 80px;
 
      }
 
 
      .content-panel.dynamic-padding {
 
        padding: 80px;
 
      }
 
 
      @media only screen and (max-width: 900px) {
 
        .content-panel.dynamic-padding {
 
          padding: 50px;
 
        }
 
      }
 
 
      @media only screen and (max-width: 600px) {
 
        .content-panel.pipeline > h1,
 
        .content-panel.highlights > h1,
 
        .content-panel.project-icons > h1 {
 
          font-size: 36px;
 
 
          line-height: 50px;
 
        }
 
 
        .content-panel.pipeline > h2,
 
        .content-panel.highlights > h2. .content-panel.project-icons > h2 {
 
          font-size: 30px;
 
 
          line-height: 45px;
 
        }
 
      }
 
 
      @media only screen and (max-width: 400px) {
 
        #bodyContent .content-panel.pipeline > h1,
 
        .content-panel.highlights > h1,
 
        .content-panel.project-icons > h1 {
 
          font-size: 30px;
 
 
          line-height: 40px;
 
        }
 
 
        #bodyContent .content-panel.pipeline > h2,
 
        .content-panel.highlights > h2,
 
        .content-panel.project-icons > h2 {
 
          font-size: 24px;
 
 
          line-height: 35px;
 
        }
 
      }
 
    </style>
 
 
   </head>
 
   </head>
   <body style="background-color: #ffffff; overflow-x: hidden">
+
   <body style="background-color: #ffffff; overflow-x: hidden;">
     <div class="main">
+
     <div style="height:100vh;"class="main">
 
       <div class="container-fluid">
 
       <div class="container-fluid">
 
         <div>
 
         <div>
Line 665: Line 25:
 
           <!-- SUB HEADER -->
 
           <!-- SUB HEADER -->
 
           <div
 
           <div
             style="height: 10px; background-color: #383030; margin-top: -10px"
+
             style="height: 20px; background-color: dimgrey; margin-top: -10px"
 
           ></div>
 
           ></div>
 
           <div class="sub-heading">
 
           <div class="sub-heading">
 
             <div class="sub-heading-image">
 
             <div class="sub-heading-image">
 
               <img
 
               <img
                 src="https://static.igem.org/mediawiki/2020/5/52/T--Calgary--Landing-child.jpg"
+
                 src="https://static.igem.org/mediawiki/2020/a/aa/T--Calgary--ruralschoolkids.png"
 
               />
 
               />
 
             </div>
 
             </div>
Line 688: Line 48:
 
             <br />
 
             <br />
 
             <p>
 
             <p>
               Sed ut perspiciatis unde omnis iste natus error sit voluptatem
+
               As a leading global cause of preventable blindness and mortality, vitamin A deficiency (VAD) is a serious health problem, particularly in developing regions. Oviita aims to equip these vulnerable regions with a sustainable and community-based solution to VAD. Our solution uses a food-safe strain of  <span style="font-style: italic;class="italic">Yarrowia lipolytica</span> modified to produce beta-carotene, a vitamin A precursor. By engineering this yeast to produce cellulase, VAD communities can grow it as their own vitamin A supplement using readily-available plant matter as feedstock. To facilitate community integration, we designed bioreactor schematics based on locally-available resources, and made the yeast auxotrophic to ensure safe growth with no environmental risk. We also created a vitamin A biosensor to improve VAD testing, and included an anthelmintic agent in the yeast to combat poor intestinal health, two contributing factors to VAD. Through these solutions, Oviita aims to be a sustainable and community-based adjunct to global efforts against VAD. Check out our <a href="https://2020.igem.org/Team:Calgary/Description">description page</a> and our <a href="https://video.igem.org/videos/watch/9891caea-e3db-4d84-b759-36c72e756721">project presentation video</a> to learn more about Oviita. </p>
              accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
+
              quae ab illo inventore veritatis et quasi architecto beatae vitae
+
              dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
+
              aspernatur aut odit aut fugit, sed quia consequuntur magni dolores
+
              eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam
+
              est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci
+
              velit, sed quia non numquam eius modi tempora incidunt ut labore
+
              et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
+
              veniam, quis nostrum exercitationem ullam corporis suscipit
+
              laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem
+
              vel eum iure reprehenderit qui in ea voluptate velit esse quam
+
              nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo
+
              voluptas nulla pariatur?
+
            </p>
+
          </div>
+
          <!-- SLIDESHOW -->
+
          <!-- Slideshow container -->
+
          <div class="slideshow-container">
+
            <!-- Images with number and caption text (note: make all pictures the same size)-->
+
            <div class="mySlides">
+
              <div class="numbertext">1 / 3</div>
+
              <img
+
                src="https://static.igem.org/mediawiki/2020/5/52/T--Calgary--Landing-child.jpg"
+
                style="width: 100%"
+
              />
+
              <div class="text">Caption Text</div>
+
            </div>
+
 
+
            <div class="mySlides">
+
              <div class="numbertext">2 / 3</div>
+
              <img
+
                src="https://static.igem.org/mediawiki/2020/0/08/T--Calgary--Pipeline-Example.gif"
+
                style="width: 100%"
+
              />
+
              <div class="text">Caption Two</div>
+
            </div>
+
 
+
            <div class="mySlides">
+
              <div class="numbertext">3 / 3</div>
+
              <img
+
                src="https://static.igem.org/mediawiki/2020/5/52/T--Calgary--Landing-child.jpg"
+
                style="width: 100%"
+
              />
+
              <div class="text">Caption Three</div>
+
            </div>
+
  
            <!-- Next and previous buttons -->
 
            <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 
            <a class="next" onclick="plusSlides(1)">&#10095;</a>
 
          </div>
 
          <br />
 
 
          <!-- The dots/circles -->
 
          <div style="text-align: center">
 
            <span class="dot" onclick="currentSlide(1)"></span>
 
            <span class="dot" onclick="currentSlide(2)"></span>
 
            <span class="dot" onclick="currentSlide(3)"></span>
 
 
           </div>
 
           </div>
 
           <!-- NAVIGATION GRID -->
 
           <!-- NAVIGATION GRID -->
 
           <div class="content-panel project-icons dynamic-padding">
 
           <div class="content-panel project-icons dynamic-padding">
 
             <h1>Project Components</h1>
 
             <h1>Project Components</h1>
             <div class="component-holder" style="margin-top:0px;">
+
             <div class="component-holder" style="margin-top: 0px">
 
               <div class="component-row">
 
               <div class="component-row">
                 <div
+
                 <a href="https://2020.igem.org/Team:Calgary/Human_Practices">
                   class="project-component"
+
                   <div
                  data-link="https://2020.igem.org/Team:Calgary/Human_Practices"
+
                    class="project-component"
                >
+
                    data-link="https://2020.igem.org/Team:Calgary/Human_Practices"
                  <div class="icon">
+
                  >
                    <svg
+
                    <div class="icon">
                      width="53"
+
                      <img src="https://static.igem.org/mediawiki/2020/0/09/T--Calgary--hp-logo.png" style="width:50%;">
                      height="66"
+
                    </div>
                      viewBox="0 0 53 66"
+
                    <h2 class="title">Human Practices</h2>
                      fill="none"
+
                    <p class="description">
                      xmlns="http://www.w3.org/2000/svg"
+
                       We conducted in-depth interviews with nutrition experts and future users of our products
                    >
+
                     </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"
+
                      />
+
                      <path
+
                        d="M51.6272 50.5543L49.4854 47.6294C48.1645 48.8465 46.7303 49.9316 45.2112 50.8846L47.2964 53.734C47.8814 54.5359 49.0042 54.7058 49.8062 54.1208L51.2498 53.0641C52.0423 52.4791 52.2122 51.3563 51.6272 50.5543Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M30.5207 46.686C41.6252 46.686 50.6272 37.6841 50.6272 26.5796C50.6272 15.4751 41.6252 6.47314 30.5207 6.47314C19.4162 6.47314 10.4142 15.4751 10.4142 26.5796C10.4142 37.6841 19.4162 46.686 30.5207 46.686Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M21.0853 8.82252L18.2548 4.9541C16.6791 5.82214 15.1978 6.85998 13.858 8.03938L16.7263 11.9645C18.0283 10.7379 19.4908 9.67169 21.0853 8.82252Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M40.2852 44.1574L43.0309 47.9126C44.5688 46.9785 46.003 45.884 47.3051 44.648L44.5877 40.9399C43.3139 42.1948 41.8609 43.2799 40.2852 44.1574Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M33.0865 6.65283C33.7564 9.81363 34.8981 13.031 35.8133 15.9371C36.2002 17.1542 36.6059 18.4657 36.2285 19.6829C35.9832 20.4754 35.4359 21.1359 35.0585 21.8813C34.5396 22.9286 34.3792 24.1174 34.332 25.2874C34.2565 27.2499 34.5207 29.3445 35.7473 30.8919C36.9644 32.4393 39.361 33.1752 40.9744 32.043C41.7103 31.5335 42.1821 30.7315 42.8143 30.1088C44.4371 28.5236 46.8903 28.2406 49.1547 28.1462C49.6171 28.1274 50.0794 28.1085 50.5417 28.0802C50.5794 27.5802 50.6172 27.0801 50.6172 26.5706C50.6266 16.3522 42.9747 7.91715 33.0865 6.65283Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M20.8683 30.4956C20.5097 30.6843 20.0757 30.7975 19.8304 31.1183C19.6322 31.373 19.5851 31.7221 19.5473 32.0429C19.4058 33.411 19.3209 34.7886 19.3115 36.1567C19.3115 36.619 19.3114 37.0908 19.5001 37.5154C19.6889 37.9494 20.0474 38.289 20.406 38.6098C20.8966 39.0627 21.3966 39.5156 21.8873 39.9685C22.2458 40.2987 22.6138 40.629 23.0478 40.8365C23.7271 41.1573 24.5008 41.1573 25.2556 41.1479C26.5577 41.1385 27.8692 41.1196 29.1712 41.1102C30.662 41.0913 32.3698 40.9686 33.2473 39.7703C34.1059 38.5909 33.719 36.8926 32.9453 35.6472C32.1716 34.4017 31.0677 33.3733 30.4167 32.0618C30.1242 31.4579 29.8978 30.7692 29.36 30.3729C29.0109 30.1182 27.1049 28.5425 26.7087 28.4104C25.416 27.9669 25.5764 27.6178 24.2366 27.6084C22.7081 27.6178 22.1232 29.8445 20.8683 30.4956Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M28.2462 6.76568C28.2368 6.71851 28.2368 6.66192 28.2273 6.61475C18.1977 7.75641 10.4042 16.2575 10.4042 26.5891C10.4042 26.8344 10.4325 27.0797 10.442 27.325C10.4703 27.325 10.4986 27.3439 10.5269 27.3439C11.8761 27.5043 13.2254 27.1929 14.5463 26.8816C16.122 26.5136 17.7826 26.0985 18.9808 25.004C19.4337 24.5888 19.8017 24.0887 20.2546 23.6641C21.7831 22.2394 24.0004 21.9375 26.0195 21.3808C28.0386 20.8336 30.2087 19.6919 30.6711 17.6539C30.9636 16.3707 30.4824 15.0592 30.0672 13.8232C29.2841 11.521 28.6803 9.16223 28.2462 6.76568Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M37.2568 64.9999H23.7644C23.0945 64.9999 22.5567 64.4621 22.5567 63.7922V61.924C22.5567 61.2541 23.0945 60.7163 23.7644 60.7163H37.2568C37.9267 60.7163 38.4645 61.2541 38.4645 61.924V63.7922C38.4645 64.4621 37.9267 64.9999 37.2568 64.9999Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                       <path
+
                        d="M34.4082 60.7354L32.8892 55.0459C31.3323 55.1969 29.7378 55.2157 28.1149 55.1025L26.6147 60.7354H34.4082Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                     </svg>
+
 
                   </div>
 
                   </div>
                  <h2 class="title">Human Practices</h2>
+
                </a>
                  <p class="description">
+
                <a href="https://2020.igem.org/Team:Calgary/Engineering">
                    Human practices blah blah blah
+
                   <div
                    blah blah blah blah blah blah
+
                    class="project-component"
                   </p>
+
                    data-link="https://2020.igem.org/Team:Calgary/Engineering"
                </div>
+
                  >
                <div
+
                    <div class="icon">
                  class="project-component"
+
                      <img src="https://static.igem.org/mediawiki/2020/6/69/T--Calgary--engineering-logo.png" style="width:50%;">
                  data-link="https://2020.igem.org/Team:Calgary/Engineering"
+
                    </div>
                >
+
                    <h2 class="title">Engineering</h2>
                  <div class="icon">
+
                    <p class="description">
                    <svg
+
                       We engineered the yeast strain <i>Yarrowia liplytica</i> to produce exactly what we needed for Oviita
                      width="42"
+
                     </p>
                      height="66"
+
                      viewBox="0 0 42 66"
+
                      fill="none"
+
                      xmlns="http://www.w3.org/2000/svg"
+
                    >
+
                      <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="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="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="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="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"
+
                       />
+
                     </svg>
+
 
                   </div>
 
                   </div>
                  <h2 class="title">Engineering</h2>
+
                </a>
                  <p class="description">
+
                <a href="https://2020.igem.org/Team:Calgary/Model">
                    Engineering blah blah blah
+
                   <div
                    blah blah blah blah blah blah
+
                    class="project-component"
                   </p>
+
                    data-link="https://2020.igem.org/Team:Calgary/Model"
                </div>
+
                  >
                <div
+
                    <div class="icon">
                  class="project-component"
+
                      <img src="https://static.igem.org/mediawiki/2020/0/01/T--Calgary--modelling-logo-2.png" style="width:60%; margin-bottom:15px; margin-top:0px;">
                  data-link="https://2020.igem.org/Team:Calgary/Model"
+
                    </div>
                >
+
                    <h2 class="title">Modelling</h2>
                  <div class="icon">
+
                    <p class="description">
                    <svg
+
                       Computer modelling informed experimental design through every step
                      width="66"
+
                     </p>
                      height="54"
+
                      viewBox="0 0 66 54"
+
                      fill="none"
+
                      xmlns="http://www.w3.org/2000/svg"
+
                    >
+
                      <path
+
                        d="M53.7324 27.1714H27.4322C26.1677 27.1714 25.1391 26.1428 25.1391 24.8783V12.6671C25.1391 11.4026 26.1677 10.374 27.4322 10.374H53.7324C54.9969 10.374 56.0255 11.4026 56.0255 12.6671V24.8783C56.0255 26.1428 54.9969 27.1714 53.7324 27.1714Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                      />
+
                      <path
+
                        d="M63.3864 42.1383H2.61371C1.71721 42.1383 1.00003 41.4117 1.00003 40.5246V3.01355C1.00003 2.11706 1.72665 1.3999 2.61371 1.3999H63.3864C64.2828 1.3999 65 2.12649 65 3.01355V40.5246C65 41.4211 64.2828 42.1383 63.3864 42.1383Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M37.8595 42.1382H28.1491V48.7722H37.8595V42.1382Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M40.1062 52.3489H25.8945C25.2528 52.3489 24.7337 51.8299 24.7337 51.1882V49.9425C24.7337 49.3008 25.2528 48.7817 25.8945 48.7817H40.1062C40.7479 48.7817 41.2669 49.3008 41.2669 49.9425V51.1882C41.2669 51.8204 40.7479 52.3489 40.1062 52.3489Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M1.00006 36.1558H65.0001"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M19.1466 10.374H9.97412V27.1714H19.1466V10.374Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M30.2825 14.5449C30.2825 14.5449 40.5874 14.5449 40.5874 18.7726C40.5874 23.0002 50.8923 23.0003 50.8923 23.0003"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linecap="round"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M30.2825 23.0003C30.2825 23.0003 40.5874 23.0002 40.5874 18.7726C40.5874 14.5449 50.8923 14.5449 50.8923 14.5449"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linecap="round"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M44.7305 22.5944V18.7726V14.9507"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M36.4351 22.5944V18.7726V14.9507"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M32.566 23.0003V18.7726V14.5449"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                       <path
+
                        d="M48.5993 23.0003V18.7726V14.5449"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                     </svg>
+
 
                   </div>
 
                   </div>
                  <h2 class="title">Modelling</h2>
+
                 </a>
                  <p class="description">
+
                    Computer modelling informed experimental design through
+
                    every step
+
                  </p>
+
                 </div>
+
 
               </div>
 
               </div>
 
               <div class="component-row">
 
               <div class="component-row">
                 <div
+
                 <a href="https://2020.igem.org/Team:Calgary/Implementation">
                   class="project-component"
+
                   <div
                  data-link="https://2020.igem.org/Team:Calgary/Implementation"
+
                    class="project-component"
                >
+
                    data-link="https://2020.igem.org/Team:Calgary/Implementation"
                  <div class="icon">
+
                  >
                    <svg
+
                    <div class="icon">
                      width="66"
+
                      <img src="https://static.igem.org/mediawiki/2020/2/25/T--Calgary--implementation-logo-2.png" style="width:80%; margin-bottom:5px; margin-top:0px;">
                      height="44"
+
                    </div>
                      viewBox="0 0 66 44"
+
                    <h2 class="title">Proposed Implementation</h2>
                      fill="none"
+
                    <p class="description">
                      xmlns="http://www.w3.org/2000/svg"
+
                       The implementation of Oviita was thought through from start to finish
                    >
+
                     </p>
                      <path
+
                        d="M63.3769 42.3608H2.80307C1.90658 42.3608 1.17996 41.6342 1.17996 40.7377V3.46298C1.17996 2.5665 1.90658 1.83984 2.80307 1.83984H63.3769C64.2733 1.83984 65 2.5665 65 3.46298V40.7377C65 41.6247 64.2733 42.3608 63.3769 42.3608Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M1.00006 7.65283H64.8201"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M59.5075 12.9663H30.169V37.5487H59.5075V12.9663Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M24.8555 28.187H6.31253V37.5576H24.8555V28.187Z"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M6.31253 12.9663H24.8555"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linecap="round"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M6.31253 16.1748H24.8555"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linecap="round"
+
                        stroke-linejoin="round"
+
                      />
+
                      <path
+
                        d="M6.31253 19.3823H24.8555"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linecap="round"
+
                        stroke-linejoin="round"
+
                      />
+
                       <path
+
                        d="M6.31253 22.5918H24.8555"
+
                        stroke="white"
+
                        stroke-width="2"
+
                        stroke-miterlimit="10"
+
                        stroke-linecap="round"
+
                        stroke-linejoin="round"
+
                      />
+
                     </svg>
+
 
                   </div>
 
                   </div>
                  <h2 class="title">Proposed Implementation</h2>
+
                </a>
                  <p class="description">
+
                <a href="https://2020.igem.org/Team:Calgary/Parts">
                    Implementation blah blah blah
+
                   <div
                    blah blah blah blah blah blah
+
                    class="project-component"
                   </p>
+
                    data-link="https://2020.igem.org/Team:Calgary/Parts"
                </div>
+
                  >
                <div
+
                    <div class="icon">
                  class="project-component"
+
                      <img src="https://static.igem.org/mediawiki/2020/d/de/T--Calgary--parts-logo-2.png" style="width:50%; margin-top:0px;">
                  data-link="https://2020.igem.org/Team:Calgary/Parts"
+
                    </div>
                >
+
                    <h2 class="title">Parts</h2>
                  <div class="icon">
+
                    <p class="description">
                    <svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line><line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line></svg>
+
                      Several parts were added to the iGEM registry
 +
                    </p>
 
                   </div>
 
                   </div>
                  <h2 class="title">Parts</h2>
+
                </a>
                  <p class="description">
+
                <a href="https://2020.igem.org/Team:Calgary/Hardware">
                    Parts blah blah blah
+
                   <div
                    blah blah blah blah blah blah
+
                    class="project-component"
                   </p>
+
                    data-link="https://2020.igem.org/Team:Calgary/Hardware"
                </div>
+
                  >
                <div
+
                    <div class="icon">
                  class="project-component"
+
                      <img src="https://static.igem.org/mediawiki/2020/4/40/T--Calgary--hardware-logo.png" style="width:60%; margin-bottom:-10px;">
                  data-link="https://2020.igem.org/Team:Calgary/Hardware"
+
                    </div>
                >
+
                    <h2 class="title">Hardware</h2>
                  <div class="icon">
+
                    <p class="description">
                    <svg xmlns="http://www.w3.org/2000/svg" width="66" height="66" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
+
                      Our Bioreactor and Diagnostic Tool are integral to the implementation of Oviita
 +
                    </p>
 
                   </div>
 
                   </div>
                   <h2 class="title">Hardware</h2>
+
                </a>
                  <p class="description">
+
              </div>
                    Hardware blah blah blah
+
                <div class="component-row">
                    blah blah blah blah blah blah
+
                   <a href="https://2020.igem.org/Team:Calgary/Software">
                  </p>
+
                    <div
                </div>
+
                      class="project-component"
 +
                      data-link="https://2020.igem.org/Team:Calgary/Software"
 +
                    >
 +
                      <div class="icon">
 +
                        <img src="https://static.igem.org/mediawiki/2020/a/a5/T--Calgary--software-logo.png" style="width:60%; margin-bottom:15px; margin-top:0px;">
 +
                      </div>
 +
                      <h2 class="title">Software</h2>
 +
                      <p class="description">
 +
                        We created an array of software models and tools to assist us in creating Oviita
 +
                      </p>
 +
                    </div>
 +
                  </a>
 
               </div>
 
               </div>
            </div>
 
 
           </div>
 
           </div>
 
           <!-- SPONSERS -->
 
           <!-- SPONSERS -->
Line 1,106: Line 165:
 
             <div class="sponser-banner">
 
             <div class="sponser-banner">
 
               <div class="sponser1">
 
               <div class="sponser1">
                 <a href="www.google.com"
+
                 <a href="https://cumming.ucalgary.ca/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/e/eb/T--Calgary--Logo_Schulich_%282%29.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser2">
 
               <div class="sponser2">
                 <a href="www.google.com"
+
                 <a href="https://news.ucalgary.ca/news/shell-canadas-seel-program-fund-provides-learning-experiences-beyond-classroom"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/c/cb/T--Calgary--Logo_Shell.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser3">
 
               <div class="sponser3">
                 <a href="www.google.com"
+
                 <a href="https://schulich.ucalgary.ca/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/3/3c/T--Calgary--Logo_Schulich_%281%29.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser4">
 
               <div class="sponser4">
                 <a href="www.google.com"
+
                 <a href="https://givingday.ucalgary.ca/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/9/94/T--Calgary--Logo_GivingDay.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser5">
 
               <div class="sponser5">
                 <a href="www.google.com"
+
                 <a href="https://mindfuel.ca/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/a/a1/T--Calgary--Logo_Mindfuel.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
  
 
               <div class="sponser6">
 
               <div class="sponser6">
                 <a href="www.google.com"
+
                 <a href="https://www.cmdrtfoundation.org/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/a/a2/T--Calgary--CMDRT.png"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser7">
 
               <div class="sponser7">
                 <a href="www.google.com"
+
                 <a href="https://research.ucalgary.ca/research/office-vice-president-research"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/5/5f/T--Calgary--Logo_Vice.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser8">
 
               <div class="sponser8">
                 <a href="www.google.com"
+
                 <a href="https://science.ucalgary.ca/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/2/22/T--Calgary--Logo_Science.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser9">
 
               <div class="sponser9">
                 <a href="www.google.com"
+
                 <a href="https://www.ucalgary.ca/provost"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2019/c/c6/T--Calgary--Logo_Provost_Office.svg"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>
 
               <div class="sponser10">
 
               <div class="sponser10">
                 <a href="www.google.com"
+
                 <a href="https://albertainnovates.ca/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2020/7/70/T--Calgary--AlbertaInnovates.jpg"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser11">
 +
                <a href="https://www.idtdna.com/pages"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/1/1f/T--Calgary--IDT.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser12">
 +
                <a href="https://www.twistbioscience.com/"
 +
                  ><img
 +
                    src="https://static.igem.org/mediawiki/2019/8/8f/T--Calgary--Twist.png"
 +
                /></a>
 +
              </div>
 +
              <div class="sponser13">
 +
                <a href="https://www.benchling.com/"
 
                   ><img
 
                   ><img
                     src="https://static.igem.org/mediawiki/2020/5/5d/T--Calgary--Sponser-Test.png"
+
                     src="https://static.igem.org/mediawiki/2020/3/36/T--Calgary--Benchling.png"
 
                 /></a>
 
                 /></a>
 
               </div>
 
               </div>

Latest revision as of 05:36, 21 December 2020



A MAJOR PROBLEM


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

OVIITA DESIGN


As a leading global cause of preventable blindness and mortality, vitamin A deficiency (VAD) is a serious health problem, particularly in developing regions. Oviita aims to equip these vulnerable regions with a sustainable and community-based solution to VAD. Our solution uses a food-safe strain of Yarrowia lipolytica modified to produce beta-carotene, a vitamin A precursor. By engineering this yeast to produce cellulase, VAD communities can grow it as their own vitamin A supplement using readily-available plant matter as feedstock. To facilitate community integration, we designed bioreactor schematics based on locally-available resources, and made the yeast auxotrophic to ensure safe growth with no environmental risk. We also created a vitamin A biosensor to improve VAD testing, and included an anthelmintic agent in the yeast to combat poor intestinal health, two contributing factors to VAD. Through these solutions, Oviita aims to be a sustainable and community-based adjunct to global efforts against VAD. Check out our description page and our project presentation video to learn more about Oviita.